﻿/* Services navigation only; loaded after the existing header styles. */
#site-header .justsha-services-menu { position:relative; display:flex; align-items:center; }
#site-header .justsha-services-menu .justsha-services-trigger { margin:0; border:0; border-radius:0; background:none; font-family:inherit; font-weight:400; line-height:inherit; text-align:left; cursor:pointer; }
#site-header .justsha-services-dropdown { position:absolute; top:100%; left:50%; width:min(550px,calc(100vw - 40px)); padding-top:16px; transform:translateX(-50%); z-index:120; }
#site-header .justsha-services-dropdown[hidden], #mobile-menu .justsha-mobile-services[hidden] { display:none!important; }
#site-header .justsha-services-surface { padding:24px; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:#0d0d0d; box-shadow:0 22px 65px #0006; max-height:calc(100dvh - 130px); overflow-y:auto; overscroll-behavior:contain; }
#site-header .justsha-services-surface .justsha-services-label { color:#a5a5a5; margin:0 12px 13px; font:500 10px/1.6 Inter,sans-serif; letter-spacing:.16em; }
#site-header .justsha-service-menu-item, #mobile-menu .justsha-mobile-services .justsha-service-menu-item { display:grid; grid-template-columns:24px minmax(0,1fr) 20px; align-items:start; gap:16px; padding:20px 12px; border:0; border-top:1px solid rgba(255,255,255,.08); color:#fff; text-decoration:none; transition:background .3s; }
#site-header .justsha-service-menu-number, #mobile-menu .justsha-mobile-services .justsha-service-menu-number { color:#929292; font:500 11px/1.7 Inter,sans-serif; margin-top:2px; transition:color .3s; }
#site-header .justsha-service-menu-copy, #mobile-menu .justsha-mobile-services .justsha-service-menu-copy { display:block; min-width:0; }
#site-header .justsha-service-menu-title, #mobile-menu .justsha-mobile-services .justsha-service-menu-title { display:block; color:#e4e4e4; font:500 17px/1.45 Manrope,sans-serif; letter-spacing:-.025em; transition:color .3s; }
#site-header .justsha-service-menu-description, #mobile-menu .justsha-mobile-services .justsha-service-menu-description { display:block; margin-top:7px; color:#a5a5a5; font:400 12px/1.6 Inter,sans-serif; letter-spacing:normal; }
#site-header .justsha-service-menu-arrow, #mobile-menu .justsha-mobile-services .justsha-service-menu-arrow { display:block; color:#aaa; font:400 19px/1.4 Inter,sans-serif; transition:transform .3s,color .3s; }
#site-header .justsha-service-menu-item:is(:hover,:focus-visible), #mobile-menu .justsha-mobile-services .justsha-service-menu-item:is(:hover,:focus-visible) { background:#ffffff05; }
#site-header .justsha-service-menu-item:is(:hover,:focus-visible,[aria-current=page]) .justsha-service-menu-number, #mobile-menu .justsha-mobile-services .justsha-service-menu-item:is(:hover,:focus-visible,[aria-current=page]) .justsha-service-menu-number { color:#ffd400; }
#site-header .justsha-service-menu-item:is(:hover,:focus-visible) .justsha-service-menu-title, #mobile-menu .justsha-mobile-services .justsha-service-menu-item:is(:hover,:focus-visible) .justsha-service-menu-title { color:#fff; }
#site-header .justsha-service-menu-item:is(:hover,:focus-visible) .justsha-service-menu-arrow, #mobile-menu .justsha-mobile-services .justsha-service-menu-item:is(:hover,:focus-visible) .justsha-service-menu-arrow { color:#ffd400; transform:translateX(5px); }
#site-header .justsha-services-menu :focus-visible, #mobile-menu :is(.justsha-mobile-services-trigger,.justsha-service-menu-item):focus-visible { outline:2px solid #ffd400; outline-offset:3px; }
#mobile-menu .justsha-mobile-services-trigger { display:flex; align-items:center; gap:22px; width:100%; margin:0; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.1); border-radius:0; background:none; color:#fff; font-family:Manrope,sans-serif; font-size:clamp(30px,7vh,60px); font-weight:400; line-height:1.45; letter-spacing:-.04em; text-align:left; cursor:pointer; }
#mobile-menu .justsha-mobile-services { padding:10px 0 18px; }
#mobile-menu .justsha-mobile-services .justsha-service-menu-item { padding:17px 8px; gap:12px; }
#mobile-menu .justsha-mobile-services .justsha-service-menu-title { font-size:16px; }
#mobile-menu .justsha-mobile-services .justsha-service-menu-description { display:none; }
@media(max-width:991px) { #site-header .justsha-services-dropdown { display:none!important; } }
@media(prefers-reduced-motion:reduce) {
 #site-header .justsha-services-menu *, #mobile-menu .justsha-mobile-services * { transition:none!important; }
 #site-header .justsha-service-menu-item .justsha-service-menu-arrow, #mobile-menu .justsha-mobile-services .justsha-service-menu-arrow { transform:none!important; }
}
