/* ==========================================================================
   SB Craft Academy — Palette couleurs étendue (MK Compagnie)
   Chaque couleur a UN rôle fixe sur tout le site.
   Pour changer une couleur partout : modifier la variable ci-dessous.
   ========================================================================== */
:root{
  /* Base de la charte (inchangée) */
  --sb-ivoire:#FAFBF7; --sb-noir:#111111; --sb-taupe:#B8A89C; --sb-rose:#E9D6D3; --sb-dore:#C9A86A;
  /* Nouvelles couleurs — rôles */
  --sb-contact:#239B56;   /* vert : WhatsApp, confirmations, « inclus » */
  --sb-promo:#D35400;     /* orange : prix promo, offres */
  --sb-highlight:#F4D03F; /* jaune : étoiles, badges de mise en avant */
  --sb-premium:#76448A;   /* violet profond : blocs premium */
  --sb-interact:#884EA0;  /* violet : liens, survols, menu actif */
  --sb-info:#7FB3D5;      /* bleu : information, champs actifs */
  --sb-calme:#A9CCE3;     /* bleu clair : fonds apaisants */
}

/* ---------- 1. Interaction : menu & liens (violet) ---------- */
body.sbpal #sbca-nav a:hover,
body.sbpal #sbca-nav a.active,
body.sbpal #sbca-nav .current-menu-item > a{color:var(--sb-interact)}
body.sbpal #sbca-nav a::after{background:var(--sb-interact)}
body.sbpal main p a:not([class]),
body.sbpal .faq p a,
body.sbpal .sbmap-text a:not([class]){color:var(--sb-interact);text-decoration:underline;text-underline-offset:3px}
body.sbpal main p a:not([class]):hover,
body.sbpal .faq p a:hover{color:var(--sb-premium)}

