/* Takoori — mega-menu code maison (structure 6 onglets, 15/08/2026).
   Utilise les tokens partages (tk-tokens.r2.css) : --tk-accent, --tk-cta, --tk-line, etc.
   2 contextes : .tk-mega--preview (page de revue isolee, look carte) et
   .tk-mega--header (integre dans le vrai header Astra, doit se fondre, pas de carte). */

.tk-mega{font-family:var(--tk-body)}
.tk-mega--preview{border:1px solid var(--tk-line);border-radius:var(--tk-radius);background:var(--tk-bg)}

.tk-mega-bar{display:flex;flex-wrap:wrap;align-items:center;font-size:13.5px;font-weight:600;gap:2px}
.tk-mega--preview .tk-mega-bar{padding:0 12px;min-height:52px}
.tk-mega--header .tk-mega-bar{padding:0}

.tk-mi{position:relative;display:flex;align-items:center}
.tk-mega--preview .tk-mi{height:52px}
.tk-mega--header .tk-mi{height:auto}

.tk-mi-link{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:999px;cursor:pointer;
  color:var(--tk-ink);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.tk-mi:hover .tk-mi-link,.tk-mi.tk-open .tk-mi-link{background:var(--tk-tint);color:var(--tk-accent-d)}
.tk-mi-soon .tk-mi-link{color:#a7a49b;cursor:default}
.tk-caret{width:5px;height:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);opacity:.55;display:inline-block;margin-left:0}

.tk-panel{position:absolute;left:0;top:100%;z-index:30;background:var(--tk-bg);border:1px solid var(--tk-line);
  border-radius:var(--tk-radius);box-shadow:var(--tk-card-sh);padding:20px;opacity:0;visibility:hidden;
  transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;min-width:240px}
.tk-mi:hover .tk-panel,.tk-mi.tk-open .tk-panel{opacity:1;visibility:visible;transform:none}
.tk-panel-grid{display:grid;gap:24px;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr)}
.tk-col-head{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tk-muted);
  margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid var(--tk-line)}
.tk-leaf{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:500;padding:6px 0;
  color:var(--tk-ink);text-decoration:none}
.tk-leaf:hover{color:var(--tk-accent-d)}
.tk-leaf-disabled{color:var(--tk-muted);cursor:default}
.tk-n{font-size:11.5px;color:var(--tk-muted);font-weight:500}

@media (max-width:900px){
  .tk-mega-bar{display:block}
  .tk-mi{display:block;height:auto;border-bottom:1px solid var(--tk-line)}
  .tk-mi-link{display:flex;justify-content:space-between;width:100%;padding:14px 4px;border-radius:0}
  .tk-panel{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;border-radius:0;padding:0 0 14px}
  .tk-mi.tk-open .tk-panel{display:block}
  .tk-panel-grid{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr;gap:14px}
}

.tk-leaf-preview{background:var(--tk-tint);border-radius:8px;padding-left:8px;padding-right:8px;margin:0 -8px}
.tk-leaf-preview em{font-style:normal;font-size:10px;color:var(--tk-accent-d);font-weight:600}

