/* ── Globální Lucide styl pro VŠECHNY SVG ikony v headeru ── */
.esh-header svg,
.search-overlay svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}

/* Hlavní header */
.esh-header.new-header{
  background:#fff; padding:0; min-height:70px;
  box-shadow:0 2px 24px #dbe3f820; border-bottom:1.5px solid #edeaff;
  position:relative; z-index:100;
}
.header-inner{
  max-width:1600px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;
  gap:16px; min-height:70px; padding:0 24px;
}

/* Logo */
.header-logo-wrap{ display:flex; align-items:center; flex-shrink:0 }
.header-logo-link{ display:flex; align-items:center }
.header-logo-img{ height:44px; width:auto; display:block }

/* Meta (měna / hledání / košík / login) */
.header-meta-wrap{ display:flex; align-items:center; gap:4px; flex-shrink:0 }

/* Oddělovač */
.header-separator{ width:1px; height:28px; background:#e9e6fc; margin:0 6px; border-radius:2px; flex-shrink:0 }

/* Měna */
.header-currency{
  font-weight:700; font-size:1em; color:#392276;
  display:flex; align-items:center; gap:4px;
  cursor:pointer; user-select:none;
  padding:6px 10px; border-radius:8px; transition:background .13s
}
.header-currency:hover{ background:#f7f0fd }
.header-currency svg{ margin-left:2px; transform:translateY(1.2px) }

/* Search toggle button (lupa) */
.header-search-toggle{
  background:none; border:0; outline:0; cursor:pointer;
  padding:7px 8px; display:flex; align-items:center; justify-content:center;
  border-radius:8px; transition:background .13s; color:#331C64;
}
.header-search-toggle:hover{ background:#f7f0fd }
.header-search-toggle svg{ width:22px; height:22px }

/* Košík */
.header-cart{ position:relative }
.cart-link{
  position:relative; display:flex; align-items:center;
  padding:7px 8px; border-radius:8px; transition:background .13s; text-decoration:none
}
.cart-link:hover{ background:#f7f0fd }
.cart-link svg{ width:22px; height:22px }
.cart-badge{
  position:absolute; top:-4px; right:0; background:#eb2068; color:#fff;
  border-radius:999px; padding:1px 5px; font-size:.72em; font-weight:700; min-width:20px; text-align:center;
  box-shadow:0 1px 8px #e11d6e46; z-index:1;
}

/* Login */
.header-login{ display:flex; align-items:center }
.login-link{
  display:flex; align-items:center; gap:6px; font-size:0.85em; color:#1a174a;
  font-weight:600; text-decoration:none; border-radius:8px; padding:7px 8px;
  transition:background .13s, color .13s
}
.login-link:hover{ background:#f7f0fd; color:#eb2068 }
.login-link svg{ width:22px; height:22px; flex-shrink:0; color:inherit }
.login-link--logged{ color:#5b2cff }
.login-link--logged svg{ color:#5b2cff }
.login-link-email{
  display:none; /* skrýváme email v hlavičce – šetří místo */
}

/* Responsive */
@media (max-width:600px){
  .header-inner{ padding:0 12px; gap:2px; min-height:58px }
  .header-logo-img{ height:32px }
  .login-link-text{ display:none }
  .header-currency span:first-child{ font-size:.9em }
}
@media (max-width:360px){
  .header-inner{ padding:0 8px }
  .header-separator{ margin:0 2px }
}

/* =========================================================
   SEARCH OVERLAY (fullscreen – jako Shoptet)
   ========================================================= */
.search-overlay{
  position:fixed; inset:0; z-index:300;
  background:#fff;
  display:flex; flex-direction:column;
  animation:overlayIn .18s ease;
}
.search-overlay[hidden]{ display:none !important; }
@keyframes overlayIn{
  from{ opacity:0; transform:translateY(-8px) }
  to  { opacity:1; transform:translateY(0) }
}

.search-overlay-inner{
  width:100%; height:100%;
  display:flex; flex-direction:column;
}

.search-overlay-back{
  display:flex; align-items:center; gap:8px;
  background:none; border:0; cursor:pointer;
  font-size:1em; color:#1a174a; font-weight:500;
  padding:18px 24px; width:fit-content;
  transition:color .13s;
}
.search-overlay-back:hover{ color:#5b2cff }
.search-overlay-back svg{ flex-shrink:0 }

.search-overlay-body{
  flex:1; display:flex; flex-direction:column;
  align-items:center; padding:32px 24px 60px;
}
.search-overlay-title{
  font-size:1.45em; font-weight:700; color:#1a174a;
  margin:0 0 24px; text-align:center;
}
.search-overlay-form{
  position:relative;
  width:100%; max-width:620px;
  display:flex; align-items:stretch;
  border:2px solid #5b2cff; border-radius:12px;
  overflow:visible; background:#fff;
}
.search-overlay-input{
  flex:1; border:0; outline:0; background:transparent;
  font-size:1.1em; color:#22185b; padding:0 16px;
  font-family:inherit; height:56px;
}
.search-overlay-input::placeholder{ color:#a09ec0 }
.search-overlay-btn{
  background:#f5c400; border:0; outline:0; cursor:pointer;
  padding:0 22px; height:56px; display:flex; align-items:center; justify-content:center;
  border-radius:0 10px 10px 0; flex-shrink:0;
  transition:background .13s;
}
.search-overlay-btn:hover{ background:#e0b300 }
.search-overlay-btn svg{ width:20px; height:20px; color:#1a174a }

/* Autocomplete panel v overlay */
.search-overlay-form .search-suggest{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:50;
  max-height:400px; overflow:auto;
  background:#fff; border:1px solid #e6e6f5; border-radius:12px;
  box-shadow:0 12px 30px rgba(20,32,75,.12); padding:6px;
}
.suggest-item{
  display:grid; grid-template-columns:44px 1fr auto; gap:10px; align-items:center;
  padding:8px 10px; border-radius:10px; text-decoration:none;
}
.suggest-item:hover,.suggest-item.active{ background:#f4f7ff }
.suggest-thumb{ width:44px; height:44px; border-radius:8px; object-fit:cover; background:#f0f3ff }
.suggest-main{ display:flex; flex-direction:column }
.suggest-title{ color:#1a174a; font-weight:600; line-height:1.2 }
.suggest-title mark{ background:#fff2a6; color:inherit; padding:0 2px; border-radius:3px }
.suggest-meta{ color:#6c73a5; font-size:.9em; display:flex; gap:8px }
.suggest-price{ color:#e32060; font-weight:700; white-space:nowrap }
.suggest-empty,.suggest-error{ padding:10px 12px; color:#6c73a5 }

/* Zamezit scrollování pod overlayem */
body.search-overlay-open{ overflow:hidden }

/* =========================================================
   CART DROPDOWN
   ========================================================= */
.cart-dropdown{
  position:absolute; right:0; top:calc(100% + 10px); width:380px; max-width:calc(100vw - 20px);
  background:#fff; border:1px solid #e9ecff; border-radius:14px; overflow:hidden;
  box-shadow:0 18px 40px rgba(20,32,75,.14); z-index:60;
}
.cart-dropdown-inner{ max-height:360px; overflow:auto; padding:8px }
.cart-empty,.cart-error{ padding:14px; color:#6c73a5 }
.cart-row{
  display:grid; grid-template-columns:52px 1fr auto 28px; gap:10px; align-items:center;
  padding:10px; border-radius:10px;
}
.cart-row:hover{ background:#f6f8ff }
.cart-thumb{ width:52px; height:52px; border-radius:8px; object-fit:cover; background:#f0f3ff }
.cart-mid{ display:flex; flex-direction:column; text-decoration:none }
.cart-title{ color:#1a174a; font-weight:600; line-height:1.2 }
.cart-meta{ color:#6c73a5; font-size:.92em }
.cart-sub{ color:#1a174a; font-weight:700 }
.cart-dropdown-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-top:1px solid #eef1ff; background:#fbfcff
}
.cart-total span{ color:#6c73a5; font-size:.95em }
.cart-total strong{ color:#1a174a; font-size:1.05em }
.btn-cart-go{
  display:inline-block; padding:10px 14px; border-radius:10px; text-decoration:none;
  background:linear-gradient(90deg,#2a6afe 0%,#45cbff 100%); color:#fff; font-weight:700;
}
.cart-remove{
  background:transparent; border:0; cursor:pointer; font-size:20px; color:#9aa2c7;
  width:28px; height:28px; line-height:24px; border-radius:6px;
}
.cart-remove:hover{ background:#eef2ff; color:#e32060 }