/* =====================================================================
   V16.2 — DESKTOP NAVBAR FIT & ALIGNMENT
   Fixes crowding caused by the longer “Hukuki Hesaplamalar Merkezi” label.
   Keeps a full desktop navigation on wide screens and switches to the drawer
   earlier on compact laptops instead of allowing controls to overlap.
   ===================================================================== */

/* Wide desktop: use the screen instead of forcing the whole header into 1200px. */
@media (min-width: 1361px){
  .se116-topbar-shell,
  .se116-shell{
    width:min(1540px,calc(100vw - 64px))!important;
  }
  .se116-shell{
    min-height:82px!important;
    grid-template-columns:minmax(220px,250px) minmax(0,1fr) auto!important;
    gap:clamp(16px,1.35vw,26px)!important;
  }
  .se116-brand{gap:12px!important}
  .se116-brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .se116-brand-copy strong{font-size:.82rem!important;letter-spacing:.145em!important}
  .se116-brand-copy small{font-size:.52rem!important}

  .se116-nav{
    justify-self:center!important;
    width:auto!important;
    max-width:100%!important;
    gap:clamp(2px,.32vw,6px)!important;
  }
  .se116-nav a{
    min-height:44px!important;
    padding-inline:clamp(8px,.58vw,12px)!important;
    font-size:clamp(.70rem,.66vw,.77rem)!important;
    letter-spacing:-.012em!important;
  }
  .se116-nav a::after{left:10px!important;right:10px!important}

  .se116-actions{
    flex:0 0 auto!important;
    justify-self:end!important;
    gap:9px!important;
    margin-left:4px!important;
  }
  .se116-search{width:46px!important;min-width:46px!important;height:46px!important;border-radius:15px!important}
  .se116-header .se150-lang-trigger{height:46px!important;min-width:92px!important;border-radius:15px!important}
  .se116-cta{min-height:48px!important;padding-inline:20px!important;border-radius:15px!important}
}

/* Normal desktop / laptop: compact spacing, no collisions. */
@media (min-width:1181px) and (max-width:1360px){
  .se116-topbar-shell,
  .se116-shell{width:calc(100vw - 32px)!important}
  .se116-shell{
    grid-template-columns:184px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .se116-brand{gap:9px!important}
  .se116-brand-mark{width:30px!important;height:30px!important;flex-basis:30px!important}
  .se116-brand-copy strong{font-size:.70rem!important;letter-spacing:.11em!important}
  .se116-brand-copy small{font-size:.45rem!important;letter-spacing:.14em!important}
  .se116-nav{gap:0!important}
  .se116-nav a{
    min-height:40px!important;
    padding-inline:7px!important;
    font-size:.67rem!important;
    letter-spacing:-.015em!important;
  }
  .se116-actions{gap:6px!important;margin-left:3px!important;flex:0 0 auto!important}
  .se116-header .se150-lang{display:none!important}
  .se116-search{width:42px!important;min-width:42px!important}
  .se116-cta{min-height:44px!important;padding-inline:13px!important;font-size:.72rem!important}
}

/* Compact laptops: drawer is cleaner than compressing the navigation further. */
@media (max-width:1180px){
  .se116-topbar{display:none!important}
  .se116-shell{
    width:min(100% - 24px,1200px)!important;
    min-height:68px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
  }
  .se116-nav,
  .se116-lang,
  .se116-cta{display:none!important}
  .se116-actions{gap:7px!important;margin-left:0!important}
  .se116-menu{display:inline-flex!important}
}

/* Prevent any custom CMS menu label from pushing into the actions area. */
.se116-nav{min-width:0!important;overflow:visible!important}
.se116-nav a{flex:0 0 auto!important;white-space:nowrap!important}
.se116-actions{min-width:max-content!important}

/* Clear separation between “İletişim” and the search control. */
@media (min-width:1181px){
  .se116-nav a:last-child{margin-right:4px!important}
  .se116-search{margin-left:2px!important}
}
