/* SGTM V345 | Accessible service menus — lighter type, stronger legibility.
   Presentation-only; no changes to redirects, accounts, payments or API. */

/* Service-finder typography: designed for 1366–1920px laptops and typical desktop scaling. */
.sgtm-v343-finder-inner {
 font-family: "Segoe UI", Arial, system-ui, sans-serif !important;
}
.sgtm-v343-eyebrow {
 font: 700 12px/1.5 "Segoe UI",Arial,sans-serif !important;
 letter-spacing: .105em !important;
 color: #8bdeff !important;
}
.sgtm-v343-finder-title {
 font: 700 clamp(23px,1.7vw,27px)/1.3 "Segoe UI",Arial,sans-serif !important;
 letter-spacing: -.012em !important;
}
.sgtm-v343-finder-subtitle {
 font: 450 15px/1.55 "Segoe UI",Arial,sans-serif !important;
 color: #d3e4f3 !important;
}
.sgtm-v343-service-search {
 font: 500 15px/1.4 "Segoe UI",Arial,sans-serif !important;
 min-height:48px !important;
 padding:12px 14px !important;
}
.sgtm-v343-service-search::placeholder {color:#cbdfef !important}
.sgtm-v343-grid {gap:clamp(12px,1.2vw,19px) !important}
.sgtm-v343-group {padding:10px 6px !important}
.sgtm-v343-group .sgtm-v343-group-label {
 font: 700 15px/1.45 "Segoe UI",Arial,sans-serif !important;
 letter-spacing:.005em !important;
 color:#74d3ff !important;
 margin:0 8px 13px !important;
}
.sgtm-v343-group .sgtm-v343-service-item {
 padding:10px 9px 12px !important;
 border-radius:5px !important;
}
.sgtm-v343-group .sgtm-v343-service-item strong {
 font: 650 15.5px/1.4 "Segoe UI",Arial,sans-serif !important;
 letter-spacing:0 !important;
 color:#f4f9ff !important;
 text-shadow:none !important;
}
.sgtm-v343-group .sgtm-v343-service-item small {
 font: 400 13.5px/1.48 "Segoe UI",Arial,sans-serif !important;
 color:#c8dceb !important;
 margin-top:5px !important;
 letter-spacing:0 !important;
}
.sgtm-v343-finder-footer a {
 font: 650 13.5px/1.4 "Segoe UI",Arial,sans-serif !important;
}
.sgtm-v343-no-results {font: 500 14.5px/1.5 "Segoe UI",Arial,sans-serif !important}
.sgtm-v343-quick-finder>summary {font: 700 14px/1.35 "Segoe UI",Arial,sans-serif !important}
.sgtm-v343-mobile-top>strong {font:700 22px/1.3 "Segoe UI",Arial,sans-serif !important}
.sgtm-v343-mobile-top>p {font:400 14px/1.5 "Segoe UI",Arial,sans-serif !important}
.sgtm-v343-mobile-panel .mobile-nav-label {font:700 14.5px/1.4 "Segoe UI",Arial,sans-serif !important}
.sgtm-v343-mobile-panel .mobile-nav-section a {font:600 14px/1.4 "Segoe UI",Arial,sans-serif !important}
/* Make the main finder wide enough for readable descriptions at standard laptop widths. */
body#sgtm-premium-v223.sgtm-premium-v223 .sgtm-v343-compact-nav .sgtm-v343-quick-panel {
 width:min(1150px,calc(100vw - 36px)) !important;
}
@media (min-width:1691px) {
 body#sgtm-premium-v223.sgtm-premium-v223 .sgtm-v343-desktop-finder>.sgtm-v343-mega{
  width:min(1180px,calc(100vw - 48px)) !important;
 }
}
@media (max-width:1050px) and (min-width:701px) {
 .sgtm-v343-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
}
@media(max-width:700px) {
 .sgtm-v343-finder-top {flex-wrap:wrap;gap:12px}
 .sgtm-v343-service-search {font-size:16px !important}
 .sgtm-v343-finder-footer{flex-wrap:wrap !important}
 .sgtm-v343-finder-footer a{flex:1 1 140px;text-align:center}
}

