/* FILE: /srv/slimboom/Sites/slimboom/public/assets/spanihel/nav_v13.css
 * Version: 2026-11-07-nav-v36-unified
 * Navigation-only styles; retains global 1310px width and existing layout.
 */
/* V36 — common desktop navigation appearance; active state stays blue/orange. */
.sa-global-header__nav{font-size:14px;font-weight:600;gap:24px}
.sa-global-header__nav > .sa-nav-link{font-weight:600;color:#0b2545}
.sa-global-header__nav > .sa-nav-link[aria-current="page"]{color:#096fa9}
.sa-global-header__nav > .sa-nav-link:not([aria-current="page"])::after{
  content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;
  background:#aed3e9;transform:scaleX(0);transform-origin:center;
  transition:transform .16s ease
}
.sa-global-header__nav > .sa-nav-link:not([aria-current="page"]):is(:hover,:focus-visible)::after{transform:scaleX(1)}
.sa-global-header__nav > .sa-nav-link:hover{color:#126eb4}
/* Same 1310px canvas as the content; equal side columns keep menu truly centered. */
@media (min-width:1221px){
  body.sb-unified .sa-global-header__inner{
    max-width:1310px;display:grid;grid-template-columns:minmax(215px,1fr) auto minmax(215px,1fr);
    column-gap:16px;align-items:center;justify-content:normal
  }
  body.sb-unified .sa-global-header__nav{justify-self:center;gap:24px}
  body.sb-unified .sa-global-header__actions{justify-self:end}
}
/* A 44x44 hit target, while the glyph remains the original 18px. */
body.sb-unified .sa-global-header__search{width:44px;height:44px;min-width:44px;min-height:44px}
body.sb-unified .sa-global-header__search svg{width:18px;height:18px}

.sa-global-header__account{position:relative;font-weight:700}
.sa-global-header__account>summary{list-style:none;cursor:pointer;padding:9px 1px;white-space:nowrap;user-select:none}
.sa-global-header__account>summary::-webkit-details-marker{display:none}
.sa-global-header__account-list{position:absolute;top:calc(100% + 9px);right:0;z-index:100;min-width:180px;padding:7px 12px;border:1px solid #dbe7ef;border-radius:8px;background:#fff;box-shadow:0 14px 26px rgba(10,40,70,.15)}
.sa-global-header__account-list>a,.sa-global-header__account-list>form{display:block;padding:11px 5px;margin:0;border-bottom:1px solid #ecf1f6}
.sa-global-header__account-list>form:last-child{border:0}
.sa-global-header__account-list button,.sa-global-header__mobile-account button{border:0;background:transparent;color:#0b2545;padding:0;font:inherit;font-weight:700;cursor:pointer}
.sa-global-header__account-list button:hover,.sa-global-header__mobile-account button:hover{color:#126eb4}
.sa-global-header__mobile-account{display:none}
@media (min-width:1221px){
  .sa-global-header__nav{gap:24px}
  .sa-global-header__inner{gap:clamp(12px,1.5vw,22px)}
  .sa-global-header__actions{gap:clamp(8px,1vw,13px)}
}
@media (min-width:761px) and (max-width:1220px){
  .sa-global-header__nav{gap:clamp(11px,2vw,22px)}
  .sa-global-header__nav>a:nth-of-type(n+5){display:inline-flex}
  .sa-global-header__account{display:block}
}
@media (max-width:760px){
  .sa-global-header__account{display:none}
  .sa-global-header__mobile-account{display:block;margin:0;border-bottom:1px solid #eaf0f5}
  .sa-global-header__mobile-account>summary{list-style:none;cursor:pointer;font-weight:700;padding:10px 3px}
  .sa-global-header__mobile-account>summary::-webkit-details-marker{display:none}
  .sa-global-header__mobile-account>div{padding:0 0 7px 14px}
  .sa-global-header__mobile-account>div>a,.sa-global-header__mobile-account>div>form{display:block;margin:0;padding:10px 3px;border-top:1px solid #edf2f7}
  .sa-global-header__mobile-account button{padding:0}
}

/* V36: keep two-row tablet header; menu uses uniform 14px typography. */
@media (min-width:761px) and (max-width:1220px){
  body.sb-unified .sa-global-header__nav{
    font-size:14px;gap:24px;justify-content:center
  }
}
@media (prefers-reduced-motion:reduce){
  .sa-global-header__nav > .sa-nav-link::after{transition:none}
}