/* ==========================================================================
   HARMONISATION DE L'ACCUEIL — 10/10/2026 (demande Laurent, après le nouveau hero)
   Une seule feuille, chargée après style.css par Head.cshtml, qui aligne tous les
   blocs de la home sur la grammaire du hero :
     - titres de section : Tsukimi Rounded 700, marine #0F2C40, alignés à gauche ;
     - vignettes produit : carte blanche, bord #E6EAEE, rayon 12 px, photo en « contain »
       avec 10 px d'air, badge d'économie ORANGE #F26522 (plus de rouge), prix en gras
       #C2410C dans la police COURANTE (Tsukimi essayée le 10/10 : chiffres illisibles),
       prix barré gris #6B7A86 ;
     - boutons : pilules, marine ou orange, jamais le bleu canard #0091b5.
   ⚠️ Les vues de la home portent leurs propres <style> APRÈS cette feuille, parfois
   sous un identifiant (#promo-slider) : d'où les sélecteurs renforcés et quelques
   !important, assumés. Rien ici ne touche au balisage ni à une DLL.
   ========================================================================== */

/* ---------- 1. Titres de section ---------- */
.home-page h2,
#promo-slider h2,
.home-page .generalTitle,
.home-page .selsem-titre {
    font-family: 'Tsukimi Rounded', 'Baloo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #0F2C40 !important;
    letter-spacing: 0;
    text-wrap: balance;
}
.home-page h2,
#promo-slider h2,
.home-page .generalTitle {
    font-size: 22px !important;
    line-height: 1.15;
    text-align: left !important;
    margin: 0 0 14px 0;
}
.home-page .product-grid > h2.generalTitle { padding: 0 8px; }
@media (min-width: 768px) {
    .home-page h2,
    #promo-slider h2,
    .home-page .generalTitle { font-size: 26px !important; margin-bottom: 16px; }
}
/* Les h3 des tuiles de rayon et des articles de blog restent en police courante : ce
   sont des libellés, pas des titres de section. */

/* ---------- 2. Vignettes produit (_ProductBox : tendances, nouveautés, meilleures ventes) ---------- */
.home-page .product-box {
    border-color: #E6EAEE !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.home-page .product-box .picture img { padding: 10px; box-sizing: border-box; }
.home-page .badge-custom {
    border-radius: 6px !important;
    font-size: 11px !important;
    padding: 4px 8px !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.home-page .badge-discount { background-color: #F26522 !important; color: #fff !important; }
.home-page .badge-flag { background-color: #0F2C40 !important; color: #fff !important; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 0.3px !important; }
.home-page .pbox-title a { color: #0F2C40 !important; font-weight: 600 !important; font-size: 0.9rem !important; }
.home-page .product-box .prices .actual-price {
    /* 10/10/2026 : police courante, pas Tsukimi — les chiffres s'y lisaient mal (Laurent). */
    font-weight: 800 !important;
    font-size: 17px !important;
    color: #C2410C !important;
}
.home-page .product-box .prices .old-price {
    font-size: 12px !important;
    color: #6B7A86 !important;
    font-weight: 400 !important;
}
/* Le produit « star » du bloc tendances : même rayon que les autres, bord orange
   pour dire qu'il est mis en avant, sans le cadre marine de 4 px de rayon. */
.home-page .hero-product-col .product-box-wrapper {
    border: 2px solid #F26522 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* ---------- 3. Carrousel « Les Offres Immanquables » / opération du mois ---------- */
#promo-slider .card {
    border: 1px solid #E6EAEE !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
#promo-slider .card-img-top { padding: 10px !important; }
#promo-slider .badge-savings {
    background-color: #F26522 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 4px 8px !important;
    box-shadow: none !important;
}
#promo-slider .badge-body { border-radius: 6px !important; }
#promo-slider .cv-title { color: #0F2C40; font-weight: 600; font-size: 0.9rem; line-height: 1.3; }
#promo-slider .current-price {
    font-weight: 800 !important;
    font-size: 17px !important;
    color: #C2410C !important;
}
#promo-slider .old-price { font-size: 12px !important; color: #6B7A86 !important; }
#promo-slider .btn-cta {
    border-radius: 24px !important;
    border: 2px solid #0F2C40 !important;
    color: #0F2C40 !important;
    background: #fff !important;
    font-weight: 700 !important;
}
#promo-slider .btn-cta:hover { background: #0F2C40 !important; color: #fff !important; }
@media (min-width: 768px) {
    #promo-slider .card:hover { box-shadow: 0 10px 20px rgba(15, 44, 64, 0.10) !important; }
}
/* Mobile : les cartes font 45 vw, « 269,90 € » + prix barré passaient sur deux lignes. */
@media (max-width: 767px) {
    #promo-slider .current-price { font-size: 15px !important; }
    #promo-slider .old-price { font-size: 11px !important; }
    #promo-slider .price-row { flex-wrap: wrap; gap: 4px 6px !important; }
    .home-page .product-box .prices .actual-price { font-size: 15px !important; }
}

/* ---------- 4. Boutons « voir tout » et liens de bloc ---------- */
.home-page .hp-voir-tout { background: #0F2C40 !important; }
.home-page .hp-voir-tout:hover,
.home-page .hp-voir-tout:focus { background: #F26522 !important; box-shadow: 0 3px 10px rgba(242, 101, 34, 0.28) !important; }

/* ---------- 5. Bandeau de réassurance : même famille que le hero ---------- */
.home-page .reassurance-card { border-radius: 12px; }
.home-page .reassurance-card .icon-wrapper { color: #0D9488; }