/* The location scheme stays inside the original .map-in area. */
.wc-route-map { position:relative; width:100%; height:100%; overflow:hidden; background:#f3f3f1; }
.wc-route-map__image { display:block; width:100%; height:100%; object-fit:cover; }
.wc-route-map__switch { position:absolute; z-index:1; top:18px; left:18px; display:flex; gap:4px; max-width:calc(100% - 36px); padding:4px; border-radius:28px; background:#fff; box-shadow:0 2px 12px #00000012; }
.wc-route-map__switch button { flex:none; padding:10px 18px; border:0; border-radius:24px; background:transparent; color:#111; font:inherit; font-size:14px; line-height:1.4; cursor:pointer; }
.wc-route-map__switch button[aria-pressed="true"] { background:#111; color:#fff; }
.wc-route-map__route { position:absolute; left:18px; bottom:24px; display:inline-flex; align-items:center; gap:16px; min-height:46px; padding:12px 20px; box-sizing:border-box; border-radius:28px; background:#111; color:#fff; font-size:14px; line-height:1.4; text-decoration:none; }
.wc-route-map__route:hover { background:#333; text-decoration:none; }
.wc-route-map__route svg { width:18px; height:18px; flex:none; }
.wc-route-map__credit { position:absolute; right:8px; bottom:4px; padding:3px 6px; background:#ffffffe8; color:#666; font-size:10px; line-height:1.3; text-decoration:none; border-radius:4px; }
.wc-route-map a:focus-visible, .wc-route-map button:focus-visible { outline:2px solid #777; outline-offset:3px; }
@media (max-width:480px) {
    .wc-route-map__switch { top:14px; left:14px; }
    .wc-route-map__route { left:14px; bottom:22px; }
}