/* Keep the lazy map functional while making its pre-load state intentional. */
@media (min-width: 1181px) and (max-width: 1920px) {
  html[lang="pl"] body.dsk-page-location-bialoleka #main-content .dsk-loc-map-shell,
  html[lang="pl"] body.dsk-page-location-bialoleka #main-content .dsk-loc-map-shell iframe {
    min-block-size: clamp(220px, 16vw, 280px);
    block-size: clamp(220px, 16vw, 280px);
  }

  html[lang="pl"] body.dsk-page-location-bialoleka #main-content .dsk-loc-map-shell::before {
    display: grid;
    place-items: center;
    padding: 28px;
    background:
      radial-gradient(circle at 50% 42%, rgba(63, 178, 255, 0.28), transparent 22%),
      linear-gradient(rgba(126, 190, 232, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(126, 190, 232, 0.08) 1px, transparent 1px);
    background-size: auto, 34px 34px, 34px 34px;
    color: rgba(248, 251, 255, 0.92);
    content: "Mapa dojazdu do laboratorium";
    font-size: clamp(1.05rem, 1.35vw, 1.25rem);
    font-weight: 850;
    line-height: 1.25;
    text-align: center;
    opacity: 1;
  }

  html[lang="pl"] body.dsk-page-location-bialoleka #main-content
    .dsk-loc-map-shell:has(iframe[src="about:blank"])::after {
    inset: 50% auto auto 50%;
    right: auto;
    bottom: auto;
    inline-size: min(440px, calc(100% - 48px));
    max-inline-size: none;
    padding: 18px 24px;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    content: "Mapa dojazdu do laboratorium\A Kliknij „Załaduj mapę”, aby wyświetlić trasę";
    font-size: 0.95rem;
    line-height: 1.45;
    text-align: center;
    white-space: pre-line;
  }
}

@media (max-width: 560px) {
  html[lang="pl"] body.dsk-page-location-bialoleka #main-content .dsk-loc-map-shell:not(:has(.dsk-map-load))::after {
    position: absolute;
    inset: 18px;
    z-index: 1;
    display: grid;
    place-items: center;
    padding: 22px;
    border: 1px solid rgba(153, 216, 255, .2);
    border-radius: 18px;
    background: rgba(7, 30, 54, .82);
    color: #f8fbff;
    content: "Mapa dojazdu do laboratorium";
    font-size: 1.05rem;
    font-weight: 850;
    line-height: 1.25;
    text-align: center;
    pointer-events: none;
  }

  html[lang="pl"] body.dsk-page-location-bialoleka #main-content .dsk-loc-map-shell iframe {
    z-index: 2;
    opacity: 0;
  }

  html[lang="pl"] body.dsk-page-location-bialoleka #main-content .dsk-loc-map-shell iframe[src^="https://"] {
    animation: dsk-bialoleka-map-reveal .25s ease 1.2s both;
  }
}

@keyframes dsk-bialoleka-map-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}