/* ADLIĞ V18.1 — Header navigation fit / responsive repair
   Fixes crowding after Header Menu gained additional items. */

.site-header .navwrap{
  position:relative;
  min-height:86px;
  gap:16px;
}

.site-header .site-logo{
  flex:0 0 auto;
  min-width:0;
}

.site-header .site-logo img{
  max-width:178px;
  max-height:54px;
}

.site-header .site-nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:0;
}

.site-header .site-nav a{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:12.75px;
  line-height:1.2;
  padding:10px 6px;
}

.site-header .site-nav .nav-cta,
.site-header .site-nav .nav-retail{
  width:auto !important;
  flex:0 0 auto;
  margin-left:4px !important;
  padding:11px 12px !important;
  border-radius:11px;
}

/* Slightly wider desktop: preserve the clean alignment while giving menu
   enough breathing room without changing page content widths. */
@media (min-width:1420px){
  .site-header .navwrap{
    width:min(1320px,calc(100% - 48px));
  }
  .site-header .site-logo img{
    max-width:190px;
  }
  .site-header .site-nav{
    gap:2px;
  }
  .site-header .site-nav a{
    font-size:13.25px;
    padding-left:7px;
    padding-right:7px;
  }
  .site-header .site-nav .nav-cta,
  .site-header .site-nav .nav-retail{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* Medium desktop / browser zoom: stay desktop only while it really fits. */
@media (max-width:1419px) and (min-width:1181px){
  .site-header .navwrap{
    width:min(1240px,calc(100% - 32px));
    gap:10px;
  }
  .site-header .site-logo img{
    max-width:158px;
    max-height:48px;
  }
  .site-header .site-nav a{
    font-size:11.75px;
    padding:10px 4px;
  }
  .site-header .site-nav .nav-cta,
  .site-header .site-nav .nav-retail{
    padding:10px 9px !important;
    margin-left:2px !important;
  }
}

/* With the current number of menu items, below this width the hamburger is
   more stable than forcing links into each other. This intentionally
   overrides the older 860/1100/1120 breakpoints. */
@media (max-width:1180px){
  .site-header .navwrap{
    min-height:74px;
    width:min(100% - 36px,1220px);
    gap:16px;
  }

  .site-header .site-logo img{
    max-width:172px;
    max-height:48px;
  }

  .mobile-nav-toggle{
    display:flex !important;
    flex:0 0 46px;
    margin-left:auto;
  }

  .site-header .site-nav{
    display:none !important;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 10px);
    z-index:120;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    padding:10px;
    background:#fff;
    border:1px solid #e3e8ee;
    border-radius:18px;
    box-shadow:0 24px 60px rgba(15,23,32,.18);
  }

  .site-header .site-nav.open{
    display:flex !important;
  }

  .site-header .site-nav a,
  .site-header .site-nav .nav-cta,
  .site-header .site-nav .nav-retail{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100% !important;
    min-height:44px;
    margin:0 !important;
    padding:12px 14px !important;
    border-radius:10px;
    font-size:14px;
    line-height:1.25;
  }

  .site-header .site-nav .nav-cta,
  .site-header .site-nav .nav-retail{
    justify-content:center;
    margin-top:4px !important;
  }
}

@media (max-width:560px){
  .site-header .navwrap{
    width:min(100% - 28px,1220px);
  }
  .site-header .site-logo img{
    max-width:150px;
    max-height:44px;
  }
}