/* ============================================================================
   Takoori — Recoloration du header global.
   Aligne le header sur la charte validee (footer + fiche produit) : palette
   vert-petrole au lieu du bordeaux herite (rgb(78,22,40)), polices de marque
   (Bricolage Grotesque / Inter) au lieu de League Spartan, et hauteur reduite
   (le header faisait 182px, il mangeait le haut de l'ecran au chargement).
   Site-wide -> module non-live tant que takoori_header_style_live != 1.
   ============================================================================ */

/* ---------- Fond + compacite ---------- */
.site-header,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar {
  background-color: #fff !important;
  border-bottom: 1px solid var(--tk-line) !important;
}
.ast-primary-header-bar { min-height: 0 !important; }
/* Le logo est carre : limiter max-width ne reduit PAS la hauteur (elle suivait a 128px
   et imposait 174px au header). C'est la HAUTEUR qu'il faut contraindre. */
.site-header .site-logo-img img,
.site-header .custom-logo {
  max-height: 56px !important; width: auto !important; max-width: none !important;
  object-fit: contain;
}
.site-header .site-logo-img,
.site-header .ast-site-identity { padding: 4px 0 !important; }
.site-header .ast-primary-header-bar { padding-top: 10px !important; padding-bottom: 10px !important; }
.site-header .site-primary-header-wrap { min-height: 0 !important; }

/* ---------- Navigation ---------- */
.main-header-menu > .menu-item > a,
.ast-nav-menu > .menu-item > a,
.site-header .main-navigation a {
  font-family: var(--tk-body) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--tk-ink) !important;
}
.main-header-menu > .menu-item > a:hover,
.ast-nav-menu > .menu-item > a:hover,
.main-header-menu > .menu-item.current-menu-item > a,
.main-header-menu > .menu-item:hover > a { color: var(--tk-accent-d) !important; }

/* Soulignement discret sur l'item actif/survole, meme langage que les onglets fiche */
.main-header-menu > .menu-item > a::after {
  content: ""; display: block; height: 2px; margin-top: 4px;
  background: var(--tk-accent); transform: scaleX(0); transition: transform .18s;
}
.main-header-menu > .menu-item:hover > a::after,
.main-header-menu > .menu-item.current-menu-item > a::after { transform: scaleX(1); }

/* ---------- Sous-menus ---------- */
.main-header-menu .sub-menu,
.ast-nav-menu .sub-menu {
  background: #fff !important;
  border: 1px solid var(--tk-line) !important;
  border-radius: var(--tk-radius) !important;
  box-shadow: var(--tk-card-sh) !important;
  padding: 6px !important;
}
.main-header-menu .sub-menu a,
.ast-nav-menu .sub-menu a {
  font-family: var(--tk-body) !important; font-weight: 500 !important; font-size: 14px !important;
  color: var(--tk-ink-2) !important; border: 0 !important; border-radius: var(--tk-radius-sm) !important;
  text-transform: none !important;
}
.main-header-menu .sub-menu a:hover,
.ast-nav-menu .sub-menu a:hover {
  background: var(--tk-tint) !important; color: var(--tk-accent-d) !important;
}
.main-header-menu .sub-menu a::after { display: none !important; }

/* ---------- Recherche ---------- */
.site-header .ast-search-menu-icon input.search-field,
.site-header input[type="search"] {
  font-family: var(--tk-body) !important; font-size: 14px !important;
  border: 1px solid var(--tk-line) !important; border-radius: 999px !important;
  color: var(--tk-ink) !important; box-shadow: none !important;
}
.site-header input[type="search"]:focus {
  border-color: var(--tk-accent) !important; outline: none !important;
}

/* ---------- Panier / compte ---------- */
.site-header .ast-cart-menu-wrap,
.site-header .ast-header-account-wrap,
.site-header .ast-addon-cart-wrap { color: var(--tk-ink) !important; }
.site-header .ast-cart-menu-wrap:hover,
.site-header .ast-header-account-wrap:hover { color: var(--tk-accent-d) !important; }
.site-header .ast-cart-menu-wrap .count,
.site-header .ast-addon-cart-wrap .ast-cart-menu-wrap .count {
  background: var(--tk-accent) !important; color: #fff !important;
  border-color: var(--tk-accent) !important; font-family: var(--tk-body) !important; font-weight: 700 !important;
}
.site-header .ast-site-header-cart .ast-woo-header-cart-info-wrap {
  font-family: var(--tk-body) !important; font-weight: 700 !important; color: var(--tk-ink) !important;
}

/* ---------- Menu mobile ---------- */
.ast-mobile-menu-trigger-minimal,
.menu-toggle.ast-mobile-menu-trigger-minimal { color: var(--tk-ink) !important; background: transparent !important; }
.ast-mobile-header-wrap .main-header-menu a { font-family: var(--tk-body) !important; color: var(--tk-ink) !important; }

/* ---------- Compacite renforcee sur petits ecrans ---------- */
@media (max-width: 900px) {
  .site-header .site-logo-img img,
  .site-header .custom-logo { max-height: 44px !important; }
}

/* ---------- Verrou logo Takoori (typographique, aucune image) ----------
   Pastille vert pale --tk-tint, nom en League Spartan resserre, degrade petrole
   sur "koo", signature etiree pour caler exactement sur la largeur du nom. */
.site-header .tk-lockup {
  display: inline-block !important; text-align: center; text-decoration: none !important;
  background: var(--tk-tint) !important; border-radius: 12px !important;
  padding: 10px 16px 9px !important; line-height: 1;
}
.site-header .tk-lockup-name {
  display: block; font-family: "League Spartan", var(--tk-body), sans-serif;
  font-weight: 800; font-size: 23px; letter-spacing: -0.065em;
  color: var(--tk-ink); white-space: nowrap;
}
.site-header .tk-lockup-name .g1 { color: #3b7a4e; }
.site-header .tk-lockup-name .g2 { color: var(--tk-accent); }
.site-header .tk-lockup-name .g3 { color: var(--tk-accent-d); }
.site-header .tk-lockup-sig {
  display: block; margin-top: 4px; margin-right: -2.7px;
  font-family: "League Spartan", var(--tk-body), sans-serif; font-weight: 500;
  font-size: 6.5px; letter-spacing: 2.7px; color: #4a6b63; white-space: nowrap;
}
/* Sous 600px la signature n'est plus lisible : on ne garde que le nom. */
@media (max-width: 600px) {
  .site-header .tk-lockup { padding: 8px 13px !important; }
  .site-header .tk-lockup-name { font-size: 20px; }
  .site-header .tk-lockup-sig { display: none; }
}

/* Le verrou est plus large que l'ancien logo carre : il poussait le menu sur 2 lignes
   (constate le 07/08). On rend au menu la place necessaire. */
.site-header .site-primary-header-wrap { flex-wrap: nowrap !important; }
.site-header .ast-builder-menu-1 { flex: 0 1 auto !important; min-width: 0 !important; }
.site-header .main-header-menu {
  flex-wrap: nowrap !important; white-space: nowrap !important;
}
.site-header .main-header-menu > .menu-item > a { padding-left: 12px !important; padding-right: 12px !important; }
.site-header .ast-search-menu-icon,
.site-header .ast-header-search { max-width: 300px !important; }
@media (max-width: 1100px) {
  .site-header .main-header-menu > .menu-item > a { font-size: 14px !important; padding-left: 9px !important; padding-right: 9px !important; }
}