/* Atlas Journey · a shared identity, with a dedicated driving composition. */
:root{--atlas-ink:#15344c;--atlas-paper:#fff;--atlas-milk:#f1f5f9;--atlas-line:#dce5ed;--atlas-muted:#607487;--atlas-red:#286bef;--atlas-blue:#286bef;--atlas-shadow:0 12px 38px #102f491a;--journey-night:#133c65}
html,body,button,input,select{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic",Arial,sans-serif}
button,input,select,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4084ff;outline-offset:3px}
button{touch-action:manipulation}
.country-view{color:var(--atlas-ink)}
.national-sidebar.search-hub{background:var(--atlas-paper);border-color:var(--atlas-line);box-shadow:var(--atlas-shadow);border-radius:22px}
.atlas-brand{gap:10px}.atlas-brand strong{font-family:inherit;font-size:26px;letter-spacing:-1.2px;font-weight:760}.atlas-brand small{font-family:inherit;letter-spacing:.15em;font-size:10px;text-transform:uppercase;color:var(--atlas-muted)}
.atlas-emblem{width:40px;height:40px;border-radius:13px;background:#15344c;color:#fff;padding:7px;display:grid;place-items:center}.atlas-emblem svg{width:100%;height:100%}
.national-search>div{background:var(--atlas-milk);border:1px solid var(--atlas-line);border-radius:15px}.national-search input{font-size:16px;color:var(--atlas-ink)}.national-search input::placeholder{color:var(--atlas-muted)}
.atlas-top-actions button{font-size:14px;border-radius:13px;color:var(--atlas-ink)}.atlas-top-actions button.active{background:#eaf1ff;color:#245bcc}
.public-map-controls button,.maplibregl-ctrl-group{background:var(--atlas-paper);border:1px solid var(--atlas-line);color:var(--atlas-ink);box-shadow:var(--atlas-shadow);border-radius:14px}
.public-map-controls button b{font-size:12px}.atlas-back{font-size:14px;border-radius:14px;background:var(--atlas-paper);border:1px solid var(--atlas-line);color:var(--atlas-ink);box-shadow:var(--atlas-shadow)}
.atlas-map-caption{background:var(--atlas-paper);border-radius:16px;padding:14px 18px;border:1px solid var(--atlas-line);box-shadow:var(--atlas-shadow)}.atlas-map-caption b{font-family:inherit;font-size:17px;font-weight:700}.atlas-map-caption span{font-size:13px}
.country-view .atlas-context-panel{background:var(--atlas-paper);border:1px solid var(--atlas-line);border-radius:24px;box-shadow:var(--atlas-shadow);padding:24px;color:var(--atlas-ink)}
.country-view .atlas-context-panel h2{font-family:inherit;font-size:27px;font-weight:720;line-height:1.16;letter-spacing:-.9px}
.atlas-context-panel>header small,#regionPreviewType{font-size:12px;font-weight:650;letter-spacing:.08em;color:var(--atlas-muted)}
.atlas-context-panel p,.region-preview-details,.atlas-local-note{font-size:14px;line-height:1.55}
.atlas-context-panel>header>button,.region-preview .preview-close{background:var(--atlas-milk);color:var(--atlas-ink);min-width:44px;min-height:44px}
.national-search-results{background:var(--atlas-paper);border:1px solid var(--atlas-line);border-radius:20px;box-shadow:var(--atlas-shadow)}
.national-search-results>button,.national-route-suggestions>button{padding:14px 16px;border-bottom:1px solid var(--atlas-line);background:transparent;color:var(--atlas-ink);min-height:64px}
.national-search-results strong,.national-route-suggestions strong{font-size:15px;font-weight:650}.national-search-results small,.national-route-suggestions small{font-size:13px;color:var(--atlas-muted)}
.national-search-results>button:hover,.national-search-results>button[aria-selected=true],.national-route-suggestions>button:hover{background:var(--atlas-milk)}
.national-poi-filters button,.atlas-saved-place{border-color:var(--atlas-line);background:var(--atlas-milk);color:var(--atlas-ink);font-size:14px}
.national-poi-filters button.active{background:#eaf1ff;border-color:#afc9ff;color:#225dcc}
.region-preview-actions{gap:8px}.region-preview-actions button{border-radius:13px;min-height:46px;font-size:14px}.region-route-action{background:var(--atlas-blue)!important;color:#fff!important;border-color:var(--atlas-blue)!important}.region-secondary-action{background:var(--atlas-milk);color:var(--atlas-ink);border-color:var(--atlas-line)}
.national-route-field{border:1px solid var(--atlas-line);background:var(--atlas-milk);border-radius:15px}.national-route-field input{color:var(--atlas-ink);font-size:16px}.national-route-field small{font-size:12px;color:var(--atlas-muted)}
.route-origin-dot{color:var(--atlas-blue)}.route-destination-dot{color:#e34748}
.national-route-profiles button{font-size:14px;background:var(--atlas-paper);border-color:var(--atlas-line)}.national-route-profiles button.active{background:#eaf1ff;color:#245bcc;border-color:#b6ccf4}
.national-route-submit{background:var(--atlas-blue);font-size:16px;font-weight:650;border-radius:14px;min-height:52px}
.national-route-provider{font-size:12px;padding:6px 0}.national-route-demo-position{font-size:14px}.national-route-status{font-size:14px}
.national-route-alternatives{gap:8px;margin-bottom:12px}.national-route-alternatives button{font-size:13px;min-height:44px;border-radius:12px;flex-shrink:0;background:var(--atlas-milk);color:var(--atlas-muted);border-color:var(--atlas-line)}.national-route-alternatives button.active{background:#eaf1ff;color:#245bcc;border-color:#b6ccf4;font-weight:650}
.national-route-metrics{gap:0;border-block:1px solid var(--atlas-line);margin:16px 0;padding:14px 0}.national-route-metrics>span{background:none;border-radius:0;padding:0 12px;border-inline-end:1px solid var(--atlas-line)}.national-route-metrics>span:last-child{border:0}.national-route-metrics b{font-size:28px;font-weight:700;letter-spacing:-.9px}.national-route-metrics small{font-size:12px;color:var(--atlas-muted)}
.atlas-edit-route{font-size:14px}.national-navigation-launchers{grid-template-columns:1.7fr 1fr;gap:10px;margin:10px 0 12px}.national-navigation-launchers button{min-height:64px;border-radius:15px}.national-navigation-launchers button b{font-size:16px}.national-navigation-launchers button small{font-size:12px}.national-navigation-launchers button.national-navigation-start{background:var(--atlas-blue);border-color:var(--atlas-blue)}
.national-route-steps{border-top:1px solid var(--atlas-line);padding-top:4px}.national-route-steps summary{font-size:14px;font-weight:600;cursor:pointer;min-height:44px;padding:12px 0}.national-route-steps ol{font-size:14px}.national-route-note{font-size:12px;color:var(--atlas-muted);line-height:1.5}
.atlas-appearance{margin:18px 0}.atlas-appearance h3{font-size:14px;font-weight:650}.atlas-theme-picker{display:flex;padding:4px;background:var(--atlas-milk);border:1px solid var(--atlas-line);border-radius:14px;gap:4px}.atlas-theme-picker button{flex:1;border:0;border-radius:10px;background:none;color:var(--atlas-muted);min-height:44px;font-size:14px}.atlas-theme-picker button[aria-pressed=true]{background:var(--atlas-paper);box-shadow:0 2px 6px #132f4914;color:var(--atlas-ink);font-weight:650}

/* Driving is an overlay, not a bottom sheet. Keep the map touchable. */
.country-view #nationalNavigation{position:absolute;inset:0;width:100%;min-width:0;max-width:none;height:100%;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;pointer-events:none;transform:none;z-index:50;color:var(--atlas-ink)}
#nationalNavigation[hidden]{display:none}
#nationalNavigation>header,.atlas-navigation-tools,.atlas-navigation-options,.atlas-navigation-bottom,.national-navigation-driving{pointer-events:auto}
.country-view.navigation-active #atlasBack,.country-view.navigation-active .atlas-map-caption{display:none}
#nationalNavigation .atlas-guidance-card{position:absolute;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 32px));padding:0;background:#153e68;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 10px 36px #0c2f4d40;overflow:hidden;color:#fff;display:block;margin:0}
.atlas-guidance-main{display:flex;align-items:center;gap:19px;padding:22px 23px 18px}
#nationalNavigation .national-navigation-maneuver-icon{width:55px;min-width:55px;height:55px;background:transparent;padding:0;color:#fff;font-size:42px;border-radius:0;display:grid;place-items:center}
.national-navigation-maneuver-icon svg{width:100%;height:100%;transform:none!important}
#nationalNavigation .national-navigation-guidance{min-width:0;text-align:start;flex:1}
#nationalNavigation .national-navigation-guidance .atlas-maneuver-distance{display:block;margin:0 0 3px}
#nationalNavigationManeuver{font-size:34px;font-weight:760;line-height:1.08;letter-spacing:-1.2px;display:block}
#nationalNavigationInstruction{font-size:19px;font-weight:550;line-height:1.28;display:block;overflow-wrap:anywhere;color:#fff;letter-spacing:-.25px}
.atlas-guidance-road{padding:11px 20px;background:#103457;display:flex;flex-wrap:wrap;gap:3px 12px;align-items:center}
#nationalNavigation .national-navigation-context{color:#e5eff9;margin:0;font-size:14px;line-height:1.4;flex:1 1 180px;min-width:0}
#nationalNavigationStatus{color:#bbd4ed;font-size:12px;line-height:1.4;text-transform:none;letter-spacing:0;display:block;font-weight:500}
#nationalNavigation .national-navigation-driving{position:absolute;left:24px;right:auto;bottom:calc(var(--journey-bottom-height,98px) + 36px);display:flex;flex-direction:column;gap:8px;align-items:center;background:transparent;border:0;border-radius:0;padding:0;margin:0}
#nationalNavigation .national-navigation-speed{width:62px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--atlas-paper);border:1px solid var(--atlas-line);border-radius:18px;box-shadow:var(--atlas-shadow);gap:0;color:var(--atlas-ink)}
#nationalNavigationSpeed{font-size:28px;font-weight:720;line-height:1.1;letter-spacing:-1px}#nationalNavigation .national-navigation-speed small{font-size:12px;color:var(--atlas-muted);line-height:1.5}
#nationalNavigation .national-navigation-speed-limit{width:52px;height:52px;min-width:52px;background:#fff;color:#192a3c;border:4px solid #db393e;border-radius:50%;box-shadow:0 3px 9px #18283e20;display:grid;place-items:center;font-size:24px;font-weight:750;padding:0}
#nationalNavigation .national-navigation-speed-limit[hidden]{display:none}
.atlas-navigation-tools{position:absolute;right:24px;left:auto;bottom:calc(var(--journey-bottom-height,98px) + 36px);display:flex;flex-direction:column;gap:10px}
#nationalNavigation .atlas-navigation-tools button{width:50px;height:50px;min-height:50px;border:1px solid var(--atlas-line);border-radius:17px;background:var(--atlas-paper);color:var(--atlas-ink);box-shadow:var(--atlas-shadow);display:flex;justify-content:center;align-items:center;padding:13px;font-size:0;gap:0}
.atlas-navigation-tools svg{width:24px;height:24px;display:block}.atlas-navigation-tools button>span:not(.sr-only){display:block}.voice-muted{display:none}#nationalNavigationVoice[aria-pressed=false] .voice-muted{display:block}#nationalNavigationVoice[aria-pressed=false] .voice-waves{display:none}#nationalNavigationVoice[aria-pressed=false]{color:#ac4755!important}
#nationalNavigation .atlas-navigation-bottom{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(530px,calc(100% - 32px));display:flex;flex-direction:column;gap:8px}
#nationalNavigation .atlas-trip-bar{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:20px 18px;background:var(--atlas-paper);border:1px solid var(--atlas-line);border-radius:23px;box-shadow:0 8px 35px #14344e29;margin:0;overflow:hidden}
#nationalNavigation .national-navigation-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--atlas-line);border-radius:0;margin:0}
#nationalNavigation .national-navigation-progress i{display:block;height:100%;background:var(--atlas-blue);border-radius:0;transition:width .6s linear}
#nationalNavigation .national-navigation-metrics{display:flex;flex:1;justify-content:space-between;align-items:flex-start;gap:10px;border:0;margin:0;padding:0;min-width:0}
#nationalNavigation .national-navigation-metrics>span{padding:0;background:none;border:0;border-radius:0;min-width:0;display:block}
#nationalNavigation .national-navigation-metrics>span[hidden]{display:none}
#nationalNavigation .national-navigation-metrics b{font-size:22px;letter-spacing:-.8px;font-weight:720;line-height:1.1;white-space:nowrap;display:block}
#nationalNavigation .national-navigation-metrics small{font-size:12px;line-height:1.3;color:var(--atlas-muted);display:block;margin-top:5px}
#nationalNavigationArrival{color:var(--atlas-blue)}
#nationalNavigation .national-navigation-metrics .traffic{display:none}
#nationalNavigationStop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--atlas-milk);border:0;border-radius:13px;width:54px;min-width:54px;min-height:54px;height:54px;padding:2px;color:var(--atlas-ink)}
#nationalNavigationStop>span{font-size:28px;line-height:25px;font-weight:400}#nationalNavigationStop>b{font-size:10px;font-weight:600;line-height:14px}
#nationalNavigation .national-navigation-alert,#nationalNavigation .atlas-connection-status{padding:12px 16px;border:1px solid #ebce8d;background:#fff4d6;border-radius:15px;color:#6c4700;margin:0;font-size:14px;line-height:1.45;box-shadow:var(--atlas-shadow)}
#nationalNavigation .national-navigation-alert.error{border-color:#e4b0b2;background:#fff0f1;color:#8e2434}
#nationalNavigation .atlas-navigation-options{position:absolute;right:24px;left:auto;bottom:calc(var(--journey-bottom-height,98px) + 32px);width:min(370px,calc(100% - 32px));max-height:calc(100dvh - var(--journey-top-height,190px) - var(--journey-bottom-height,98px) - 65px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--atlas-line);border-radius:22px;padding:20px;background:var(--atlas-paper);box-shadow:0 10px 60px #0b27484d;z-index:5;color:var(--atlas-ink)}
.atlas-navigation-options[hidden]{display:none}.atlas-navigation-options>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.atlas-navigation-options h2{font-size:19px!important;font-family:inherit;font-weight:700!important;letter-spacing:-.5px;margin:0}.atlas-navigation-options>header button{background:var(--atlas-milk);color:var(--atlas-ink);border:0;border-radius:50%;min-height:44px;min-width:44px;font-size:24px}
#nationalNavigation .atlas-navigation-options details{border:0;border-top:1px solid var(--atlas-line);border-radius:0;background:transparent;padding:8px 0;margin:0}.atlas-navigation-options summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:600;padding:10px 0!important;line-height:1.4}.atlas-navigation-options summary span{display:block;font-size:12px;font-weight:400;color:var(--atlas-muted);margin-top:4px}
#nationalNavigation .national-navigation-audio>div{display:grid;gap:10px}#nationalNavigation .national-navigation-audio label{font-size:14px;color:var(--atlas-muted)}#nationalNavigation select{background:var(--atlas-milk);border:1px solid var(--atlas-line);color:var(--atlas-ink);border-radius:10px;min-height:44px;padding:8px;font-size:14px;width:100%}#nationalNavigation .atlas-navigation-options button:not(#atlasNavigationOptionsClose){min-height:44px;font-size:14px;background:var(--atlas-milk);border:1px solid var(--atlas-line);border-radius:10px;color:var(--atlas-ink)}.atlas-navigation-options p{font-size:14px;line-height:1.5}
#nationalNavigation[data-arrived=true] .atlas-guidance-card{background:#146b5b}#nationalNavigation[data-arrived=true] .atlas-guidance-road{background:#115b4e}#nationalNavigation[data-arrived=true] .national-navigation-driving{display:none}
html[dir=rtl] .atlas-guidance-card,html[dir=rtl] .atlas-navigation-bottom{direction:rtl}html[dir=rtl] #nationalNavigation .national-navigation-driving{left:24px;right:auto}html[dir=rtl] .atlas-navigation-tools{right:24px;left:auto}

html[data-atlas-theme=night]{color-scheme:dark;--atlas-ink:#e6eef7;--atlas-paper:#1b3044;--atlas-milk:#253d53;--atlas-line:#355066;--atlas-muted:#a3b7ca;--atlas-shadow:0 12px 38px #0003;--atlas-blue:#77acff}
html[data-atlas-theme=night] .national-route-submit,html[data-atlas-theme=night] .national-navigation-launchers button.national-navigation-start,html[data-atlas-theme=night] .region-route-action{background:#2d70ef!important;color:#fff!important;border-color:#2d70ef!important}
html[data-atlas-theme=night] .national-route-alternatives button.active,html[data-atlas-theme=night] .national-route-profiles button.active,html[data-atlas-theme=night] .atlas-top-actions button.active{background:#284e7a;color:#dfedff;border-color:#416ba0}
html[data-atlas-theme=night] .national-search>div,html[data-atlas-theme=night] .national-route-field{background:var(--atlas-milk)}
html[data-atlas-theme=night] .atlas-brand strong{color:var(--atlas-ink)}html[data-atlas-theme=night] .atlas-guidance-card{background:#133b63}

@media(max-width:779px){
 .national-sidebar.search-hub{top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;background:none;border:0;border-radius:0;box-shadow:none;grid-template-rows:44px 54px;gap:12px;height:110px}
 .atlas-brand strong{font-size:25px}.atlas-emblem{width:37px;height:37px;border-radius:12px;padding:6px}.atlas-brand small{font-size:10px}.atlas-top-actions button{background:var(--atlas-paper);border:1px solid var(--atlas-line);box-shadow:0 3px 12px #0f2d4410;min-height:42px;padding:9px 12px}.atlas-top-actions button b{font-size:12px}
 .national-search>div{background:var(--atlas-paper);height:54px;border-radius:18px;box-shadow:var(--atlas-shadow)}.national-search-results{border-radius:20px}
 .country-view .atlas-context-panel{left:0;right:0;bottom:0;top:auto;border-radius:28px 28px 0 0;padding:14px 22px calc(20px + env(safe-area-inset-bottom));max-height:54dvh}
 .country-view .atlas-context-panel h2{font-size:26px}.atlas-context-panel>header{margin-bottom:14px}.atlas-sheet-handle{height:26px;min-height:26px;margin-bottom:8px}.atlas-sheet-handle span{background:var(--atlas-line);width:34px;height:4px}
 .national-route-result .national-route-metrics{margin:12px 0;padding:10px 0}.national-route-result .national-route-metrics b{font-size:27px}.national-route-alternatives{margin-bottom:8px}.national-navigation-launchers button{min-height:60px}.national-navigation-launchers{margin-bottom:4px}
 .atlas-map-caption{left:16px;bottom:calc(30px + env(safe-area-inset-bottom));padding:12px 16px}.atlas-map-caption b{font-size:15px}.atlas-map-caption span{font-size:12px}
 #nationalNavigation .atlas-guidance-card{top:calc(12px + env(safe-area-inset-top));width:calc(100% - 24px);border-radius:22px}.atlas-guidance-main{padding:19px 19px 17px;gap:15px}#nationalNavigation .national-navigation-maneuver-icon{width:48px;min-width:48px;height:48px}
 #nationalNavigationManeuver{font-size:33px}#nationalNavigationInstruction{font-size:18px}.atlas-guidance-road{padding:10px 18px;gap:4px}#nationalNavigation .national-navigation-context{font-size:13px}#nationalNavigationStatus{font-size:12px}
 #nationalNavigation .atlas-navigation-bottom{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px)}#nationalNavigation .atlas-trip-bar{border-radius:22px;padding:17px 14px;min-height:86px;gap:10px}#nationalNavigation .national-navigation-metrics{gap:8px}#nationalNavigation .national-navigation-metrics b{font-size:21px}#nationalNavigation .national-navigation-metrics small{font-size:11px;max-width:70px}
 #nationalNavigation .national-navigation-driving{left:16px;bottom:calc(var(--journey-bottom-height,86px) + 32px)}.atlas-navigation-tools{right:16px;bottom:calc(var(--journey-bottom-height,86px) + 32px)}#nationalNavigation .atlas-navigation-options{right:12px;bottom:calc(var(--journey-bottom-height,86px) + 28px)}
 html[dir=rtl] #nationalNavigation .national-navigation-driving{left:16px;right:auto}html[dir=rtl] .atlas-navigation-tools{right:16px;left:auto}
}
@media(max-width:370px){#nationalNavigation .national-navigation-metrics b{font-size:19px}#nationalNavigation .atlas-trip-bar{padding:16px 12px;gap:7px}#nationalNavigationStop{width:48px;min-width:48px}.atlas-top-actions button{padding:8px}.atlas-guidance-main{padding:17px 16px}.national-navigation-launchers button small{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){
 #nationalNavigation .atlas-guidance-card{left:14px;transform:none;top:10px;width:330px;border-radius:18px}.atlas-guidance-main{padding:13px 16px;gap:12px}#nationalNavigationManeuver{font-size:27px}#nationalNavigationInstruction{font-size:16px}#nationalNavigation .national-navigation-maneuver-icon{width:40px;min-width:40px;height:40px}.atlas-guidance-road{padding:8px 14px}#nationalNavigationStatus{display:none}
 #nationalNavigation .atlas-navigation-bottom{left:14px;bottom:12px;transform:none;width:350px}#nationalNavigation .atlas-trip-bar{min-height:74px;padding:12px}#nationalNavigation .national-navigation-metrics b{font-size:20px}
 #nationalNavigation .atlas-navigation-tools{right:16px;bottom:18px;flex-direction:row}#nationalNavigation .national-navigation-driving{left:auto;right:16px;top:14px;bottom:auto;flex-direction:row}
 #nationalNavigation .atlas-navigation-options{top:10px;bottom:auto;right:12px;width:350px;max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){#nationalNavigation .national-navigation-progress i{transition:none}}
/* Retire inherited glass effects and serif branding at their original specificity. */
.country-view #nationalNavigation{backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
#nationalNavigation #nationalNavigationManeuver{color:#fff}
.country-view .search-hub .atlas-brand strong{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:760;font-size:27px;letter-spacing:-1.2px}
.country-view .search-hub .atlas-brand>span.atlas-emblem{width:38px;height:38px;border-radius:12px;background:#15344c;padding:6px}
#nationalNavigation .national-navigation-metrics small{white-space:normal;text-overflow:clip;overflow:visible;font-size:12px}
#nationalNavigationStop>b{font-size:12px;font-weight:600}
#nationalNavigation .national-navigation-maneuver-icon svg{background:none}
@media(max-width:779px){.country-view .search-hub .atlas-brand strong{font-size:25px}.country-view .search-hub .atlas-brand>span.atlas-emblem{width:35px;height:35px}.atlas-brand small{display:block}}

#nationalNavigation .national-navigation-metrics b{color:var(--atlas-ink)}#nationalNavigation #nationalNavigationArrival{color:var(--atlas-blue)}.country-view.navigation-active #atlasFeedback{top:calc(var(--journey-top-height,170px) + 12px);bottom:auto;font-size:13px;max-width:calc(100% - 32px)}