﻿/* The label navigates; the adjacent disclosure keeps the existing dropdown. */
.sk-header .sk-expertise__row{display:flex;align-items:center;gap:5px;direction:rtl}
.sk-header .sk-expertise-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 28px;min-width:28px;min-height:44px;padding:8px 5px;margin:0;background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer}
.sk-header .sk-expertise-link[aria-current=page]::after{transform:scaleX(1)}
.sk-header .sk-expertise__row:has(.sk-expertise-toggle[aria-expanded=true]) .sk-expertise-link::after{transform:scaleX(1)}
@media(max-width:1023px){
 .sk-header .sk-expertise__row{width:100%;gap:6px}
 .sk-header .sk-expertise-link{flex:1;min-width:0;width:auto}
 .sk-header .sk-expertise-toggle{flex-basis:44px;width:44px;min-height:52px;justify-content:center;padding:12px}
}

.sk-header .sk-page-link[aria-current=page]::after{transform:scaleX(1)}

/* Mobile drawer: white full viewport, RTL entrance, expanded specialties. */
@media(max-width:1023px){
 html.sk-mobile-menu-open,html.sk-mobile-menu-open body{overflow:hidden}
 .sk-header__actions{margin-right:-10px}
 .sk-header .sk-menu-toggle,.sk-header .sk-menu-toggle:hover,.sk-header .sk-menu-toggle:active{background:transparent;border-radius:0}
 .sk-header .sk-backdrop{background:#fff}
 .sk-header .sk-navigation{inset:var(--sk-height) 0 0;height:calc(100dvh - var(--sk-height));max-height:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px 24px 32px;border:0;box-shadow:none;background:#fff;transform:translateX(100%);transition:transform 280ms cubic-bezier(.22,1,.36,1),top 220ms ease,height 220ms ease;animation:none}
 .sk-header.is-menu-open .sk-navigation{animation:none;transform:translateX(0)}
 .sk-header .sk-navigation>.sk-nav-link,.sk-header .sk-navigation>.sk-expertise,.sk-header .sk-navigation>.sk-nav-label{border:0;border-bottom:1px solid #f4f4f4;flex-shrink:0}
 .sk-header .sk-navigation .sk-nav-link::after{display:none}
 .sk-header .sk-navigation .sk-nav-link,.sk-header .sk-navigation .sk-nav-label{font-size:17px;padding-block:14px;min-height:50px}
 .sk-header .sk-dropdown{background:transparent;border-radius:0}
 .sk-header .sk-dropdown__inner{padding-inline:16px}
 .sk-header .sk-specialties li{font-size:15px;border-bottom:1px solid #f4f4f4}
 .sk-header .sk-specialties a{padding-block:11px}
}


/* Mobile specialties stay expanded before the drawer starts moving. */
@media(max-width:1023px){
 .sk-header .sk-navigation>.sk-nav-link,.sk-header .sk-navigation>.sk-expertise,.sk-header .sk-navigation>.sk-nav-label{margin-block:1.5px}
 .sk-header .sk-navigation .sk-nav-link,.sk-header .sk-navigation .sk-nav-label{font-size:20px}
 .sk-header .sk-navigation .sk-expertise-toggle{display:none}
 .sk-header .sk-navigation .sk-dropdown,.sk-header .sk-navigation .sk-dropdown.is-open{display:block;grid-template-rows:none;opacity:1;visibility:visible;transform:none;transition:none;animation:none;margin-bottom:12px}
 .sk-header .sk-specialties a{display:flex;align-items:baseline;gap:9px}
 .sk-header .sk-specialties a::before{content:"";display:block;flex:0 0 4px;width:4px;height:4px;background:currentColor;border-radius:50%;position:relative;top:-2px}
}

/* Mobile toolbar: compact 60px height, wider menu strokes, smaller WhatsApp glyph. */
@media(max-width:1023px){
 .sk-header,.sk-header.is-scrolled{--sk-height:60px}
 .sk-header-offset{height:60px}
 .sk-header .sk-menu-toggle span{width:26px}
 .sk-header .sk-whatsapp img{width:20px;height:20px}
}

/* A single explicit slide avoids display:none / first-paint transition races. */
@media(max-width:1023px){
 html.sk-header-active{scrollbar-gutter:stable}
 .sk-header .sk-navigation{transition:top 220ms ease,height 220ms ease}
 .sk-header .sk-navigation.is-menu-animating{will-change:transform}
 .sk-header .sk-backdrop{background:transparent}
 .sk-header .sk-navigation>.sk-nav-link,.sk-header .sk-expertise__row>.sk-expertise-link,.sk-header .sk-navigation>.sk-nav-label{padding-top:19px;padding-bottom:19px}
}

@media(max-width:1023px){
 .sk-header .sk-navigation .sk-nav-link,.sk-header .sk-navigation .sk-nav-label{font-size:21px;font-weight:700}
 .sk-header .sk-specialties li,.sk-header .sk-specialties li a{font-size:17px}
}
