/* ========================================
   Page d'accueil : refonte « même DA » (octobre 2026)
   Chargée uniquement sur l'accueil (inc/accueil.php).
   Même vert, même orange, même Neutra : on aligne et on harmonise.
======================================== */

/* ========================================
   Grilles de produits (coffrets, livres, films) : 4 colonnes alignées (l'aspect des cartes est dans commun.css)
======================================== */
body.home .entry-content ul.wc-block-grid__products,
body.home .entry-content .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    margin: 0 !important;
    padding: 0 !important;
}
body.home .entry-content .woocommerce ul.products::before,
body.home .entry-content .woocommerce ul.products::after {
    display: none !important;
}
body.home .entry-content ul.wc-block-grid__products > li.product,
body.home .entry-content .woocommerce ul.products > li.product {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

/* Films : choix du format au-dessus du bouton [exuvie_films_accueil], le prix est dans les formats */
body.home .entry-content .exv-films-accueil li.product .kwt-price-wrap {
    display: none !important;
}
body.home .entry-content .exv-films-accueil li.product > .exv-formats {
    margin-top: auto;
}
body.home .entry-content .exv-films-accueil li.product > .wp-block-kadence-column:last-of-type {
    margin-top: 0;
}
body.home .entry-content .exv-films-accueil li.product .kwt-add-to-cart-wrap {
    margin-top: 0 !important;
}
.exv-formats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 12px 18px 14px;
}
.exv-format {
    display: block;
    padding: 6px 4px;
    border: 1px solid var(--exv-ligne);
    border-radius: 6px;
    background: #fff;
    text-align: center;
    font-size: 13.5px;
    line-height: 1.25;
    color: var(--exv-gris) !important;
    text-decoration: none !important;
    transition: border-color .2s, color .2s;
}
.exv-format strong { display: block; font-family: neutra-text-bold, sans-serif; font-weight: 400; font-size: 16px; color: inherit; }
.exv-format strong del { font-family: NeutraText-Book, sans-serif; font-size: 13px; opacity: .8; }
.exv-format strong ins { text-decoration: none; }
.exv-format--actif,
a.exv-format:hover {
    border-color: var(--exv-orange);
    color: var(--exv-orange) !important;
}
.exv-format .amount { color: inherit !important; }

/* ========================================
   Newsletter : une carte blanche, texte à gauche, formulaire à droite
======================================== */
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    column-gap: 34px;
    row-gap: 2px;
    align-items: center;
    padding: 28px 34px !important;
    background: #fff;
    border-radius: var(--exv-rayon);
    box-shadow: var(--exv-ombre);
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col > .kb-row-layout-wrap {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col > .wp-block-kadence-column {
    grid-column: 1;
    grid-row: 2;
    margin: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col > .wp-block-kadence-advanced-form {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) .kb-row-layout-wrap > .kt-row-column-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) .kb-row-layout-wrap .wp-block-kadence-column {
    flex: 0 1 auto !important;
    width: auto !important;
    margin: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) .kt-inside-inner-col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) figure.wp-block-image {
    margin: 0 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) figure.wp-block-image img {
    width: 64px !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) h2.wp-block-kadence-advancedheading {
    margin: 0 !important;
    text-align: left !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
}
body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col > .wp-block-kadence-column h2.wp-block-kadence-advancedheading {
    padding-left: 82px;
    font-size: 18px !important;
    color: var(--exv-orange) !important;
}