/* Account: replace legacy V296 "Menu" dropdown with the same searchable service directory. */
.site-head.sgtm-v345-account-head {
 position:relative !important;
 z-index:1000 !important;
 min-height:88px;
 padding:15px clamp(18px,2.4vw,46px);
}
.sgtm-v345-account-head .logo {flex:0 0 auto;white-space:nowrap}
.sgtm-v345-account-nav {
 display:flex !important;
 align-items:center;
 justify-content:flex-end;
 gap:clamp(8px,1.2vw,20px);
 margin-left:auto;
 min-width:0;
}
.sgtm-v345-account-nav .sgtm-v345-account-link {
 display:inline-flex;
 align-items:center;
 padding:10px 12px;
 color:#e1effb !important;
 text-decoration:none !important;
 font:600 15px/1.4 "Segoe UI",Arial,sans-serif;
 white-space:nowrap;
 border-radius:5px;
 border:1px solid transparent;
}
.sgtm-v345-account-nav .sgtm-v345-account-link:hover,
.sgtm-v345-account-nav .sgtm-v345-account-link:focus-visible {
 background:#1b4664;
 outline:2px solid #8fe1ff;
 outline-offset:1px;
}
.sgtm-v345-account-nav .sgtm-v345-account-book{border-color:#3c7599;background:#133b58}
.sgtm-v345-account-nav .sgtm-v345-account-menu{
 display:block !important;
 position:relative !important;
 flex:0 0 auto;
}
.sgtm-v345-account-menu>summary{
 display:inline-flex !important;align-items:center !important;justify-content:center !important;
 gap:9px !important;
 padding:11px 17px !important;
 min-height:44px !important;
 border-radius:5px !important;
 background:#116caa !important;
 border:1px solid #6fc4ec !important;
 color:#fff !important;
 font:700 15px/1.3 "Segoe UI",Arial,sans-serif !important;
 cursor:pointer;
 list-style:none;
 white-space:nowrap;
 box-sizing:border-box;
}
.sgtm-v345-account-menu>summary::-webkit-details-marker{display:none}
.sgtm-v345-account-menu>summary:hover,
.sgtm-v345-account-menu>summary:focus-visible,
.sgtm-v345-account-menu[open]>summary {
 background:#1083c5 !important;
 outline:2px solid #91dbfa !important;
 outline-offset:1px;
}
.sgtm-v345-burger{font-size:19px;line-height:1;font-weight:500}
.sgtm-v345-account-menu .sgtm-v345-account-panel{
 position:fixed !important;
 z-index:2000 !important;
 top:96px !important;
 left:50% !important;
 right:auto !important;
 transform:translateX(-50%) !important;
 width:min(1150px,calc(100vw - 38px)) !important;
 min-width:0 !important;
 max-height:calc(100dvh - 115px) !important;
 overflow-y:auto !important;
 overscroll-behavior:contain;
 box-shadow:0 30px 70px #000b !important;
}
.sgtm-v345-account-menu:not([open])>.sgtm-v345-account-panel {display:none!important}
.sgtm-v345-account-quicklinks{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 padding:14px 22px 4px;
 background:#0a2338;
}
.sgtm-v345-account-quicklinks a{
 display:inline-flex;
 align-items:center;
 min-height:38px;
 padding:8px 12px;
 border:1px solid #325c79;
 border-radius:5px;
 color:#e0effb !important;
 background:#11334d;
 text-decoration:none !important;
 font:600 13px/1.3 "Segoe UI",Arial,sans-serif;
}
.sgtm-v345-account-quicklinks a:hover,.sgtm-v345-account-quicklinks a:focus-visible{
 background:#165681;outline:2px solid #92daff;outline-offset:1px;
}
.sgtm-v345-account-menu .sgtm-v343-finder-inner{padding:18px 22px 22px!important}

@media(max-width:900px) {
 .sgtm-v345-account-nav .sgtm-v345-account-link{display:none}
 .sgtm-v345-account-menu .sgtm-v345-account-panel{top:90px!important}
 .sgtm-v345-account-menu .sgtm-v343-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px) {
 .site-head.sgtm-v345-account-head {min-height:76px !important;padding:10px 12px !important}
 .sgtm-v345-account-head .logo{font-size:clamp(12px,3vw,16px)!important}
 .sgtm-v345-account-head .logo .logomark{font-size:20px!important}
 .sgtm-v345-account-nav .sgtm-v345-account-menu>summary {padding:10px!important;font-size:13px!important;gap:6px!important}
 .sgtm-v345-account-menu .sgtm-v345-account-panel{
  width:calc(100vw - 20px)!important;
  top:80px!important;
  max-height:calc(100dvh - 92px)!important;
 }
 .sgtm-v345-account-menu .sgtm-v343-finder-inner{padding:15px!important}
 .sgtm-v345-account-menu .sgtm-v343-grid{grid-template-columns:1fr!important}
 .sgtm-v345-account-quicklinks{padding:11px;gap:6px}
 .sgtm-v345-account-quicklinks a{flex:1 1 100px;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce) {
 .sgtm-v345-account-menu,.sgtm-v345-account-panel {transition:none!important;animation:none!important}
}
