/* =========================================================
   Lakome Independent — Build 083 Header Premium
   Final header polish for desktop, tablet and mobile.
   Loaded after all legacy/mobile styles to keep final priority.
   ========================================================= */

/* Shared refinements */
html body .li-h61{--h61-shell:1280px;}
html body .li-h61-brand{background:linear-gradient(135deg,#f20a0a 0%,#e30000 56%,#c90000 100%);}
html body .li-h61 button,
html body .li-h61 a{touch-action:manipulation;}
html body .li-h61-logo img{transition:transform .22s ease,filter .22s ease;}
html body .li-h61-logo:hover img{transform:scale(1.025);filter:drop-shadow(0 6px 13px rgba(0,0,0,.2));}
html body .li-h61-search-open,
html body .li-h61-nav-search,
html body .li-h61-mobile-search,
html body .li-h61-menu-open{transition:background-color .2s ease,border-color .2s ease,transform .16s ease,color .2s ease;}
html body .li-h61-search-open:hover,
html body .li-h61-search-open:focus-visible,
html body .li-h61-nav-search:hover,
html body .li-h61-nav-search:focus-visible{color:var(--h61-red);background:#fff3f3;outline:0;}
html body .li-h61-mobile-search:active,
html body .li-h61-menu-open:active{transform:scale(.95);}

/* Desktop header */
@media (min-width:1101px){
  html body .li-h61-top-inner{height:32px;}
  html body .li-h61-search-open{width:42px;height:32px;}
  html body .li-h61-search-open svg{width:21px;height:21px;}

  html body .li-h61-brand-inner{
    height:116px;
    grid-template-columns:250px minmax(0,1fr) 44px;
    gap:34px;
    padding-inline:20px;
  }
  html body .li-h61-logo{
    height:108px;
    justify-content:center;
    overflow:visible;
  }
  html body .li-h61-logo img{
    max-width:238px;
    max-height:108px;
  }
  html body .li-h61-ad-placeholder{
    width:min(866px,100%);
    height:86px;
    border-radius:7px;
  }
  html body .li-h61-nav{height:50px;}
  html body .li-h61-menu{gap:3px;}
  html body .li-h61-menu>li>a{
    padding-inline:18px;
    font-size:15px;
    font-weight:800;
  }
  html body .li-h61-menu>li.current-menu-item>a,
  html body .li-h61-menu>li.current-menu-ancestor>a{
    height:38px;
    border-radius:8px;
  }
  html body .li-h61-nav-search{
    width:52px;
    min-width:52px;
  }
  html body .li-h61-nav-search svg{width:22px;height:22px;}
  html body .li-h61.has-sticky{padding-bottom:50px;}
}

/* Compact desktop/tablet — keeps all menu items usable */
@media (min-width:768px) and (max-width:1100px){
  html body .li-h61-brand-inner{
    height:108px;
    grid-template-columns:205px minmax(0,1fr) 44px;
    gap:20px;
  }
  html body .li-h61-logo{height:96px;justify-content:center;}
  html body .li-h61-logo img{max-width:198px;max-height:96px;}
  html body .li-h61-ad-placeholder{height:80px;}
  html body .li-h61-nav{height:49px;}
  html body .li-h61-menu>li>a{padding-inline:10px;font-size:13px;}
  html body .li-h61-nav-search{width:46px;min-width:46px;}
  html body .li-h61.has-sticky{padding-bottom:49px;}
}

/* Mobile premium header */
@media (max-width:767px){
  html body .li-h61-shell{width:calc(100% - 24px)!important;max-width:none!important;}
  html body .li-h61-brand{border-bottom:1px solid rgba(255,255,255,.28);}
  html body .li-h61-brand-inner{
    height:82px!important;
    min-height:82px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:6px 4px!important;
  }
  html body .li-h61-logo{
    order:1!important;
    flex:0 1 196px!important;
    width:auto!important;
    height:72px!important;
    min-width:0!important;
    justify-content:center!important;
    overflow:visible!important;
    margin:0!important;
  }
  html body .li-h61-logo img{
    width:auto!important;
    height:auto!important;
    max-width:196px!important;
    max-height:72px!important;
    object-fit:contain!important;
  }
  html body .li-h61-mobile-actions{
    order:2!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0!important;
  }
  html body .li-h61-mobile-search,
  html body .li-h61-menu-open{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.36)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.09)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
    color:#fff!important;
  }
  html body .li-h61-mobile-search:hover,
  html body .li-h61-mobile-search:focus-visible,
  html body .li-h61-menu-open:hover,
  html body .li-h61-menu-open:focus-visible{
    background:rgba(255,255,255,.18)!important;
    border-color:rgba(255,255,255,.55)!important;
    outline:0!important;
  }
  html body .li-h61-mobile-search svg{width:27px!important;height:27px!important;stroke-width:2!important;}
  html body .li-h61-menu-open{flex-direction:column!important;}
  html body .li-h61-menu-open span{
    width:27px!important;
    height:3px!important;
    margin:3px 0!important;
    border-radius:4px!important;
  }

  /* Search modal and drawer polish */
  html body .li-h61-search{padding:14px!important;}
  html body .li-h61-search-box{border-radius:15px!important;}
  html body .li-h61-drawer{width:min(360px,90vw)!important;}
  html body .li-h61-drawer-head{height:82px!important;}
  html body .li-h61-drawer-head img{max-width:185px!important;max-height:68px!important;}
}

/* Narrow phones: retain comfortable controls without overflow */
@media (max-width:390px){
  html body .li-h61-shell{width:calc(100% - 16px)!important;}
  html body .li-h61-brand-inner{height:78px!important;min-height:78px!important;gap:8px!important;}
  html body .li-h61-logo{flex-basis:170px!important;height:68px!important;}
  html body .li-h61-logo img{max-width:170px!important;max-height:66px!important;}
  html body .li-h61-mobile-actions{gap:7px!important;}
  html body .li-h61-mobile-search,
  html body .li-h61-menu-open{width:49px!important;height:49px!important;min-width:49px!important;border-radius:13px!important;}
  html body .li-h61-mobile-search svg{width:24px!important;height:24px!important;}
  html body .li-h61-menu-open span{width:24px!important;}
}

@media (max-width:340px){
  html body .li-h61-logo{flex-basis:148px!important;}
  html body .li-h61-logo img{max-width:148px!important;}
  html body .li-h61-mobile-search,
  html body .li-h61-menu-open{width:45px!important;height:45px!important;min-width:45px!important;}
}