/* One consistent navigation list, language picker and always reachable view switch. */
body .boating-service-nav{display:none;position:fixed;z-index:3000;left:auto;right:12px;top:76px;width:min(300px,calc(100vw - 24px));padding:6px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border:1px solid #b9cdd1;border-radius:12px;box-shadow:0 8px 28px #123b5033;max-height:60dvh;overflow:auto}
body .boating-service-nav.menu-open{display:block;padding:6px}
body .boating-service-nav .boating-service-links,body .boating-service-nav.menu-open .boating-service-links{display:block;list-style:none;padding:0;margin:0;max-height:none;overflow:visible}
.boating-service-links li{margin:0;padding:0;border-bottom:1px solid #dce6eb}
.boating-service-links li:last-child{border-bottom:0}
body .boating-service-nav .boating-service-links a{display:flex;justify-content:flex-start;align-items:center;min-height:46px;width:100%;padding:10px 14px;border:0;border-radius:5px;background:transparent;color:#123b50;font-size:14px;text-align:left;text-decoration:none}
body .boating-service-nav .boating-service-links a:hover,body .boating-service-nav .boating-service-links a:focus-visible{background:#e5f2f7;color:#082f49}
body header .boating-menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px;width:44px;height:44px;padding:8px;background:#edf5f8;color:#174b4e;border:1px solid #b9cdd1;margin:0}
.boat-language-label{position:relative;display:block;flex:0 0 68px;min-width:0;margin:0;z-index:3100}
header .boat-language-current{display:flex;align-items:center;justify-content:center;gap:7px;width:68px;min-height:44px;padding:8px 10px;border:1px solid #c7dce6;border-radius:12px;background:#fff;color:#123b50;cursor:pointer}
.boat-language-current .language-current-chevron{font-size:11px;color:#607786}
.boat-language-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:3px;min-width:58px;max-height:min(70dvh,360px);overflow:auto;padding:6px;border:1px solid #c7dce6;border-radius:14px;background:#fff;box-shadow:0 12px 30px #123b5026}
.boat-language-menu .boat-language-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 10px;border-radius:10px;text-decoration:none}
.boat-language-menu .boat-language-link:hover,.boat-language-menu .boat-language-link:focus-visible,.boat-language-menu .boat-language-link.active{background:#eaf3f7}
.boat-language-label .language-current-flag{display:block;line-height:1}
body>.boat-quick-view{position:fixed;z-index:1250;right:12px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:48px;min-height:48px;padding:3px;border:1px solid #d6e0db;border-radius:16px;background:#176781;color:white;font:700 28px/1 system-ui,sans-serif;box-shadow:0 3px 12px #153d4326}
.boat-quick-view svg{display:block;width:28px;height:28px;margin:auto}
.boat-map-rail .boat-quick-view{font-size:28px}
@media(max-width:760px){body>header{grid-template-columns:minmax(0,1fr) 68px 44px;gap:8px}header .boat-language-label{grid-column:2;grid-row:1;width:68px}body header .boating-menu-toggle{grid-column:3;grid-row:1;align-self:center}body>header .brand img{max-width:100%;width:142px}.boating-service-nav.menu-open{right:8px}body>.boat-quick-view{right:8px}}
@media(max-height:500px){body:not(.view-list) #lake-results{width:calc(100% - 136px)}}
@media(min-width:761px) and (max-width:1100px){body.boating-nautical>header{display:grid;grid-template-columns:minmax(0,1fr) 80px 44px;height:auto;gap:12px;padding:12px 24px}body.boating-nautical>header .brand{grid-column:1;grid-row:1}body.boating-nautical>header .boat-language-label{grid-column:2;grid-row:1}body.boating-nautical>header .boating-menu-toggle{grid-column:3;grid-row:1}body.boating-nautical>header .waterbody-search,body.boating-nautical>header .map-service-search{grid-column:1/-1;grid-row:2;max-width:none;width:100%}}
body.boating-nautical .boating-service-nav.menu-open{background:rgba(255,255,255,.97);border:1px solid #b9cdd1}
.boat-map-rail #toggle-lake-focus{overflow-wrap:anywhere}

/* The mobile service name changes independently of the desktop brand. */
.boat-name-mobile{display:none}
@media(max-width:900px){.boat-name-desktop{display:none}.boat-name-mobile{display:inline}body header .brand small{display:block;max-width:100%;font-size:9px;letter-spacing:.04em;line-height:1.35;white-space:normal}}