.tk-mega a,.tk-mega a:link,.tk-mega a:visited{color:var(--tk-ink) !important}
.tk-mega a:hover,.tk-mega a:focus,.tk-mega a:active{color:var(--tk-accent-d) !important}
.tk-mi:hover .tk-mi-link,.tk-mi.tk-open .tk-mi-link,.tk-mi-link:hover,.tk-mi-link:focus,.tk-mi-link:active{color:var(--tk-accent-d) !important;background:var(--tk-tint)}
.tk-leaf:hover,.tk-leaf:focus,.tk-leaf:active{color:var(--tk-accent-d) !important}
.tk-mega a::selection{background:var(--tk-accent);color:#fff}

/* Header utilitaire (recherche/compte/panier) — habillage tokens Takoori (15/08).
   Scope au meme gate que le menu (charge seulement si takoori_megamenu_live actif). */

/* Recherche : pilule, tokens marque, focus accent */
.dgwt-wcas-search-input{
  border:1px solid var(--tk-line) !important;
  border-radius:999px !important;
  background:var(--tk-surface) !important;
  height:40px !important;
  font-family:var(--tk-body) !important;
  color:var(--tk-ink) !important;
  transition:border-color .15s !important;
}
.dgwt-wcas-search-input:focus{
  border-color:var(--tk-accent) !important;
  outline:none !important;
  background:var(--tk-bg) !important;
}
.dgwt-wcas-icon svg, .dgwt-wcas-icon{ color:var(--tk-muted) !important; fill:var(--tk-muted) !important }

/* Panier : retire le prix affiche + le cadre par defaut Astra, icone alignee sur le compte */
.ast-site-header-cart .ast-woo-header-cart-total{ display:none !important }
.ast-site-header-cart .ast-addon-cart-wrap{ border:0 !important; background:transparent !important; padding:6px !important }
.ast-site-header-cart .cart-container{ display:flex !important; align-items:center !important; border-radius:999px !important; transition:background .15s !important }
.ast-site-header-cart .cart-container:hover{ background:var(--tk-tint) !important }
.ast-site-header-cart .astra-icon{ color:var(--tk-ink) !important }
.ast-site-header-cart .cart-container:hover .astra-icon{ color:var(--tk-accent-d) !important }

/* Compte : meme traitement hover, icone recolorable */
.ast-header-account-link{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:40px !important; height:40px !important; border-radius:999px !important;
  transition:background .15s !important;
}
.ast-header-account-link:hover{ background:var(--tk-tint) !important }
.ast-header-account-link svg{ fill:var(--tk-ink) !important; stroke:none !important; transition:fill .15s !important }
.ast-header-account-link:hover svg{ fill:var(--tk-accent-d) !important }
.ast-header-account-link svg path, .ast-header-account-link svg circle{ fill:inherit !important }

/* Badge panier (nombre d'articles) en accent marque plutot que la couleur par defaut */
.ast-site-header-cart [data-cart-total]::after{ background:var(--tk-cta) !important }

/* Recherche elargie : logo->cart laissait ~730px vides desormais que le menu est
   sur sa propre ligne. Widget de recherche fixe a 250px par defaut -> elargi. */
.header-widget-area-inner{ width:420px !important; max-width:420px !important }
.dgwt-wcas-search-form, .dgwt-wcas-sf-wrapp, .dgwt-wcas-search-wrapp{ width:100% !important; max-width:100% !important }
.dgwt-wcas-search-input{ width:100% !important }

/* Header sticky au scroll — code maison (extension "Sticky Header" d'Astra non
   installee sur ce site). Colle le header entier (#masthead, logo+recherche+
   panier+compte + ligne menu) en haut au scroll. Scope au meme gate que le menu. */
#masthead{ position:sticky !important; top:0 !important; z-index:999 !important; background:var(--tk-bg) }

/* Barre de reassurance (au-dessus du header) */
.tk-trustbar{background:var(--tk-tint);color:var(--tk-accent-d);font-family:var(--tk-body);font-size:12px;border-bottom:1px solid var(--tk-tint-line)}
.tk-trustbar-inner{max-width:1280px;margin:0 auto;padding:7px 20px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;text-align:center;font-weight:400}
.tk-trustbar strong{font-weight:600;color:var(--tk-accent-d)}
.tk-trustbar-sep{opacity:.4;color:var(--tk-muted)}
.tk-trustbar a{color:var(--tk-accent-d);text-decoration:underline;text-underline-offset:2px}
.tk-trustbar a:hover{color:var(--tk-accent)}
/* 17/08 -- sur mobile, on ne cache plus les items (le visiteur mobile perdait
   3 infos sur 5 vs desktop) : on bascule sur un bandeau qui defile en boucle,
   contenu identique aux 2 versions (une seule source PHP, cf tk_mega_menu.php).
   Desktop : .tk-trustbar-marquee reste cache, .tk-trustbar-inner (statique, wrap)
   inchangee. */
.tk-trustbar-marquee{display:none}
@media (max-width:700px){
  .tk-trustbar-inner{display:none}
  .tk-trustbar-marquee{display:block;overflow:hidden;width:100%}
  .tk-trustbar-track{display:flex;width:max-content;animation:tk-trustbar-scroll 22s linear infinite}
  .tk-trustbar-set{display:flex;align-items:center;gap:7px;padding:7px 20px;white-space:nowrap;flex-shrink:0}
  @keyframes tk-trustbar-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
  @media (prefers-reduced-motion: reduce){
    .tk-trustbar-marquee{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .tk-trustbar-track{animation:none}
  }
}