/* ───────────────────────────────────────────────────────────────
   Atribucija karata u portalu gosta — najmanja koja je poštena.

   Vedran 2026-07-31: „za mape gostiju se vidi onaj natpis dolje OpenStreetMap,
   moramo ga smanjiti što je više moguće jer je sad prevelik i iskače previše —
   za sve rute gostiju, bilo koja mapa."

   Mjereno prije: 128 × 13 px. Na 390 px mobitela to je trećina širine trake.

   ŠTO SE NE SMIJE: maknuti je. OSM i CARTO traže vidljivu zaslugu s
   poveznicama — to je uvjet korištenja tileova, ne stilska odluka. Zato je
   skupljamo, ne brišemo: u mirovanju stoji samo „©", a puni tekst s
   poveznicama je u istom elementu i otvara se na prelazak mišem, fokus
   tipkovnicom ili dodir (tabindex dodaje static/js/map-attribution.js).

   Pravilo je GLOBALNO za portal gosta (učitava se u shell_guest.html), pa
   vrijedi i za karte koje tek dolaze — ne treba ga pamtiti po ekranu.
   Per-ekranska pravila (guest-atlas.css, guest-prijevoz.css) postaju suvišna;
   ostavljena su jer ih ovo nadjačava specifičnošću i ne škode.
   ─────────────────────────────────────────────────────────────── */

.leaflet-control-attribution {
  /* Skupljeno stanje: širina jednog znaka. `max-width` se animira, `width`
     ne bi — sadržaj ostaje u DOM-u i čitljiv čitačima ekrana. */
  max-width: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;

  font-size: 8.5px !important;
  line-height: 1.5;
  padding: 0 4px !important;
  border-radius: 5px 0 0 0;
  background: rgba(255, 250, 246, 0.62) !important;
  color: rgba(45, 34, 56, 0.7);
  opacity: 0.62;
  transition: max-width .22s var(--ease, cubic-bezier(.22, 1, .36, 1)), opacity .18s ease;
  cursor: help;
}

/* Otvoreno: pun tekst s poveznicama. 260px pokriva „© OpenStreetMap © CARTO"
   i duži Esri redak na satelitskom sloju. */
.leaflet-control-attribution:hover,
.leaflet-control-attribution:focus,
.leaflet-control-attribution:focus-within,
.leaflet-control-attribution[data-attr-open="1"] {
  max-width: 260px;
  opacity: 1;
}

.leaflet-control-attribution a { color: inherit; text-decoration: underline; }

/* Skupljeno stanje mora IZGLEDATI kao gumb za otvaranje, inače je samo mrlja.
   `©` je već prvi znak sadržaja, pa ga ne dodajemo — samo mu damo prostora. */
.leaflet-control-attribution:not(:hover):not([data-attr-open="1"]) { letter-spacing: 0; }

@media (prefers-color-scheme: dark) {
  .leaflet-control-attribution {
    background: rgba(36, 31, 44, 0.62) !important;
    color: rgba(241, 233, 239, 0.75);
  }
}

@media (prefers-reduced-motion: reduce) {
  .leaflet-control-attribution { transition: none; }
}