/* Mapa dojazdu /kontakt/ (2026-10-27) — jeden element = jeden plik; kolory jak w folderze i makiecie. */
.syn-dojazd{grid-column:1/-1;padding:clamp(10px,1.6vw,18px)}
#syn-mapa{position:relative;height:min(68vh,560px);border-radius:14px;overflow:hidden;background:#F4F1E6}
#syn-mapa:not(.is-on)::after{content:"Ładowanie mapy…";position:absolute;inset:0;display:grid;place-items:center;color:#6E796F;font-size:14px}
#syn-mapa.is-err::after{content:"Mapa się nie wczytała — trasę wyznaczy przycisk poniżej."}
.syn-dojazd-pas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}
.syn-dojazd-pas p{margin:0;color:#45584A}
.syn-pin{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:6px;cursor:pointer;text-decoration:none}
.syn-pin svg{width:34px;height:44px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
/* 2026-10-28 (Łukasz: etykieta zasłaniała mapę, potem „dajmy bez napisu”): sama pinezka; nazwa, adres i „kliknij” zostają w aria-label */
.syn-pin .et{display:none!important}
.syn-pin .et{background:#194730;color:#fff;border-radius:8px;padding:3px 8px;margin-bottom:26px;line-height:1.15;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.syn-pin .et b{display:block;font-family:Nunito,Arial,sans-serif;font-weight:800;font-size:13px}
.syn-pin .et span,.syn-pin .et i{display:none}
.syn-przyst{display:flex;align-items:center;gap:6px;font-size:13px;color:#194730;pointer-events:none}
.syn-przyst .o{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #194730;box-sizing:border-box}
.syn-przyst b{font-family:Nunito,Arial,sans-serif;font-weight:800}
.syn-przyst small{display:block;color:#45584A;font-size:11.5px}
.syn-przyst .t{background:rgba(255,255,255,.85);padding:2px 6px;border-radius:6px}
.syn-punkt{background:#fff;border:1px solid #DDD6C4;border-radius:999px;padding:3px 10px;font-family:Nunito,Arial,sans-serif;font-weight:800;font-size:12px;color:#45584A;pointer-events:none}
#syn-mapa.syn-mapa-home{height:420px;margin-bottom:14px}   /* strona główna: karta obok listy godzin */
/* telefon — na końcu, żeby wygrać z regułami wyżej */
@media(max-width:600px){#syn-mapa{height:440px}.syn-dojazd-pas .btn{width:100%;justify-content:center}
  .syn-przyst small{display:none}}