/* Eng Home header core overrides
   Generated from Twig inline style blocks.
   Keep block order: cascade compatibility depends on it. */

/* ===== eg-header-hard-fix-v70 ===== */
/* EngHome v66 hard header fix: keep only one menu control in header */
.eg-premium-header #menu .navbar-header,
.eg-premium-header #menu .btn-navbar,
.eg-premium-header #menu button.navbar-toggle,
.eg-premium-header #menu .navbar-toggle{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;}
.eg-premium-header #menu .navbar-collapse{display:block!important;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;}
.eg-premium-header #menu .navbar-nav{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:0!important;}
.eg-premium-header #menu .navbar-nav>li{display:none!important;float:none!important;margin:0!important;padding:0!important;}
.eg-premium-header #menu .navbar-nav>li:first-child{display:block!important;}
.eg-premium-header #menu .navbar-nav>li:first-child>a{min-height:52px!important;padding:0 22px!important;border-radius:999px!important;background:#13233d!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-weight:800!important;box-shadow:0 14px 34px rgba(19,35,61,.18)!important;white-space:nowrap!important;text-decoration:none!important;}
.eg-premium-header #menu .navbar-nav>li:first-child>a:before{content:"☰";font-size:18px;line-height:1;}
/* Hide duplicated custom menu text blocks if an older cached menu tries to render them */
.eg-premium-header .enghome-navbar:not(:first-child),
.eg-premium-header .enghome-nav-inner:not(:first-child){display:none!important;}

/* ===== eg-header-wishlist-remove-v99 ===== */
/* EngHome v99: wishlist moved into drawer menu. Header keeps search + cart only. */
@media(max-width:900px){
  body.enghome-body .eg-premium-header .eg-header-actions{gap:8px!important;}
  body.enghome-body .eg-premium-header .eg-logo-link{justify-self:center!important;}
}

/* ===== eg-header-mobile-search-v100 ===== */
/* EngHome v100: on mobile search opens below the header so it never covers the logo */
@media(max-width:900px){
  body.enghome-body .eg-premium-header{overflow:visible!important;}
  body.enghome-body .eg-premium-header .eg-header-inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  body.enghome-body .eg-premium-header .eg-logo-link{
    grid-column:2!important;
    justify-self:center!important;
    z-index:2!important;
    max-width:150px!important;
  }
  body.enghome-body .eg-premium-header .eg-logo-img{
    max-width:150px!important;
    height:auto!important;
  }
  body.enghome-body .eg-premium-header .eg-header-left-actions{
    grid-column:1!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    z-index:3!important;
  }
  body.enghome-body .eg-premium-header .eg-header-actions{
    grid-column:3!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    z-index:3!important;
  }
  body.enghome-body .eg-premium-header .eg-header-search{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:calc(100% + 10px)!important;
    width:auto!important;
    height:54px!important;
    z-index:20!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-6px)!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
  }
  body.enghome-body.eg-inline-search-open .eg-premium-header .eg-header-search{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  body.enghome-body .eg-premium-header .eg-header-search input{
    height:54px!important;
    font-size:15px!important;
    padding-left:18px!important;
  }
  body.enghome-body .eg-premium-header .eg-header-search button{
    width:54px!important;
    height:54px!important;
    border-radius:999px!important;
    background:#13233d!important;
    color:#fff!important;
    margin-right:0!important;
  }
}
@media(max-width:430px){
  body.enghome-body .eg-premium-header .eg-logo-link{max-width:138px!important;}
  body.enghome-body .eg-premium-header .eg-logo-img{max-width:138px!important;}
}

