/* ===== EFQ Header ===== */
.efq-header{
  display:flex; align-items:center; gap:24px;
  padding:12px 16px; background:#fff;
  border-bottom:1px solid #eee;
}

/* logo ~ +25 % */
.efq-h-left .custom-logo{ max-height:54px; height:auto; width:auto; }
.efq-h-left .site-title{ font-weight:700; font-size:20px; text-decoration:none; color:#111; }

/* --- střed: [ MENU | SUPPORT ] --- */
.efq-h-center{
  display:grid;                        /* dříve flex */
  grid-template-columns: 1fr auto;     /* (1) prostor pro menu  (2) support */
  align-items:center;
  column-gap:40px;                     /* větší odstup od loga */
  flex:1 1 auto;
}

/* menu – centrovat v levém sloupci */
.efq-menu{
  display:flex; gap:18px; list-style:none; margin:0; padding:0;
  justify-content:center;              /* klíčové vycentrování */
}
.efq-menu a{ text-decoration:none; color:#1c1c1c; font-weight:600; }
.efq-menu a:hover{ text-decoration:underline; }

/* support */
.efq-support{ display:flex; gap:14px; margin-left:0; } /* dříve 12px */
.efq-supp-item{ display:inline-flex; align-items:center; gap:6px; color:#2f6e36; text-decoration:none; font-weight:600; }
.efq-supp-item:hover{ text-decoration:underline; }

/* pravá část hlavičky */
.efq-h-right{ display:flex; align-items:center; margin-left:auto; }
.efq-header-actions{ display:flex; align-items:center; gap:10px; }

/* --- Account (user) – zvětšit, vycentrovat, outline --- */
.efq-account-link{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:999px;
  border:1px solid #ececec; background:#fff; color:#111; text-decoration:none;
  line-height:1; transition:box-shadow .2s ease, border-color .2s ease, transform .06s ease;
}
.efq-account-link:hover{ border-color:#ddd; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.efq-account-link:active{ transform:translateY(1px); }
.efq-account-link:focus-visible{ outline:2px solid #2e7d32; outline-offset:2px; }
.efq-account-link svg{ width:20px; height:20px; display:block; }

/* ============ CART (Shopify-like) ============ */
.efq-cart-link{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.45rem .7rem; border:1px solid #ececec; border-radius:999px;
  background:#fff; color:#111; text-decoration:none;
  transition:box-shadow .2s ease, border-color .2s ease, transform .06s ease;
  position:relative; z-index:2; line-height:1;
}
.efq-cart-link:hover{ border-color:#ddd; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.efq-cart-link:active{ transform:translateY(1px); }

.efq-cart-icon-wrap{ position:relative; display:inline-flex; align-items:center; justify-content:center; }
.efq-cart-icon{ display:block; width:22px; height:22px; line-height:1; }

/* badge s počtem kusů */
.efq-cart-count{
  position:absolute; top:-6px; right:-8px;
  min-width:18px; height:18px; padding:0 4px;
  border-radius:999px; background:#2e7d32; color:#fff;
  font-size:11px; line-height:18px; text-align:center; font-weight:700;
  box-shadow:0 0 0 2px #fff;
}
.efq-cart-count[hidden]{ display:none !important; }

.efq-cart-total{ font-weight:600; white-space:nowrap; }

/* žádné pseudo-prvky, které by „deformovaly“ ikonku */
.efq-cart-link::before, .efq-cart-link::after{ content:none !important; }

/* Responsivní chování */
@media (max-width: 1024px){
  .efq-support{ display:none; }                /* na menších tabletech support pryč */
  .efq-h-center{                               /* ať je menu i tak vycentrované */
    display:flex;
    justify-content:center;
  }
}
@media (max-width: 768px){
  .efq-header{ flex-wrap:wrap; gap:12px; }
  .efq-h-left{ order:1; }
  .efq-h-right{ order:2; }
  .efq-h-center{ order:3; width:100%; justify-content:center; }
  .efq-menu{ flex-wrap:wrap; justify-content:center; gap:14px 18px; }

  /* košík na mobilu – jen ikona + badge */
  .efq-cart-total{ display:none; }
  .efq-cart-link{ padding:.45rem; }
}

/* zruší defaultní spodní linku Storefront hlavičky / navigace */
.site-header,
.storefront-primary-navigation{
  border-bottom:none !important;
  box-shadow:none !important;
}

/* --- základ: zarovnání loga a hamburgeru --- */
.efq-h-left{ display:flex; align-items:center; gap:12px; }

/* HAMBURGER: schovat na desktopu, ukázat na mobilu */
.efq-hamburger{
  display:none;                      /* zobrazíme jen na mobilu */
  align-items:center;
  justify-content:center;
  position:relative;                 /* pro ::before ikonku */
  height:44px;                       /* VĚTŠÍ TLAČÍTKO */
  padding:0 14px 0 38px;             /* místo vlevo pro ikonku */
  border:1px solid #ececec;
  border-radius:12px;
  background:#fff;
  color:#111;
  cursor:pointer;
  white-space:nowrap;                /* „Menu“ se neláme */
  font-weight:600;
}
.efq-hamburger:hover{ background:#f6f6f6; }

/* burger ikona bez nutnosti měnit HTML */
.efq-hamburger::before{
  content:"";
  position:absolute;
  left:14px;                         /* zarovnání v tlačítku */
  top:50%;
  width:18px; height:2px;
  background:currentColor;
  border-radius:2px;
  transform:translateY(-1px);
  /* horní a dolní čárka */
  box-shadow:0 -6px 0 0 currentColor, 0 6px 0 0 currentColor;
}

@media (max-width:768px){
  .efq-hamburger{ display:inline-flex; }
}

/* ===== DRAWER ===== */
.efq-drawer-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.38); z-index:1000;
  opacity:0; pointer-events:none; transition:opacity .25s ease;
}
.efq-drawer{
  position:fixed; top:0; left:0; bottom:0;
  width:min(86vw, 360px); background:#fff; z-index:1001;
  transform:translateX(-100%); transition:transform .28s ease;
  box-shadow:0 20px 40px rgba(0,0,0,.2);
  overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.efq-drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; font-weight:700; border-bottom:1px solid #eee;
}
.efq-drawer-close{
  width:40px; height:40px; border-radius:10px; border:1px solid #ececec; background:#fff; cursor:pointer;
}
.efq-drawer-menu{ list-style:none; margin:0; padding:0; }
.efq-drawer-menu > li > a{
  display:block; padding:14px 16px; color:#1c1c1c; text-decoration:none; font-weight:600;
  border-bottom:1px solid #f1f1f1;
}

/* podmenu – kolaps/expand */
.efq-drawer-menu .menu-item-has-children{ position:relative; }
.efq-drawer-menu .menu-item-has-children > a{ padding-right:48px; }
.efq-drawer-menu .submenu-toggle{
  position:absolute; top:0; right:0; width:46px; height:46px; border:0; background:#fff; cursor:pointer;
}
.efq-drawer-menu .sub-menu{
  max-height:0; overflow:hidden; transition:max-height .22s ease; background:#fafafa;
}
.efq-drawer-menu .is-open > .sub-menu{ max-height:500px; }
.efq-drawer-menu .sub-menu a{ padding:12px 16px 12px 28px; border-bottom:1px solid #eee; font-weight:500; }

/* sekce s kontakty vespod */
.efq-drawer-extra{ padding:12px 16px 20px; }
.efq-drawer-extra .efq-supp-item{ display:inline-flex; align-items:center; gap:8px; color:#2f6e36; text-decoration:none; font-weight:600; }

/* otevřený stav */
body.efq-drawer-open{ overflow:hidden; }
body.efq-drawer-open .efq-drawer{ transform:translateX(0); }
body.efq-drawer-open .efq-drawer-overlay{ opacity:1; pointer-events:auto; }

/* trochu víc místa mezi logem a menu na desktopu */
.efq-h-center{ gap:24px; }

/* --- Drawer fixy + jen jeden navigační zdroj na mobilu --- */

/* 1) Na mobilu schovat středové menu v hlavičce (použijeme jen drawer) */
@media (max-width: 768px){
  .efq-h-center{ display:none !important; }
}

/* 2) Zajistit, že obsah draweru je vidět a má vlastní vzhled */
.efq-drawer{ background:#fff; color:#111; z-index:9999; }
.efq-drawer-overlay{ z-index:9998; }
.efq-drawer a{ color:#1c1c1c !important; text-decoration:none; }

/* WordPress někdy přidá .menu místo custom class – ošetříme obojí */
.efq-drawer .efq-drawer-menu,
.efq-drawer .menu{ list-style:none; margin:0; padding:0; }

.efq-drawer .efq-drawer-menu > li > a,
.efq-drawer .menu > li > a{
  display:block; padding:14px 16px;
  border-bottom:1px solid #f1f1f1; font-weight:600;
}

/* Submenu v draweru – ať je čitelné i když WP přidá .sub-menu */
.efq-drawer .sub-menu{
  max-height:0; overflow:hidden; transition:max-height .22s ease; background:#fafafa;
}
.efq-drawer .is-open > .sub-menu{ max-height:500px; }
.efq-drawer .sub-menu a{ padding:12px 16px 12px 28px; border-bottom:1px solid #eee; font-weight:500; }

/* zobrazit tlačítko jen na mobilu */
@media (max-width: 768px){
  .efq-hamburger{ display:inline-flex; }
}

/* na extra úzkých telefonech schovej slovo "Menu", nech jen ikonku */
@media (max-width: 360px){
  .efq-hamburger-label{ display:none; }
}

.onsale.efq-onsale-qty {
  letter-spacing: .3px;
  font-weight: 700;
}