/* Kort på kontaktsiden. Leaflet-grundstilen ligger i leaflet.css. */
.klinik-kort{position:relative;height:460px;border-radius:24px;overflow:hidden;border:1px solid rgba(28,28,46,.08);box-shadow:0 8px 32px rgba(28,28,46,.09);background:#ECEAE4;z-index:0}
.klinik-kort .leaflet-tile-pane{filter:saturate(.45) contrast(.96) brightness(1.03)}
.klinik-kort .leaflet-control-attribution{font:400 11px/1.4 'DM Sans',system-ui,sans-serif}
.leaflet-container{font-family:'DM Sans',system-ui,sans-serif}
@media (max-width:640px){.klinik-kort{height:380px;border-radius:18px}}

.kk-ikon{background:none;border:0}
.kk-klinik{display:block;width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #344F58;box-shadow:0 6px 18px rgba(28,28,46,.3);overflow:hidden}
.kk-klinik img{width:100%;height:100%;object-fit:cover;display:block}
.kk-bus,.kk-p,.kk-lade{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #fff;box-shadow:0 2px 8px rgba(28,28,46,.35)}
.kk-bus{border-radius:8px;background:#F7C600;color:#1C1C2E}
.kk-bus svg,.kk-lade svg{width:16px;height:16px}
.kk-p{border-radius:6px;background:#1F5FAD;color:#fff;font:700 16px/1 'DM Sans',system-ui,sans-serif}
.kk-lade{border-radius:50%;background:#2E8B57;color:#fff}

.kk-pop{display:flex;flex-direction:column;gap:6px;font:400 13px/1.4 'DM Sans',system-ui,sans-serif;color:#1C1C2E;min-width:150px}
.kk-pop strong{font-size:14px}
.kk-pop small{color:#697585;font-size:12px}
.kk-pop-rute{color:#22333A!important;font-weight:600;text-decoration:underline}
.kk-linjer{display:flex;flex-wrap:wrap;gap:4px}
.kk-linje{display:inline-block;min-width:34px;padding:4px 7px;border-radius:6px;font:700 12px/1 'DM Sans',system-ui,sans-serif;text-align:center}
.kk-linje-n{background:#F7C600;color:#1C1C2E}
.kk-linje-a{background:#D6001C;color:#fff}
.kk-linje-s{background:#0063B0;color:#fff}

.kk-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:800;padding:8px 14px;border-radius:999px;background:rgba(28,28,46,.78);color:#fff;font:600 12px/1 'DM Sans',system-ui,sans-serif;pointer-events:none;white-space:nowrap}

/* Rute-knap og tegnforklaring under kortet */
.kort-rute{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:24px}
.kort-rute .btn{width:auto}
.kort-rute p{font-size:14px;color:#697585}
.kort-rute p a{color:#22333A;text-decoration:underline}
.kort-hint{margin:12px 0 0;font-size:14px;line-height:1.6;color:#697585}
.kort-hint strong{color:#22333A;font-weight:600}
.kort-legende{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;padding:0;list-style:none;font-size:14px;color:#1C1C2E}
.kort-legende li{display:flex;align-items:center;gap:8px}
.kort-legende .kk-klinik{width:28px;height:28px;border-width:2px}
.kort-legende .kk-bus,.kort-legende .kk-p,.kort-legende .kk-lade{width:24px;height:24px;box-shadow:none}
.kk-felt{display:inline-block;width:24px;height:16px;border-radius:4px}
.kk-felt-p-omraade{background:rgba(31,95,173,.18);border:2px solid #1F5FAD}
.kk-felt-p-vej{height:6px;border-radius:3px;background:#1F5FAD}
.stop-liste{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.stop-liste li{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(28,28,46,.08)}
.stop-liste .stop-navn{display:flex;justify-content:space-between;gap:10px;font-weight:600}
.stop-liste .stop-navn span{font-weight:400;color:#697585;font-size:13px;white-space:nowrap}
.klinik-kort .kk-m>span{transform:scale(var(--kk-m,1));transition:transform .2s}
.kk-knap{padding:9px 14px;border-radius:999px;border:1px solid rgba(28,28,46,.12);background:#fff;color:#22333A;font:600 13px/1 'DM Sans',system-ui,sans-serif;box-shadow:0 2px 10px rgba(28,28,46,.15);cursor:pointer}
.kk-knap:hover{background:#344F58;color:#fff}