/* ========================================
   Auteurs : six portraits sur une ligne, cadrage identique
======================================== */
/* Dernière section de la page : de l'air avant le bandeau newsletter du pied de page. */
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) {
    margin-bottom: 64px;
}
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 22px;
}
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(h2.wp-block-heading) {
    grid-column: 1 / -1;
}
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay),
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay) > .kt-row-column-wrap,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay) > .kt-row-column-wrap > .wp-block-kadence-column,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay) > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
    display: contents !important;
}
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col::before,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col::after,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay) :is(.kt-row-column-wrap, .wp-block-kadence-column, .kt-inside-inner-col)::before,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay) :is(.kt-row-column-wrap, .wp-block-kadence-column, .kt-inside-inner-col)::after,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay)::before,
body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col > .kb-row-layout-wrap:has(.wp-block-kadence-imageoverlay)::after {
    display: none !important;
}
body.home .entry-content .wp-block-kadence-imageoverlay {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: var(--exv-rayon);
    overflow: hidden;
    background: #fff;
    box-shadow: var(--exv-ombre);
}
body.home .entry-content .wp-block-kadence-imageoverlay .kt-image-overlay-wrap,
body.home .entry-content .wp-block-kadence-imageoverlay .kt-block-intrisic {
    position: relative;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    padding: 0 !important;
    border: 0 !important;
    background: #fff;
}
body.home .entry-content .wp-block-kadence-imageoverlay img.kt-img-overlay {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
}
body.home .entry-content .wp-block-kadence-imageoverlay .kt-image-overlay-message,
body.home .entry-content .wp-block-kadence-imageoverlay .kt-image-overlay-inner {
    border: 0 !important;
    box-shadow: none !important;
}
body.home .entry-content .wp-block-kadence-imageoverlay .image-overlay-title {
    margin: 0 0 12px !important;
    padding: 4px 10px !important;
    border-radius: 4px;
    background: rgba(0, 61, 45, .9) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: nowrap;
}

/* ========================================
   Tablette
======================================== */
@media (max-width: 1024px) {
    body.home .entry-content ul.wc-block-grid__products,
    body.home .entry-content .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ========================================
   Téléphone : cartes qui défilent au doigt
======================================== */
@media (max-width: 767px) {
    body.home .entry-content ul.wc-block-grid__products,
    body.home .entry-content .woocommerce ul.products,
    body.home .entry-content .exuvie-fl-grid {
        grid-template-columns: none !important;
        grid-auto-flow: column;
        grid-auto-columns: 66%;
        gap: 14px !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 16px;
        scrollbar-width: none;
        margin: 0 -16px !important;
        padding: 4px 16px 12px !important;
    }
    body.home .entry-content .exuvie-fl-grid { display: grid !important; grid-auto-columns: 82%; }
    body.home .entry-content ul.wc-block-grid__products::-webkit-scrollbar,
    body.home .entry-content .woocommerce ul.products::-webkit-scrollbar,
    body.home .entry-content .exuvie-fl-grid::-webkit-scrollbar { display: none; }
    body.home .entry-content ul.wc-block-grid__products > li,
    body.home .entry-content .woocommerce ul.products > li,
    body.home .entry-content .exuvie-fl-grid > * { scroll-snap-align: start; }

    body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col {
        grid-template-columns: 1fr;
        row-gap: 10px;
        padding: 24px 20px !important;
        text-align: center;
    }
    body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col > * {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) .kb-row-layout-wrap > .kt-row-column-wrap {
        flex-direction: column !important;
        gap: 10px !important;
    }
    body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) figure.wp-block-image img { width: 56px !important; }
    body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) h2.wp-block-kadence-advancedheading {
        text-align: center !important;
        font-size: 19px !important;
    }
    body.home .entry-content .wp-block-kadence-column:has(> .kt-inside-inner-col > .wp-block-kadence-advanced-form) > .kt-inside-inner-col > .wp-block-kadence-column h2.wp-block-kadence-advancedheading {
        padding-left: 0;
        font-size: 16px !important;
    }

    body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) {
        margin-bottom: 40px;
    }
    body.home .entry-content .wp-block-kadence-column:has(.wp-block-kadence-imageoverlay) > .kt-inside-inner-col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    body.home .entry-content .wp-block-kadence-imageoverlay .image-overlay-title { font-size: 14px !important; }
}