/* ===== eg-mobile-search-icon-only-v101 ===== */
/* EngHome v101: mobile search stays as icon; input opens as compact panel below header, never in the logo row */
@media(max-width:900px){
  body.enghome-body .eg-premium-header{overflow:visible!important;}
  body.enghome-body .eg-premium-header .eg-header-inner{
    display:grid!important;
    grid-template-columns:auto auto minmax(118px,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:calc(100% - 28px)!important;
    min-height:82px!important;
  }
  body.enghome-body .eg-premium-header .eg-header-left-actions{grid-column:1 / span 2!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;z-index:4!important;}
  body.enghome-body .eg-premium-header .eg-logo-link{grid-column:3!important;justify-self:center!important;max-width:146px!important;min-width:0!important;z-index:2!important;}
  body.enghome-body .eg-premium-header .eg-logo-img{max-width:146px!important;width:146px!important;height:auto!important;object-fit:contain!important;}
  body.enghome-body .eg-premium-header .eg-header-actions{grid-column:4!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;z-index:4!important;}

  /* hard hide the input from the header row */
  body.enghome-body .eg-premium-header .eg-header-actions .eg-header-search{
    display:none!important;
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:92px!important;
    width:auto!important;
    max-width:none!important;
    height:56px!important;
    z-index:999998!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:#fff!important;
    border-radius:999px!important;
    box-shadow:0 18px 48px rgba(19,35,61,.20)!important;
    border:1px solid rgba(19,35,61,.08)!important;
  }
  body.enghome-body.eg-mobile-search-open .eg-premium-header .eg-header-actions .eg-header-search{
    display:flex!important;
  }
  body.enghome-body.eg-mobile-search-open:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(19,35,61,.18)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
    z-index:999990!important;
    pointer-events:none!important;
  }
  body.enghome-body .eg-premium-header .eg-header-search input{
    display:block!important;
    height:56px!important;
    font-size:16px!important;
    padding-left:20px!important;
    padding-right:8px!important;
  }
  body.enghome-body .eg-premium-header .eg-header-search button{
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    border-radius:999px!important;
    background:#13233d!important;
    color:#fff!important;
  }
  body.enghome-body .eg-premium-header .eg-inline-search-toggle{
    display:inline-flex!important;
  }
}
@media(max-width:430px){
  body.enghome-body .eg-premium-header .eg-header-inner{grid-template-columns:auto auto minmax(112px,1fr) auto!important;gap:7px!important;}
  body.enghome-body .eg-premium-header .eg-logo-link{max-width:136px!important;}
  body.enghome-body .eg-premium-header .eg-logo-img{max-width:136px!important;width:136px!important;}
}

/* ===== eg-mobile-search-panel-v102 ===== */
/* EngHome v102: MOBILE search is ONLY icon in header; input opens as separate panel below header */
@media(max-width:900px){
  body.enghome-body .eg-premium-header{overflow:visible!important;}
  body.enghome-body .eg-premium-header .eg-header-actions form.eg-header-search,
  body.enghome-body .eg-premium-header form.eg-header-search.eg-inline-search{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    overflow:hidden!important;
    position:absolute!important;
    left:-9999px!important;
  }
  body.enghome-body .eg-mobile-search-panel-v102{
    display:none!important;
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:88px!important;
    z-index:999999!important;
    height:58px!important;
    align-items:center!important;
    background:#fff!important;
    border:1px solid rgba(19,35,61,.10)!important;
    border-radius:999px!important;
    box-shadow:0 20px 55px rgba(19,35,61,.20)!important;
    overflow:visible!important;
  }
  body.enghome-body.eg-mobile-search-panel-open .eg-mobile-search-panel-v102{display:flex!important;}
  body.enghome-body .eg-mobile-search-panel-v102 input{
    flex:1!important;
    min-width:0!important;
    height:58px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:0 16px 0 22px!important;
    font-size:16px!important;
    color:#13233d!important;
  }
  body.enghome-body .eg-mobile-search-panel-v102 button{
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    border:0!important;
    border-radius:999px!important;
    background:#13233d!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.enghome-body .eg-mobile-search-panel-v102 button svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.4!important;}
  body.enghome-body.eg-mobile-search-panel-open:after{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:999990!important;
    background:rgba(19,35,61,.14)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    pointer-events:none!important;
  }
  body.enghome-body.eg-mobile-search-panel-open .eg-premium-header{z-index:999996!important;}
  body.enghome-body.eg-mobile-search-panel-open .eg-mobile-search-panel-v102{z-index:999999!important;}
}
@media(min-width:901px){
  body.enghome-body .eg-mobile-search-panel-v102{display:none!important;}
}

/* ===== eg-cart-icon-badge-v106 ===== */
/* EngHome v106: real cart bag icon + badge only when cart has items */
body.enghome-body .eg-cart-btn:after,
body.enghome-body .eg-cart-btn::after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;}
body.enghome-body .eg-cart-btn .eg-action-icon svg.eg-cart-bag-svg,
body.enghome-body .eg-cart-btn .eg-action-icon svg.eg-cart-bag-svg *{width:24px!important;height:24px!important;stroke:#13233d!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.enghome-body .eg-cart-btn:hover .eg-action-icon svg.eg-cart-bag-svg,
body.enghome-body .eg-cart-btn:hover .eg-action-icon svg.eg-cart-bag-svg *{stroke:currentColor!important;fill:none!important;}
body.enghome-body .eg-cart-badge{position:absolute!important;right:10px!important;top:9px!important;width:9px!important;height:9px!important;border-radius:999px!important;background:#c91122!important;border:2px solid #fff!important;box-shadow:0 2px 8px rgba(201,17,34,.28)!important;display:none!important;}
body.enghome-body .eg-cart-btn.eg-cart-has-items .eg-cart-badge{display:block!important;}
