﻿/* Same footprint and palette as the former background image. */
.site-location-map{position:relative;isolation:isolate;background:#b8b8b8 url('/imgs/map.webp') center/cover no-repeat;overflow:hidden}
.site-location-map-canvas{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}
.site-location-map-ready .site-location-map-canvas{opacity:1;pointer-events:auto}
.site-location-map-info{position:absolute;left:clamp(12px,3vw,40px);bottom:24px;z-index:2;display:flex;flex-direction:column;gap:6px;max-width:calc(100% - 90px);padding:12px 16px;border:1px solid #ffffff70;border-radius:12px;background:#e8e8e8ed;box-shadow:0 4px 16px #0001;font-family:Inter,Arial,sans-serif;color:#333;line-height:1.4}
.site-location-map-info strong{font-size:14px;font-weight:700}
.site-location-map-info [data-map-status]{font-size:11px;color:#555}
.site-location-map-info a{align-self:flex-start;color:#a91b1b;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.site-location-map-info a:hover{color:#6b0605}
.site-location-map :is(a,button,canvas):focus-visible{outline:2px solid #c91e1f;outline-offset:3px}
.site-location-map .site-location-pin{padding:0;width:38px;height:46px;background:none;border:0;cursor:pointer}
.site-location-pin svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 3px #0003)}
.site-location-map .maplibregl-popup-content{padding:14px 24px 14px 14px;border-radius:10px;background:#f2f2f2;color:#333;box-shadow:0 6px 20px #0002;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.5}
.site-location-map .maplibregl-popup-content strong{color:#a91b1b;font-weight:700;font-size:14px}
.site-location-map .maplibregl-popup-content p{margin-top:4px}
.site-location-map .maplibregl-popup-close-button{width:24px;height:24px;font-size:20px;color:#555}
.site-location-map .maplibregl-ctrl-top-right .maplibregl-ctrl-group{margin-right:16px;margin-bottom:10px;border-radius:8px;overflow:hidden}
.site-location-map .maplibregl-ctrl-group button{width:36px;height:36px;background:#eee}
.site-location-map .maplibregl-ctrl-attrib{font:10px/20px Arial,sans-serif;background:#e8e8e8e6}
@media(prefers-reduced-motion:reduce){.site-location-map-canvas{transition:none}}
@media(max-width:650px){.site-location-map-info{padding:10px 12px;bottom:28px}.site-location-map .maplibregl-popup-content{max-width:220px}}
/* Keep the canvas sized even when the library stylesheet loads afterward. */
.site-location-map>.site-location-map-canvas{position:absolute;inset:0;width:100%;height:100%}

.site-location-map .maplibregl-ctrl-top-right{top:96px}
.site-location-map .maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib{margin:0}
