/* ==========================================================================
   Refonte header (Piste C) — rapprochement du mockup, CSS seul (scopé #header,
   header.php non modifié). Ajoute la pastille + restyle les boutons.
   ========================================================================== */

/* Logo : pastille + wordmark */
#header .logo__wrapper{display:inline-flex!important;align-items:center;gap:12px;max-width:none!important;max-height:none!important}
#header .logo__wrapper::before{content:'';flex:none;width:44px;height:44px;
  background:url('../assets/images/refonte-home/logo-pastille.webp') center/contain no-repeat}
#header .logo__wrapper img{height:30px;width:auto;max-height:none}

/* Header (desktop) : comme le mockup = icônes puis un SEUL bouton ghost "J'ai reçu un cadeau" */
#header .woocommerce_nav{display:flex;align-items:center;gap:20px}
#header .woocommerce_nav .woocommerce_nav_links{order:1}
#header .woocommerce_nav .container__btn--header{order:2}
/* on masque "Je m'abonne" dans le header (le CTA d'abonnement reste dans le hero + la nav "Abonnements") */
#header .container__btn--header a[href*="souscription-abonnement"]{display:none}
/* bouton cadeau = ghost bordeaux */
#header .button--clair,#header .wp-block-button__link--clair{
  font-family:'Larsseit',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:500;
  border:1.5px solid #8b3f3f;background:transparent;color:#8b3f3f;transition:.2s;white-space:nowrap}
#header .button--clair:hover,#header .wp-block-button__link--clair:hover{background:#8b3f3f;color:#fff}

/* Mobile : pastille + wordmark "Trois Fois Vin" visibles (retour recette L T04).
   On garde le wordmark, on réduit juste les tailles pour tenir dans le header. */
@media only screen and (max-width:768px){
  #header .logo__wrapper{gap:8px}
  #header .logo__wrapper::before{width:34px;height:34px}
  #header .logo__wrapper img{display:inline-block;height:22px}
}