/* ==== Tigane Spirits — CSS de marque (extrait des modules 5B.4 : hero #2000 + header #2068) ==== */
/* Portable : aucune URL absolue préprod ; images de décor via ../img (child theme). */

/* ---------- HEADER (#2068) ---------- */
.et-l--header{position:absolute!important;top:0;left:0;width:100%!important;z-index:1000;background:transparent!important;box-shadow:none!important;border:0!important}
.et-l--header .et_builder_inner_content{width:100%!important;max-width:100%!important}
.tgp-hdr{position:relative;width:100%;height:160px;font-family:'Helvetica Neue',Arial,sans-serif}
.tgp-burger{position:absolute;left:3.5rem;top:3.2rem;width:36px;height:26px;background:none;border:0;cursor:pointer;padding:0;z-index:5}
.tgp-burger span{display:block;width:100%;height:2px;background:#515253;margin:6px 0;transition:.3s}
.tgp-burger:hover span{background:#67765f}
.tgp-logo{position:absolute;left:50%;top:1.8rem;transform:translateX(-50%);width:158px;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.tgp-logo img{width:100%;height:auto;display:block}
.tgp-logo span{margin-top:1rem;font-weight:700;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#2B2B28;text-align:center}
.tgp-cart{position:absolute;right:3.5rem;top:3.1rem;color:#515253;z-index:5;display:inline-flex;transition:color .25s}
.tgp-cart:hover{color:#67765f}
.tgp-cart svg{width:27px;height:27px}
.tgp-nav{position:fixed;top:0;left:0;height:100%;width:350px;max-width:86vw;background:#edebe4;box-shadow:0 0 50px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .35s ease;z-index:3000;display:flex;flex-direction:column;justify-content:center;padding:5rem 3.2rem;box-sizing:border-box}
.tgp-nav.open{transform:translateX(0)}
.tgp-nav a{font-family:'Glacier','Playfair Display',Georgia,serif;font-size:28px;color:#67765f;text-decoration:none;padding:.7rem 0;border-bottom:1px solid rgba(81,82,83,.15);transition:color .2s}
.tgp-nav a:hover{color:#515253}
.tgp-close{position:absolute;top:1.6rem;right:1.8rem;background:none;border:0;font-size:38px;line-height:1;color:#515253;cursor:pointer;padding:0}
.tgp-noscroll{overflow:hidden}
@media(max-width:980px){.tgp-hdr{height:112px}.tgp-burger{left:1.5rem;top:2.2rem}.tgp-cart{right:1.5rem;top:2.1rem}.tgp-logo{width:124px;top:1.3rem}.tgp-logo span{font-size:8px}}

/* ---------- HERO + fullwidth + masquage titre (#2000) ---------- */
/* ==== Parité PROD : fullwidth + suppression titre WP parasite (scope homepage) ==== */
body.home h1.entry-title,body.home .entry-title.main_title{display:none!important}
body.home #main-content>.container{width:100%!important;max-width:100%!important;padding:0!important}
body.home #content-area{width:100%!important;max-width:100%!important}
body.home #left-area{width:100%!important;max-width:100%!important;padding:0!important;float:none!important}
body.home #sidebar{display:none!important}
body.home .et_pb_section_0{margin-top:0}
/* ==== HERO parité PROD ==== */
.tgp-hero{position:relative;width:100%;min-height:100vh;background:#edebe4;overflow:hidden;font-family:Georgia,'Times New Roman',serif;box-sizing:border-box}
.tgp-texte1{position:absolute;left:0;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:11rem;padding-right:2rem;padding-top:5rem;z-index:20;box-sizing:border-box}
body #page-container .tgp-hero .tgp-texte1 h1{font-family:'Glacier','Playfair Display',Georgia,serif!important;color:#67765f!important;font-size:86px!important;font-weight:400!important;line-height:.82!important;letter-spacing:.5px!important;text-transform:none!important;margin:0!important}
body #page-container .tgp-hero .tgp-accroche{font-size:18px!important;line-height:1.55;color:#515253!important;font-family:Georgia,'Times New Roman',serif!important;max-width:480px;margin-top:1.6rem}
.tgp-accroche p{margin:0}
.tgp-accroche strong{color:#515253}
.tgp-boutons{margin-top:1.8rem}
.tgp-bouton{display:inline-block;background:#67765f;color:#fff;font-weight:300;font-family:'Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1em;padding:20px 44px;border-radius:100px;text-decoration:none;transition:background .25s,transform .25s}
.tgp-bouton:hover{background:#515253;transform:translateY(-2px)}
.tgp-medals{display:flex;flex-direction:row;list-style:none;padding:0;margin:2.2rem 0 0;gap:1rem}
.tgp-medals li img{width:60px;height:auto;display:block}
.tgp-visuel{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}
.tgp-front{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:5rem;z-index:15;width:100%;max-width:700px}
.tgp-bouteille img{width:290px;height:auto;display:block;filter:drop-shadow(0 26px 48px rgba(0,0,0,.28))}
.tgp-baseline{margin-top:2.4rem}
.tgp-baseline img{width:210px;height:auto;display:block}
.tgp-back{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:700px;height:100%;z-index:10}
.tgp-nuages .tgp-nuage1{position:absolute;inset:0;width:100%;height:100%;background:url(../img/nuage-1.png) no-repeat center center;background-size:contain;animation:tgpfloat 8s ease-in-out infinite}
.tgp-nuages .tgp-nuage2{position:absolute;left:0;bottom:0;width:60%;height:70%;background:url(../img/nuage-2.png) no-repeat center center;background-size:contain;animation:tgpfloat2 12s ease-in-out infinite}
.tgp-epices>div{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:center}
.tgp-epices .tgp-e1{width:190px;aspect-ratio:1/1.5;background-image:url(../img/eucalyptus.png);right:14%;top:12%}
.tgp-epices .tgp-e2{width:150px;aspect-ratio:1/1.1;background-image:url(../img/jamaica-pepper.png);right:16%;bottom:20%}
.tgp-epices .tgp-e3{width:150px;aspect-ratio:1/.8;background-image:url(../img/ginger.png);left:16%;bottom:22%}
.tgp-epices .tgp-e4{width:160px;aspect-ratio:1/1.1;background-image:url(../img/juniper.png);left:14%;top:26%}
.tgp-epices .tgp-e5{width:100px;aspect-ratio:1/1;background-image:url(../img/cardamom.png);left:26%;top:16%}
@keyframes tgpfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes tgpfloat2{0%,100%{transform:translateY(20px)}50%{transform:translateY(0)}}
@media(max-width:1100px){.tgp-texte1{padding-left:5rem}body #page-container .tgp-hero .tgp-texte1 h1{font-size:68px!important}}
@media(max-width:980px){
.tgp-hero{min-height:auto;padding:130px 0 70px;display:flex;flex-direction:column}
.tgp-texte1{position:relative;width:100%;height:auto;padding:0 1.5rem;text-align:center;align-items:center}
body #page-container .tgp-hero .tgp-texte1 h1{font-size:58px!important}
.tgp-accroche{max-width:100%;font-size:15px}
.tgp-medals{justify-content:center}
.tgp-visuel{position:relative;width:100%;height:auto;margin-top:2.5rem;min-height:60vh}
.tgp-front{padding-top:0}
.tgp-bouteille img{width:210px}
.tgp-epices .tgp-e1,.tgp-epices .tgp-e2,.tgp-epices .tgp-e3,.tgp-epices .tgp-e4,.tgp-epices .tgp-e5{opacity:.85}
}

/* ==================== PHASE 2 ==================== */
/* ---------- Rituels : listing + single ---------- */
.tgp-rit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1080px;margin:0 auto;padding:0 1.5rem}
.tgp-rit-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s}
.tgp-rit-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.tgp-rit-cardimg{display:block;width:100%;aspect-ratio:4/3;background:#e7e4dc no-repeat center center;background-size:cover}
.tgp-rit-cardbody{padding:1.1rem 1.2rem;text-align:center}
.tgp-rit-cardtitle{display:block;font-family:'Glacier',Georgia,serif;font-size:22px;color:#67765f;margin-bottom:.3rem}
.tgp-rit-note{color:#B79A52;letter-spacing:2px;font-size:14px}
.tgp-rit-single{max-width:820px;margin:0 auto;padding:0 1.5rem}
.tgp-rit-cover{width:100%;aspect-ratio:16/9;background:#e7e4dc no-repeat center center;background-size:cover;border-radius:6px;margin-bottom:2rem}
body #page-container .tgp-rit-single .tgp-rit-title{font-family:'Glacier',Georgia,serif!important;color:#67765f!important;font-size:52px!important;text-transform:none!important;margin:0 0 .3rem!important;line-height:1!important;font-weight:400!important}
.tgp-rit-desc{color:#515253;font-size:17px;line-height:1.7;margin-top:1.4rem;font-family:Georgia,'Times New Roman',serif}
.tgp-rit-desc h3{font-family:Oswald,sans-serif;color:#2B2B28;text-transform:uppercase;font-size:18px;margin:1.6rem 0 .6rem}
.tgp-rit-desc ul{padding-left:1.2rem;margin:.5rem 0}
.tgp-rit-cta{margin-top:2rem;display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.tgp-rit-back{color:#67765f;text-decoration:none;font-family:'Helvetica Neue',Arial,sans-serif;font-size:15px}
.tgp-rit-back:hover{color:#515253}
@media(max-width:980px){.tgp-rit-grid{grid-template-columns:repeat(2,1fr)}body #page-container .tgp-rit-single .tgp-rit-title{font-size:40px!important}}
@media(max-width:600px){.tgp-rit-grid{grid-template-columns:1fr}}
/* ---------- Header : variante pages secondaires (pas de hero) : barre crème en flux ---------- */
body:not(.home) .et-l--header{position:relative!important;background:#edebe4!important}
body:not(.home) .tgp-hdr{border-bottom:1px solid rgba(81,82,83,.12)}

/* ---------- Pages secondaires fusion (Carnet / Contact) : pleine largeur + masquage titre WP parasite ----------
   Portable : ciblage par classe sémantique .tgp-fusion-secondary (via body_class dans functions.php),
   plus aucune dépendance à un ID de page préprod. */
.tgp-fusion-secondary h1.entry-title,.tgp-fusion-secondary .entry-title{display:none!important}
.tgp-fusion-secondary #main-content>.container{width:100%!important;max-width:100%!important;padding:0!important}
.tgp-fusion-secondary #content-area{width:100%!important;max-width:100%!important}
.tgp-fusion-secondary #left-area{width:100%!important;max-width:100%!important;padding:0!important;float:none!important}
.tgp-fusion-secondary #sidebar{display:none!important}
.tgp-fusion-secondary .et_pb_section:first-of-type{margin-top:0}

/* ==================== PHASE 3 — parité / animations / harmonisation ==================== */

/* ---------- Animation bouteille : compagnon CSS ----------
   Le scroll est piloté en JS (tigane-brand.js). Ici : reveal d'entrée des épices
   (évoque le reveal GSAP "epices" de la PROD) + respect de prefers-reduced-motion. */
@media (prefers-reduced-motion: reduce){
  .tgp-nuages .tgp-nuage1,.tgp-nuages .tgp-nuage2{animation:none!important}
  .tgp-home-fusion .tgp-epices>div{animation:none!important}
}
@media (prefers-reduced-motion: no-preference) and (max-width:980px){
  /* Mobile : reveal CSS des épices au chargement (desktop = piloté par le pin JS) */
  .tgp-home-fusion .tgp-epices>div{animation:tgp-spice-in .95s cubic-bezier(.22,.61,.36,1) both}
  .tgp-home-fusion .tgp-epices .tgp-e1{--sx:-50px;--sy:100px;animation-delay:.10s}
  .tgp-home-fusion .tgp-epices .tgp-e2{--sx:-50px;--sy:-50px;animation-delay:.22s}
  .tgp-home-fusion .tgp-epices .tgp-e3{--sx:50px;--sy:-50px;animation-delay:.34s}
  .tgp-home-fusion .tgp-epices .tgp-e4{--sx:50px;--sy:150px;animation-delay:.46s}
  .tgp-home-fusion .tgp-epices .tgp-e5{--sx:50px;--sy:50px;animation-delay:.58s}
  @keyframes tgp-spice-in{from{opacity:0;transform:translate(var(--sx,0),var(--sy,0)) scale(.2)}to{opacity:1;transform:translate(0,0) scale(1)}}
}
/* transitions douces des éléments pilotés au scroll (quand la souris relâche) */
.tgp-texte1,.tgp-baseline{transition:opacity .05s linear}

/* ---------- Rituels archive : polish ---------- */
.tgp-rituels-archive .et_pb_section:first-of-type{margin-top:0}
.tgp-rit-grid{gap:2.2rem}
.tgp-rit-cardimg{aspect-ratio:3/4}
.tgp-rit-card{border-radius:6px}
.tgp-rit-cardbody{padding:1.25rem 1rem 1.5rem}
.tgp-rit-cardtitle{font-size:24px;line-height:1.1}
.tgp-rit-card .tgp-rit-note{display:inline-block;margin-top:.15rem}
/* ---------- Rituels single : polish ---------- */
.tgp-rit-cover{aspect-ratio:16/10;box-shadow:0 20px 50px rgba(0,0,0,.10)}
.tgp-rit-desc{font-size:17.5px;line-height:1.75}
.tgp-rit-cta .tgp-bouton{padding:16px 40px}

/* ---------- Carnet / Contact : cohérence de marque ---------- */
.tgp-fusion-secondary{background:#edebe4}
.tgp-page-contact .et_pb_contact_form_container input[type=text],
.tgp-page-contact .et_pb_contact_form_container input[type=email],
.tgp-page-contact .et_pb_contact_form_container textarea{
  background:#fff!important;border:1px solid rgba(81,82,83,.25)!important;border-radius:6px!important;
  color:#2B2B28!important;font-family:Georgia,serif!important;padding:14px 16px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.tgp-page-contact .et_pb_contact_form_container input:focus,
.tgp-page-contact .et_pb_contact_form_container textarea:focus{
  border-color:#67765f!important;box-shadow:0 0 0 3px rgba(103,118,95,.15)!important;outline:none!important}
.tgp-page-contact .et_pb_contact_form_container .et_pb_contact_field_options_title{color:#515253}
.tgp-page-contact .et_pb_contact_field p.clearfix{color:#515253}
.tgp-page-contact .et_pb_contact_submit,
.tgp-page-contact .et_pb_button{background:#67765f!important;color:#fff!important;border:0!important;border-radius:100px!important;
  font-family:'Helvetica Neue',Arial,sans-serif!important;padding:16px 40px!important;text-transform:none!important;transition:background .25s,transform .25s}
.tgp-page-contact .et_pb_contact_submit:hover,
.tgp-page-contact .et_pb_button:hover{background:#515253!important;transform:translateY(-2px)}
.tgp-page-contact .et_pb_contact_field.et_contact_error input,
.tgp-page-contact .et_pb_contact_field.et_contact_error textarea{border-color:#b23b3b!important}

/* ==================== PHASE 3 — HARMONISATION SHOP (scopée WooCommerce) ====================
   Objectif : univers fusion (crème #edebe4, vert #67765f, gris #515253, Glacier) sans changer
   la STRUCTURE ni la fonction WooCommerce. Aucune règle de layout/position/display risquée. */
body.woocommerce-page,body.woocommerce,body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account{background:#edebe4}
/* Titres shop en Glacier vert */
body.woocommerce-page .product_title,
body.woocommerce-page h1.entry-title,
body.woocommerce .woocommerce-products-header__title,
body.woocommerce-page .et_pb_text h1{font-family:'Glacier','Playfair Display',Georgia,serif!important;color:#67765f!important;font-weight:400!important;letter-spacing:.5px}
/* Boutons WooCommerce -> vert marque arrondi (couleur/forme uniquement) */
body.woocommerce .button,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce .single_add_to_cart_button,
body.woocommerce #place_order,
body.woocommerce .checkout-button,
body.woocommerce .wc-proceed-to-checkout a.button{
  background:#67765f!important;color:#fff!important;border:0!important;border-radius:100px!important;
  font-family:'Helvetica Neue',Arial,sans-serif!important;font-weight:400!important;text-transform:none!important;
  letter-spacing:.3px;transition:background .25s,transform .25s;box-shadow:none!important}
body.woocommerce .button:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce .single_add_to_cart_button:hover,
body.woocommerce #place_order:hover,
body.woocommerce .checkout-button:hover{background:#515253!important;transform:translateY(-2px)}
/* Prix / accents */
body.woocommerce .price,body.woocommerce .amount,body.woocommerce span.woocommerce-Price-amount{color:#2B2B28}
body.woocommerce .woocommerce-message,body.woocommerce .woocommerce-info{border-top-color:#67765f}
/* Liens de contenu shop (hors header/footer TB déjà stylés) */
body.woocommerce .woocommerce a:not(.button){color:#67765f}
body.woocommerce .woocommerce a:not(.button):hover{color:#515253}
/* Onglets produit + titres de section */
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#67765f}
body.woocommerce .related.products>h2,body.woocommerce div.product .woocommerce-tabs h2,body.woocommerce-cart .cart_totals h2,body.woocommerce-checkout #order_review_heading{font-family:'Glacier','Playfair Display',Georgia,serif;color:#67765f;font-weight:400}
/* Navigation Mon compte : onglet actif vert */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:#67765f;font-weight:600}
/* Cartes produit boutique : fond blanc conservé pour lisibilité sur crème */
body.woocommerce ul.products li.product{background:#fff;border-radius:6px;padding:10px 10px 18px;box-shadow:0 8px 30px rgba(0,0,0,.05)}
body.woocommerce ul.products li.product .price{display:block;margin-top:.3rem}

/* ---------- Plugin Divi Mobile : alignement charte (burger + panneau) ----------
   Le menu mobile est fourni par le plugin Divi Mobile (site-wide). On aligne
   seulement ses couleurs sur la charte fusion ; aucune modification de comportement.
   (Le logo dans la barre mobile se règle côté réglages du plugin — cf. rapport.) */
.divi-mobile-menu .hamburger.dm_menu_button{background:#67765f!important}
.divi-mobile-menu .hamburger:hover .hamburger-inner,
.divi-mobile-menu .hamburger .hamburger-inner,
.divi-mobile-menu .hamburger .hamburger-inner::before,
.divi-mobile-menu .hamburger .hamburger-inner::after{background-color:#fff!important}
.divi-mobile-menu .menu-wrap{background:#2B2B28!important}

/* ==================== PHASE 3.1 — clôture visuelle ==================== */
/* Divi Mobile est désactivé (plugin) → le header fusion #2068 sert desktop ET mobile,
   et le header shop #722 s'affiche nativement sur mobile. Le #722 n'ayant pas été conçu
   responsive, on contient ses modules pour éviter tout débordement horizontal. */
@media(max-width:980px){
  /* Header shop (#722) sur pages NON-fusion : contenir + éviter overflow */
  body:not(.tgp-fusion-page) .et-l--header .et_pb_icon{width:auto!important;max-width:100%!important;box-sizing:border-box}
  body:not(.tgp-fusion-page) .et-l--header .et_pb_row,
  body:not(.tgp-fusion-page) .et-l--header .et_pb_column{max-width:100%!important}
  body:not(.tgp-fusion-page) .et-l--header{overflow-x:hidden}
  body:not(.tgp-fusion-page).woocommerce{overflow-x:hidden}
}

/* ================= PHASE 3.2 — parité visuelle vitrine (Accueil) ================= */
/* 1) Bandeau blanc en haut : la section interne du header TB (#2068) est blanche ->
      la rendre transparente pour fondre le header dans le hero (comme la vitrine).
      Scopé aux pages fusion (body.tgp-fusion-page) : le header boutique n'est pas affecté. */
body.tgp-fusion-page .et-l--header .et_pb_section,
body.tgp-fusion-page .et-l--header .et_pb_section_0_tb_header{
  background:transparent!important;
  background-color:transparent!important;
}
/* 2) Baseline « French Premium Distilled Gin » sur UNE seule ligne (vitrine = texte intégré au logo). */
.tgp-logo span{white-space:nowrap!important}
/* 3) Picto burger : bandes 27px (vitrine) au lieu de 36px, même épaisseur/couleur, espacement régulier. */
.tgp-burger{width:27px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.tgp-burger span{width:27px;height:2px;margin:0;background:#515253}
/* 4) Support animation GSAP : éviter tout débordement horizontal pendant le pin/scrub du hero. */
.tgp-hero{overflow:hidden}
.tgp-bouteille img{will-change:transform}
@media (prefers-reduced-motion: reduce){
  /* fallback statique : épices visibles, aucune animation imposée */
  .tgp-epices>div{opacity:1!important;transform:none!important}
}
/* ================= /PHASE 3.2 ================= */

/* ==== PHASE 3.3 — neutraliser les transitions CSS qui combattent le scrub GSAP (hero) ==== */
.tgp-hero .tgp-texte1,.tgp-hero .tgp-baseline,.tgp-hero .tgp-visuel,.tgp-hero .tgp-back,.tgp-hero .tgp-bouteille,.tgp-hero .tgp-bouteille img,.tgp-hero .tgp-epices>div{transition:none!important}