/* ---------- 2. Contact : bouton WhatsApp (bougie en verre vert) ---------- */
body.sbpal .whatsapp-float .wa-jar{
  background:linear-gradient(90deg,#135c33 0,#3fbf78 22%,#239B56 45%,#6fd79e 60%,#1c7f46 85%,#104d2b 100%)!important;
  box-shadow:0 10px 26px rgba(35,155,86,.38)!important}
body.sbpal .whatsapp-float .wa-jar svg,
body.sbpal .whatsapp-float .wa-jar svg *{fill:#FAFBF7!important}

/* ---------- 3. Couleur par module / par formation ---------- */
body.sbpal #module-bougies{--m:#D35400;--m-ink:#111}
body.sbpal #module-parfums-interieur{--m:#884EA0;--m-ink:#fff}
body.sbpal #module-bien-etre{--m:#239B56;--m-ink:#fff}

/* Formations 01 → 07 */
body.sbpal #module-bougies .sbcm-grid > .sbcm-card:nth-child(1){--c:#D35400;--c-ink:#111}
body.sbpal #module-bougies .sbcm-grid > .sbcm-card:nth-child(2){--c:#76448A;--c-ink:#fff}
body.sbpal #module-bougies .sbcm-grid > .sbcm-card:nth-child(3){--c:#F4D03F;--c-ink:#111}
body.sbpal #module-parfums-interieur .sbcm-grid > .sbcm-card:nth-child(1){--c:#7FB3D5;--c-ink:#111}
body.sbpal #module-parfums-interieur .sbcm-grid > .sbcm-card:nth-child(2){--c:#A9CCE3;--c-ink:#111}
body.sbpal #module-parfums-interieur .sbcm-grid > .sbcm-card:nth-child(3){--c:#884EA0;--c-ink:#fff}
body.sbpal #module-bien-etre .sbcm-grid > .sbcm-card:nth-child(1){--c:#239B56;--c-ink:#fff}

/* En-tête de module */
body.sbpal .sbcm-module .sbcm-mnum{background:var(--m);color:var(--m-ink)}
body.sbpal .sbcm-module .sbcm-mhead{box-shadow:inset 0 -3px 0 var(--m)}

/* Cartes formation */
body.sbpal .sbcm-module .sbcm-card{border-top:4px solid var(--c,var(--m))}
body.sbpal .sbcm-module .sbcm-card .sbcm-badge{background:var(--c,var(--m));color:var(--c-ink,#111)}
body.sbpal .sbcm-module .sbcm-card .sbcm-level{color:color-mix(in srgb,var(--c,var(--m)) 62%,#111)}
body.sbpal .sbcm-module .sbcm-card .sbcm-card-media{background:color-mix(in srgb,var(--c,var(--m)) 14%,#FAFBF7)}

/* Pack « module complet » : liseré couleur du module */
body.sbpal .sbcm-module .sbcm-pack{box-shadow:inset 5px 0 0 var(--m)}

/* Liens d'ancre vers les modules */
body.sbpal .sbcm-jump a:nth-child(1){--m:#D35400}
body.sbpal .sbcm-jump a:nth-child(2){--m:#884EA0}
body.sbpal .sbcm-jump a:nth-child(3){--m:#239B56}
body.sbpal .sbcm-jump a{border-color:var(--m)}
body.sbpal .sbcm-jump a::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--m);margin-right:8px;vertical-align:middle;position:relative;top:-1px}
body.sbpal .sbcm-jump a:hover{background:color-mix(in srgb,var(--m) 12%,#FAFBF7)}

/* Accueil : cartes des 3 modules */
body.sbpal .sbcm-cgrid > .sbcm-mcard:nth-child(1){--m:#D35400;--m-ink:#111}
body.sbpal .sbcm-cgrid > .sbcm-mcard:nth-child(2){--m:#884EA0;--m-ink:#fff}
body.sbpal .sbcm-cgrid > .sbcm-mcard:nth-child(3){--m:#239B56;--m-ink:#fff}
body.sbpal .sbcm-mcard{border-top:4px solid var(--m)}
body.sbpal .sbcm-mcard .sbcm-mcard-num{background:var(--m);color:var(--m-ink)}
body.sbpal .sbcm-mcard .sbcm-list li span{color:color-mix(in srgb,var(--m) 70%,#111)!important}

/* ---------- 4. « Inclus » : coches vertes ---------- */
body.sbpal .sbcm-inc li::before,
body.sbpal .sbcm-offer ul li:not(.sbcm-gift)::before{content:"✓";color:var(--sb-contact);font-weight:700}

/* ---------- 5. Promo : prix barrés / prix promo (orange) ---------- */
body.sbpal .sbcm-price ins,
body.sbpal .sbcm-price ins .amount,
body.sbpal .woocommerce .price ins,
body.sbpal .woocommerce .price ins .amount,
body.sbpal .wc-block-components-product-price__value.is-discounted{color:var(--sb-promo);text-decoration:none;font-weight:600}
body.sbpal .sbcm-offer-foot .sbcm-price ins,
body.sbpal .sbcm-offer-foot .sbcm-price ins .amount{color:var(--sb-promo)}
body.sbpal .woocommerce span.onsale,
body.sbpal .wc-block-components-product-sale-badge{background:var(--sb-promo);color:#111;border-color:var(--sb-promo)}

/* Offres : liseré couleur du module */
body.sbpal .sbcm-offers > .sbcm-offer:nth-child(1){border-top:4px solid #D35400}
body.sbpal .sbcm-offers > .sbcm-offer:nth-child(2){border-top:4px solid #884EA0}

/* ---------- 6. Premium : l'Académie complète (violet profond) ---------- */
body.sbpal .sbcm-offer.sbcm-offer--best{background:#16120e;border-color:#C9A86A;color:#FAFBF7;box-shadow:0 30px 60px -30px rgba(22,18,14,.55)} /* Académie : noir profond + doré (charte) */
body.sbpal .sbcm-offer--best .sbcm-price ins,
body.sbpal .sbcm-offer--best .sbcm-price ins .amount{color:#e9cf95}
body.sbpal .sbcm-offer--best .sbcm-price del{color:#B8A89C}
body.sbpal .sbcm-offer--best ul li:not(.sbcm-gift)::before{color:#C9A86A}
body.sbpal .sbcm-offer--best .sbcm-rib{background:#C9A86A;color:#111}
body.sbpal .sbcm-aca-strip{background:#16120e;border:1px solid #C9A86A} /* Académie : noir profond + doré (charte) */
body.sbpal .sbcm-aca-strip .sbcm-price ins,body.sbpal .sbcm-aca-strip .sbcm-price ins .amount{color:#e9cf95}
body.sbpal .sbcm-aca-strip .sbcm-price del,body.sbpal .sbcm-aca-strip .sbcm-price del .amount{color:#B8A89C}
body.sbpal .sbcm-aca-strip .sbcm-price ins,
body.sbpal .sbcm-aca-strip .sbcm-price ins .amount{color:#FAFBF7}

/* ---------- 7. Mise en avant : étoiles (jaune) ---------- */
body.sbpal .t-stars{color:var(--sb-highlight);text-shadow:0 0 1px rgba(120,90,0,.55)}
body.sbpal .woocommerce .star-rating span::before,
body.sbpal .woocommerce p.stars a{color:var(--sb-highlight)}

/* ---------- 8. Information & calme : FAQ, formulaires (bleus) ---------- */
body.sbpal .faq details,
body.sbpal .faq-card{border-left:3px solid var(--sb-calme)}
body.sbpal .faq details[open]{border-left-color:var(--sb-interact)}
body.sbpal .faq details[open] > summary{color:var(--sb-interact)}
body.sbpal .contact-form input:focus,
body.sbpal .contact-form textarea:focus,
body.sbpal .contact-form select:focus,
body.sbpal .wpcf7 input:focus,
body.sbpal .wpcf7 textarea:focus,
body.sbpal .woocommerce form .input-text:focus{
  border-color:var(--sb-info);outline:none;box-shadow:0 0 0 4px rgba(127,179,213,.28)}

/* ---------- 9. Confirmations & infos WooCommerce / formulaires ---------- */
body.sbpal .woocommerce-message,
body.sbpal .wc-block-components-notice-banner.is-success{border-top-color:var(--sb-contact);border-color:var(--sb-contact)}
body.sbpal .woocommerce-message::before{color:var(--sb-contact)}
body.sbpal .woocommerce-info{border-top-color:var(--sb-info)}
body.sbpal .woocommerce-info::before{color:var(--sb-info)}
body.sbpal .wpcf7 form.sent .wpcf7-response-output{
  border-color:var(--sb-contact);background:rgba(35,155,86,.08);color:#14532d}

/* ==========================================================================
   v1.1 — LA PALETTE SUR TOUT LE SITE
   Chaque page a sa couleur d'accent (eyebrows, mots en italique, menu actif,
   cartes), et un motif commun « 7 couleurs » relie toutes les pages.
   ========================================================================== */

/* ---------- 10. Couleur d'accent par page ---------- */
body.sbpal{--acc:#D35400;--acc-txt:#A84300;--acc-ink:#111}                           /* Accueil, boutique, autres : orange (chaleur de la bougie) */
body.sbpal.sbpal-p-a-propos{--acc:#76448A;--acc-txt:#76448A;--acc-ink:#fff}            /* À propos : violet profond (premium, l'histoire) */
body.sbpal.sbpal-p-nos-formations{--acc:#884EA0;--acc-txt:#884EA0;--acc-ink:#fff}      /* Formations : violet */
body.sbpal.sbpal-p-contact{--acc:#239B56;--acc-txt:#1B7A43;--acc-ink:#fff}             /* Contact : vert */
body.sbpal.sbpal-p-blog{--acc:#7FB3D5;--acc-txt:#2F6F99;--acc-ink:#111}                /* Blog : bleu (information) */

/* Motif signature : bande 7 couleurs */
:root{--sb-stripe:linear-gradient(90deg,#D35400 0 14.28%,#F4D03F 0 28.57%,#239B56 0 42.85%,#7FB3D5 0 57.14%,#A9CCE3 0 71.42%,#884EA0 0 85.71%,#76448A 0)}

/* Header : fine bande 7 couleurs + menu actif à la couleur de la page */
body.sbpal > header,
/* bande multicolore du header retirée (02/10/2026) */
body.sbpal header a.active,
body.sbpal #sbca-nav a.active{color:var(--acc-txt)!important}
body.sbpal #sbca-nav a.active::after,
body.sbpal header .nav-wrap a.active::after{background:var(--acc)}

/* Footer : même bande en haut */
/* bande multicolore du footer retirée (02/10/2026) */
body.sbpal footer .footer-links a.active{color:var(--acc-txt)}
body.sbpal footer .footer-links a:hover{color:var(--sb-interact)}

/* Séparateur sous les titres de hero : 7 couleurs */
body.sbpal .hero-divider{display:none!important} /* trait multicolore retiré (02/10/2026) */

/* Petits titres (eyebrows) et mots en italique : couleur de la page
   (sur fond clair uniquement — les sections sombres gardent le doré) */
body.sbpal .eyebrow,
body.sbpal .sbcm-eye,
body.sbpal .sbmap-head .eyebrow,
body.sbpal .sbmap-section .sbmap-text .eyebrow{color:color-mix(in srgb,var(--acc-txt) 88%,#111)}
body.sbpal h1 em, body.sbpal h2 em, body.sbpal h3 em,
body.sbpal .hero-kw, body.sbpal .t-cta-kicker em{color:var(--acc-txt)}
body.sbpal .savoir-text .eyebrow{color:color-mix(in srgb,var(--acc-txt) 88%,#111)!important}
body.sbpal .sbpal-dark .eyebrow,
body.sbpal .sbpal-dark .sbcm-eye{color:var(--sb-dore)}
body.sbpal .sbpal-dark h1 em, body.sbpal .sbpal-dark h2 em, body.sbpal .sbpal-dark h3 em,
body.sbpal .sbpal-dark .hero-kw{color:var(--sb-dore)}

/* Boutons contour : survol à la couleur de la page (fond clair) */
body.sbpal :not(.sbpal-dark) > .btn-outline:hover{border-color:var(--acc);color:var(--acc-txt)}

/* ---------- 11. Chiffres clés (sections sombres) : 4 couleurs ---------- */
body.sbpal .stats-grid > :nth-child(4n+1) .stat-num{color:#F4D03F}
body.sbpal .stats-grid > :nth-child(4n+2) .stat-num{color:#A9CCE3}
body.sbpal .stats-grid > :nth-child(4n+3) .stat-num{color:#6FD79E}
body.sbpal .stats-grid > :nth-child(4n+4) .stat-num{color:#F0A36E}

/* ---------- 12. Cartes : liseré tournant sur les couleurs ---------- */
body.sbpal .value-card, body.sbpal .cards .card, body.sbpal .t-card,
body.sbpal .program-card, body.sbpal .info-card, body.sbpal .form-card{position:relative;overflow:hidden}
body.sbpal .value-card:nth-child(4n+1), body.sbpal .cards .card:nth-child(4n+1), body.sbpal .t-card:nth-child(4n+1){--k:#D35400}
body.sbpal .value-card:nth-child(4n+2), body.sbpal .cards .card:nth-child(4n+2), body.sbpal .t-card:nth-child(4n+2){--k:#884EA0}
body.sbpal .value-card:nth-child(4n+3), body.sbpal .cards .card:nth-child(4n+3), body.sbpal .t-card:nth-child(4n+3){--k:#239B56}
body.sbpal .value-card:nth-child(4n+4), body.sbpal .cards .card:nth-child(4n+4), body.sbpal .t-card:nth-child(4n+4){--k:#7FB3D5}
body.sbpal .value-card, body.sbpal .cards .card, body.sbpal .t-card{box-shadow:inset 0 4px 0 var(--k)}
body.sbpal .value-card .value-icon{color:var(--k);background:color-mix(in srgb,var(--k) 13%,#fff)}
body.sbpal .value-card .value-icon svg{stroke:var(--k)}
body.sbpal .t-card .t-avatar{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--k)}

/* À propos : programme (3 modules), citation, badge */
body.sbpal .program .module-row:nth-of-type(1){--k:#A84300}
body.sbpal .program .module-row:nth-of-type(2){--k:#76448A}
body.sbpal .program .module-row:nth-of-type(3){--k:#9A7B0A}
body.sbpal .program .module-row:nth-of-type(4){--k:#884EA0}
body.sbpal .program .module-row:nth-of-type(5){--k:#2F6F99}
body.sbpal .program .module-row:nth-of-type(6){--k:#4D86AD}
body.sbpal .program .module-row:nth-of-type(7){--k:#1B7A43}
body.sbpal .program .module-row .module-num{color:var(--k);font-weight:600}
body.sbpal .sbmap-note{border-left-color:var(--acc)!important}
body.sbpal .story-quote{border-left:3px solid var(--acc);padding-left:18px}
body.sbpal .sbmap-badge{border-color:var(--acc);box-shadow:inset 0 4px 0 var(--acc)}

/* ---------- 13. Contact : tout ce qui sert à nous joindre en vert ---------- */
body.sbpal .form-card{box-shadow:inset 0 4px 0 var(--sb-contact)}
body.sbpal .info-card{box-shadow:inset 0 4px 0 var(--sb-calme)}
body.sbpal .info-icon{background:color-mix(in srgb,var(--sb-contact) 13%,#fff);color:var(--sb-contact);border-color:transparent}
body.sbpal .info-icon svg{stroke:var(--sb-contact)}
body.sbpal .wpcf7 .wpcf7-submit,
body.sbpal .contact-form .form-submit{background:#1B7A43!important;color:#fff!important;border-color:#1B7A43!important;font-weight:600}
body.sbpal .wpcf7 .wpcf7-submit:hover,
body.sbpal .contact-form .form-submit:hover{background:var(--sb-contact)!important;border-color:var(--sb-contact)!important}
body.sbpal .sbmap-btn.line{border-color:var(--sb-contact);color:#1B7A43}
body.sbpal .sbmap-btn.line:hover{background:var(--sb-contact);color:#fff}
body.sbpal .faq-card{border-left:0;box-shadow:inset 0 4px 0 var(--sb-calme)}

/* ---------- 14. Boutique WooCommerce ---------- */
body.sbpal .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--sb-interact)}
body.sbpal .woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--sb-interact)}
body.sbpal .woocommerce-MyAccount-navigation li.is-active a{color:var(--sb-interact)}
body.sbpal .woocommerce a.remove:hover{background:var(--sb-promo)!important;color:#fff!important}

/* ---------- 15. Module 04 — Résine époxy : jaune ambre (couleur propre au module) ---------- */
body.sbpal #module-resine-epoxy{--m:#F4D03F;--m-ink:#111}
body.sbpal #module-resine-epoxy .sbcm-grid > .sbcm-card:nth-child(1){--c:#F4D03F;--c-ink:#111}
body.sbpal #module-resine-epoxy .sbcm-card .sbcm-level{color:#7a6400}
body.sbpal .sbcm-jump a:nth-child(4){--m:#F4D03F}
body.sbpal .sbcm-cgrid > .sbcm-mcard:nth-child(4){--m:#F4D03F;--m-ink:#111}
body.sbpal .sbcm-cgrid > .sbcm-mcard:nth-child(4) .sbcm-list li span{color:#7a6400!important}

/* ---------- 16. Blog : photos d'article plus petites et nettes ---------- */
body.sbpal .sbca-post-media{max-width:720px;margin-left:auto!important;margin-right:auto!important;border-radius:14px;overflow:hidden;background:#efe8df;box-shadow:0 14px 34px rgba(17,17,17,.08)}
body.sbpal .sbca-post-media .sbca-post-thumb{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/2;object-fit:cover;object-position:center}
body.sbpal.single-post .entry-content img,body.sbpal.single-post .wp-block-image img{max-width:min(100%,720px);height:auto;border-radius:12px;margin-left:auto;margin-right:auto}
@media (max-width:640px){body.sbpal .sbca-post-media{border-radius:12px}body.sbpal .sbca-post-media .sbca-post-thumb{aspect-ratio:4/3}}