/* ==========================================================
   Cherie CoCo — surcouche sur le thème Fruitables (recoloré)
   ========================================================== */

.logo-img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.logo-img-lg { width: 84px; height: 84px; }
.logo-img-nav { width: 62px; height: 62px; }

/* Remplace le fond photo (fruits/légumes) par un dégradé de marque */
.hero-header {
    background: linear-gradient(120deg, rgba(87,163,82,.08), rgba(201,138,82,.10)), #FAF7EF !important;
}

.hero-photo {
    height: 460px;
    object-fit: cover;
    object-position: center 30%;
}
@media (max-width: 991px) {
    .hero-photo { height: 340px; }
}

/* Légende du slider hero, sous l'image plutôt que superposée */
#carouselId .carousel-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.hero-caption {
    margin: 0;
    padding: .9rem 1rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--bs-dark);
    background: var(--bs-light);
    border-top: 3px solid var(--bs-secondary);
}

/* Cartes produit : image carrée cohérente avec nos illustrations SVG */
.fruite-item .fruite-img,
.vesitable-item .vesitable-img {
    background: #FAF7EF;
}
.fruite-item .fruite-img img {
    height: 260px;
    object-fit: cover;
    width: 100%;
}

/* Hauteur absolue et fixe pour TOUTES les cartes produit (pas seulement au sein
   d'une même ligne Bootstrap) afin qu'elles soient toutes rigoureusement
   identiques, quel que soit l'onglet, la ligne ou la longueur du texte. */
.fruite-item {
    height: 530px !important;
    display: flex;
    flex-direction: column;
}
.fruite-item > .p-4 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Uniformise la hauteur du titre et de la description, quelle que soit la longueur du texte */
.produit-titre {
    min-height: 3.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.produit-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 575px) {
    .fruite-item { height: auto !important; min-height: 480px; }
}

/* Bandeau "paiement à la livraison" mis en avant */
.cod-banner {
    background: var(--bs-light);
    border: 2px dashed var(--bs-primary);
    border-radius: 10px;
}

/* Cartes points de vente (réutilise la structure fruite-item) */
.pv-card { min-height: 100%; }
.pv-card .pv-icon {
    width: 54px; height: 54px;
    border-radius: 50%;
    background: var(--bs-light);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
}

/* Avatars témoignages */
.testimonial-item img.avatar { width: 60px; height: 60px; object-fit: cover; }

/* Badge catégorie sur les cartes produit */
.badge-categorie {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
}

@media (max-width: 991px) {
    .navbar-brand h1 { font-size: 1.4rem; }
}

.section-title-cc {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    color: var(--bs-dark);
    margin-bottom: 1rem;
}

.rounded-pill-start { border-top-left-radius: 50rem !important; border-bottom-left-radius: 50rem !important; }
.rounded-pill-end { border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; }

/* Décalage sous la navbar fixe pour les pages sans hero/page-header */
.content-offset { margin-top: 152px; }
@media (max-width: 992px) { .content-offset { margin-top: 97px; } }

/* Bandeau d'en-tête de page interne (remplace la photo du template par un dégradé de marque) */
.page-header-cc {
    background: linear-gradient(120deg, var(--bs-primary), var(--bs-green-dark, #3A7A37));
}