/*
 * Skijaški Kutak – kalendar Svjetskog kupa (WordPress dodatak sk-kalendar).
 * GENERIRANO alatom tools/izradi_wp_css.py iz prototipa (css/kalendar.css). Ne uređivati ručno.
 * Sva pravila vrijede samo unutar .sk-kal. Specifičnost je povišena ponavljanjem klase (bez nadjačavanja pomoću !important) jer
 * Astra i Additional CSS portala inače nadjačavaju poveznice, tablice, ćelije, label, select i slike u .entry-content.
 * Boje portala: #17344d, #255b7b, #a8d3e9, #edf6fb. Fontovi: Barlow (naslovi), Inter (tekst) – učitava ih tema (lokalno);
 * ovdje se ne učitava nijedan vanjski font.
 */

.sk-kal {
  --tamnoplava: #17344d; --plava: #255b7b; --svijetloplava: #a8d3e9; --pozadina: #edf6fb; --bijela: #ffffff;
  --tekst: #17283a; --prigusen: #4f6372; --linija: #d3e3ee; --linija-jaca: #b9d0e0;
  --hr-crvena: #c8102e; --hr-pozadina: #fff1f1;
  --font-naslov: "Barlow", "Barlow Semi Condensed", "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-tekst: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --radijus: 12px;
  --sjena: 0 1px 2px rgba(23, 52, 77, .06), 0 6px 18px rgba(23, 52, 77, .07);
  display: block; position: relative; width: 100%; margin: 0 0 32px; padding: 0;
  container: sk-kal / inline-size;
  font-family: var(--font-tekst); font-size: 16px; line-height: 1.5; color: var(--tekst);
  text-align: left; -webkit-font-smoothing: antialiased;
}
.sk-kal *, .sk-kal *::before, .sk-kal *::after { box-sizing: border-box; }

/* zaštitni reset: elementi komponente ne nasljeđuju margine/širine/boje teme */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal p, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal ul, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal dl, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal dd, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal dt, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal fieldset, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal legend, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal caption, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal section, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal nav {
  max-width: none; margin-top: 0; margin-left: 0; margin-right: 0; font-size: inherit; line-height: inherit; font-family: inherit;
}
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal h2, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal h3 { max-width: none; margin-top: 0; text-transform: none; letter-spacing: normal; scroll-margin-top: 80px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal ul { list-style: none; padding: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal label, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal legend { font-size: inherit; line-height: inherit; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal button, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal select, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal input { font-family: inherit; margin: 0; text-transform: none; letter-spacing: normal; box-shadow: none; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal table { margin: 0; max-width: none; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal dd { margin-left: 0; margin-bottom: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal dt { font-weight: inherit; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img { max-width: none; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal :where(a) {
  color: var(--plava); text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: auto;
  text-decoration-color: currentcolor; text-underline-offset: 2px; background-color: transparent; transition: none;
}
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal :where(a):hover { color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal :focus-visible {
  outline: 3px solid var(--tamnoplava); outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--svijetloplava); border-radius: 4px;
}
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sr-only {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* uvodna ploča (u prototipu "hero"): unutar sadržaja stranice, zaobljena, bez vlastitog H1 */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero {
  color: #fff; border-radius: 16px; padding: 22px 22px 56px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.05) 75%, transparent 75%) 0 0 / 28px 28px,
    linear-gradient(135deg, var(--tamnoplava) 0%, var(--plava) 100%);
}
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero--utrka { padding-bottom: 28px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mrvice { font-size: .8rem; color: var(--svijetloplava); margin-bottom: 14px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mrvice a, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero a { color: #fff; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__naslov {
  margin: 0 0 12px; font-family: var(--font-naslov); font-weight: 800; color: #fff;
  font-size: clamp(1.7rem, 5.4vw, 2.7rem); line-height: 1.08; letter-spacing: -.01em; max-width: 30ch; text-wrap: balance;
}
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__opis { margin: 0 0 14px; max-width: 62ch; color: #e4f1f8; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sljedeca a { color: #fff; }
@media (max-width: 719px) { .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero { padding: 18px 16px 52px; border-radius: 14px; } .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero--utrka { padding-bottom: 22px; } }

/* tema (Additional CSS portala) stilizira th/td/table u .entry-content: komponenta vraća vlastite vrijednosti */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez { width: 100%; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica th, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th { background-image: none; text-transform: uppercase; border: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica td, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez td { border-left: 0; border-right: 0; border-bottom: 0; background-color: transparent; background-image: none; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez { border: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__broj, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__mj { white-space: nowrap; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .prazno p { margin: 0 0 12px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .prazno p:last-child { margin-bottom: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .zastava { border-radius: 2px; }

.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__nadnaslov { margin: 0 0 6px; font-family: var(--font-naslov); font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; font-size: .85rem; color: var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__naslov { margin: 0 0 12px; font-family: var(--font-naslov); font-weight: 800;
  font-size: clamp(1.9rem, 6.2vw, 3.1rem); line-height: 1.05; letter-spacing: -.01em;
  max-width: 24ch; text-wrap: balance; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__naslov,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesto--veliko,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna strong,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sljedeca { overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero--utrka .hero__naslov { max-width: 30ch; font-size: clamp(1.7rem, 5.4vw, 2.7rem); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__napomena { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 18px; max-width: 62ch;
  padding: 10px 12px; background: rgba(255,255,255,.1); border: 1px solid rgba(168,211,233,.45);
  border-radius: 10px; font-size: .92rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__napomena .ikona { flex: none; margin-top: 2px; color: var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .brojke { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 14px; padding: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .brojke li { font-size: .9rem; color: var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .brojke strong { font-family: var(--font-naslov); font-size: 1.7rem; font-weight: 800; color: #fff; margin-right: 4px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sljedeca { display: inline-block; max-width: 100%; padding: 10px 14px; background: rgba(0,0,0,.2);
  border-left: 4px solid var(--svijetloplava); border-radius: 0 10px 10px 0; font-size: .95rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sljedeca a { color: #fff; font-weight: 600; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sljedeca__oznaka { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .sljedeca__kad { color: var(--svijetloplava); white-space: nowrap; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__chipovi { margin: 4px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtri { position: relative; z-index: 30; margin-top: -30px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  padding: 14px; background: var(--bijela); border: 1px solid var(--linija);
  border-radius: var(--radijus); box-shadow: var(--sjena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtar { min-width: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtar--spol { grid-column: 1 / -1; border: 0; margin: 0; padding: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtar > label,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtar--spol legend { display: block; margin: 0 0 5px; padding: 0; font-size: .72rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment { display: flex; border: 1.5px solid var(--plava); border-radius: 10px; overflow: hidden; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment input { position: absolute; opacity: 0; pointer-events: none; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment label { flex: 1 1 0; min-height: 44px; display: flex; align-items: center; justify-content: center;
  padding: 8px 6px; text-align: center; font-weight: 600; font-size: .92rem; color: var(--plava);
  background: var(--bijela); cursor: pointer; user-select: none; min-width: 0; overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment label + input + label { border-left: 1.5px solid var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment input:checked + label { background: var(--tamnoplava); color: #fff; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment input:focus-visible + label { outline: 3px solid var(--tamnoplava); outline-offset: -3px; box-shadow: inset 0 0 0 5px var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtri select { width: 100%; min-height: 44px; padding: 8px 34px 8px 12px; font: inherit; font-size: .92rem;
  color: var(--tekst); background: var(--bijela) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23255b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  border: 1.5px solid var(--plava); border-radius: 10px; appearance: none; -webkit-appearance: none;
  text-overflow: ellipsis; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .gumb-reset { grid-column: 1 / -1; justify-self: end; min-height: 40px; padding: 6px 12px; font: inherit; font-size: .88rem;
  font-weight: 600; color: var(--plava); background: transparent; border: 0; border-radius: 8px;
  text-decoration: underline; cursor: pointer; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .gumb-reset:hover { background: var(--pozadina); color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .brojac { margin: 14px 2px 4px; font-size: .88rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .popis { margin-top: 6px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec { margin: 22px 0 8px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec__naslov { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0 0 10px; padding-left: 12px;
  border-left: 5px solid var(--plava); font-family: var(--font-naslov); font-weight: 800;
  font-size: 1.55rem; line-height: 1.1; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec__broj { font-family: var(--font-tekst); font-size: .8rem; font-weight: 600; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--bijela);
  border: 1px solid var(--linija); border-radius: var(--radijus); overflow: hidden; box-shadow: var(--sjena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica th { padding: 10px 14px; text-align: left; font-size: .75rem; font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: #fff; background: var(--tamnoplava); white-space: nowrap; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica td { padding: 11px 14px; vertical-align: middle; border-top: 1px solid var(--linija); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody tr:first-child td { border-top: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody tr.red { cursor: pointer; transition: background-color .12s; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody tr.red:hover { background: #f1f8fc; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody tr.red:focus-within { background: #e7f3fa; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-datum { width: 92px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-spol { width: 112px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-disc { width: 160px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-vrijeme { width: 220px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-status { width: 132px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: baseline; column-gap: 4px; line-height: 1.1; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__dan { grid-column: 1 / -1; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__broj { font-family: var(--font-naslov); font-weight: 800; font-size: 1.5rem; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__mj { font-family: var(--font-naslov); font-weight: 600; font-size: 1.05rem; color: var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .red__link { color: var(--tamnoplava); font-weight: 700; text-decoration: none; min-width: 0; overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .red__link:hover { text-decoration: underline; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesto { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-width: 0; overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica td,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-mjesto { overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec { overflow-x: auto; padding-bottom: 6px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesto--veliko { font-family: var(--font-naslov); font-weight: 800; font-size: 1.5rem; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .zastava { display: inline-block; flex: none; border-radius: 2px; box-shadow: 0 0 0 1px rgba(23, 52, 77, .25); vertical-align: middle; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .drzava { display: block; font-size: .82rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .napomena-mjesto { display: block; font-size: .78rem; color: #8a4b00; font-weight: 600; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .chip { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .78rem; font-weight: 600;
  line-height: 1.4; overflow-wrap: anywhere; border: 1.5px solid transparent; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .chip--m { background: var(--plava); color: #fff; border-color: var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .chip--z { background: var(--bijela); color: var(--plava); border-color: var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .chip--svijetli { background: rgba(255,255,255,.14); color: #fff; border-color: rgba(168,211,233,.5); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero .chip--m { background: var(--svijetloplava); color: var(--tamnoplava); border-color: var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero .chip--z { background: transparent; color: #fff; border-color: var(--svijetloplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .disc { font-weight: 600; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .noc { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 6px; font-size: .75rem; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--svijetloplava); background: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .status { display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: .78rem; font-weight: 700; overflow-wrap: anywhere;
  border: 1.5px solid transparent; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .status--nadolazeca { background: #dcebf5; color: var(--tamnoplava); border-color: #b4d2e5; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .status--zavrsena { background: var(--tamnoplava); color: #fff; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .status--odgodjena { background: #fff1cc; color: #6b4a00; border-color: #e8c964; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .status--otkazana { background: #fde2e0; color: #8a1c14; border-color: #f0aaa5; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .ceka { display: inline-block; padding: 2px 9px; border: 1px dashed #8fa8ba; border-radius: 6px;
  font-size: .85rem; color: var(--prigusen); background: #f7fafc; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .ceka--manje { display: block; margin-top: 3px; padding: 0; border: 0; background: none; font-size: .78rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .ceka--veliko { margin: 0 0 6px; padding: 4px 12px; font-size: 1rem; font-weight: 600; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vrijeme { display: block; font-size: .92rem; font-variant-numeric: tabular-nums; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vrijeme__oznaka { display: inline-block; min-width: 4.6em; font-size: .78rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vrijeme strong { font-size: 1rem; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vrijeme__dan { margin-left: 3px; font-size: .75rem; font-weight: 700; color: #8a4b00; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .bilješka { margin: 28px 0 8px; padding: 16px 18px; font-size: .88rem; color: var(--prigusen); background: var(--bijela); border: 1px solid var(--linija); border-radius: var(--radijus); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .bilješka p { margin: 0 0 8px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .bilješka p:last-child { margin-bottom: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .prazno,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .greska,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .ucitavanje { padding: 22px; text-align: center; background: var(--bijela); border: 1px dashed var(--linija-jaca);
  border-radius: var(--radijus); color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .greska { text-align: left; border-color: #f0aaa5; background: #fff6f5; color: #6e1a14; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .greska__detalj { display: block; margin-top: 6px; font-size: .8rem; opacity: .85; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .gumb { min-height: 44px; padding: 8px 18px; font: inherit; font-weight: 700; color: #fff; background: var(--plava);
  border: 0; border-radius: 10px; cursor: pointer; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .gumb:hover { background: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .info { margin-top: -18px; position: relative; z-index: 2; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .info__mreza { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica { padding: 14px 16px; background: var(--bijela); border: 1px solid var(--linija); border-radius: var(--radijus); box-shadow: var(--sjena); min-width: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica dt { margin: 0 0 6px; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica dd { margin: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica strong { font-size: 1.15rem; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mala { margin: 6px 0 0; font-size: .8rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica--vrijeme { grid-column: span 2; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vremena { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vremena li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vremena__oznaka { min-width: 5.6em; font-size: .85rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vremena__sat { font-family: var(--font-naslov); font-size: 1.9rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vremena__lokalno { font-size: .8rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rezultati { margin-top: 30px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rezultati h3 { margin: 0 0 12px; padding-left: 12px; border-left: 5px solid var(--plava); font-family: var(--font-naslov);
  font-weight: 800; font-size: 1.55rem; line-height: 1.1; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica-omot { background: var(--bijela); border: 1px solid var(--linija); border-radius: var(--radijus); overflow-x: auto; box-shadow: var(--sjena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th { padding: 10px 12px; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: #fff; background: var(--tamnoplava); text-align: left; white-space: nowrap; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez td { padding: 9px 12px; border-top: 1px solid var(--linija); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody tr:nth-child(even) { background: #f7fbfd; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-rang { width: 74px; font-family: var(--font-naslov); font-weight: 800; font-size: 1.15rem; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-bib { width: 56px; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-ime { font-weight: 600; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-v1,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-v2,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-uk,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-zao,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th.t-v1,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th.t-v2,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th.t-uk,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th.t-zao { text-align: right; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-uk { font-weight: 700; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-zao { color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-bod,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez th.t-bod { text-align: right; font-weight: 700; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .drz { display: inline-flex; align-items: center; gap: 7px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .drz abbr { text-decoration: none; font-size: .85rem; font-weight: 600; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody tr.hr { background: var(--hr-pozadina); box-shadow: inset 5px 0 0 var(--hr-crvena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody tr.hr .t-ime { font-weight: 800; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .znacka-hr { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 5px; border: 1.5px solid var(--hr-crvena);
  color: var(--hr-crvena); background: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .05em; vertical-align: 2px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .stat { display: inline-block; padding: 1px 8px; border-radius: 6px; font-size: .78rem; font-weight: 800; letter-spacing: .04em;
  border: 1.5px solid transparent; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .stat--dnf { background: #fff1cc; color: #6b4a00; border-color: #e8c964; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .stat--dns { background: #e6edf2; color: #3b4d5c; border-color: #bccad6; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .stat--dsq { background: #fde2e0; color: #8a1c14; border-color: #f0aaa5; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .stat--dnq { background: #e3efe3; color: #1f4d28; border-color: #a9cfae; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .stat__voz { font-weight: 600; font-size: .75rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .legenda { margin: 12px 2px 0; font-size: .82rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .legenda abbr { text-decoration: none; font-weight: 700; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .oznaka-hr { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; background: var(--hr-pozadina); border-left: 5px solid var(--hr-crvena); border-radius: 2px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .legenda__hr { margin-right: 10px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedne { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna { display: block; padding: 12px 16px; background: var(--bijela); border: 1px solid var(--linija); border-radius: var(--radijus);
  text-decoration: none; color: var(--tamnoplava); min-width: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna:hover { border-color: var(--plava); background: #f1f8fc; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna span { display: block; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna strong { display: block; font-size: .95rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna--sljedeca { grid-column: 2; text-align: right; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna--prethodna:only-child { grid-column: 1; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .natrag { margin: 22px 0 0; font-weight: 600; }
@media (min-width: 900px) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtri { position: relative; margin-top: -30px;
    grid-template-columns: minmax(300px, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtar--spol { grid-column: auto; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .gumb-reset { grid-column: auto; align-self: end; justify-self: auto; }
}
@supports (container-type: inline-size) {
@container sk-kal (max-width: 899.98px) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica { display: block; background: transparent; border: 0; box-shadow: none; overflow: visible; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody { display: block; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody tr.red { display: grid; grid-template-columns: minmax(58px, auto) minmax(0, 1fr) minmax(0, 1fr); gap: 5px 12px; align-items: start;
    margin: 0 0 10px; padding: 12px; background: var(--bijela); border: 1px solid var(--linija);
    border-radius: var(--radijus); box-shadow: var(--sjena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica td { display: block; padding: 0; border: 0; width: auto; min-width: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-datum { grid-column: 1; grid-row: 1 / span 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-mjesto { grid-column: 2 / 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-spol { grid-column: 2; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-disc { grid-column: 3; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-vrijeme { grid-column: 2 / 4; padding-top: 2px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-status { grid-column: 2 / 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum { justify-content: center; justify-items: center; text-align: center; padding: 8px 2px; background: var(--pozadina);
    border-radius: 10px; row-gap: 2px; column-gap: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__broj { font-size: 1.45rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__mj { font-size: .95rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__mj::before { content: " "; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec { overflow-x: visible; padding-bottom: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec__naslov { font-size: 1.35rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-mjesto .mjesto { font-size: 1.05rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-vrijeme .vrijeme__oznaka { min-width: 0; margin-right: 4px; }
}
}
@supports not (container-type: inline-size) {
@media (max-width: 939px) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica { display: block; background: transparent; border: 0; box-shadow: none; overflow: visible; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody { display: block; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica tbody tr.red { display: grid; grid-template-columns: minmax(58px, auto) minmax(0, 1fr) minmax(0, 1fr); gap: 5px 12px; align-items: start;
    margin: 0 0 10px; padding: 12px; background: var(--bijela); border: 1px solid var(--linija);
    border-radius: var(--radijus); box-shadow: var(--sjena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica td { display: block; padding: 0; border: 0; width: auto; min-width: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-datum { grid-column: 1; grid-row: 1 / span 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-mjesto { grid-column: 2 / 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-spol { grid-column: 2; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-disc { grid-column: 3; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-vrijeme { grid-column: 2 / 4; padding-top: 2px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-status { grid-column: 2 / 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum { justify-content: center; justify-items: center; text-align: center; padding: 8px 2px; background: var(--pozadina);
    border-radius: 10px; row-gap: 2px; column-gap: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__broj { font-size: 1.45rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__mj { font-size: .95rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .datum__mj::before { content: " "; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec { overflow-x: visible; padding-bottom: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesec__naslov { font-size: 1.35rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-mjesto .mjesto { font-size: 1.05rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .c-vrijeme .vrijeme__oznaka { min-width: 0; margin-right: 4px; }
}
}
@media (max-width: 719px) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .mjesto { font-size: 1.05rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .vrijeme__oznaka { min-width: 0; margin-right: 4px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .kartica--vrijeme { grid-column: auto; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedne { grid-template-columns: 1fr; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .susjedna--sljedeca { grid-column: 1; text-align: left; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .tablica-omot { border: 0; background: transparent; box-shadow: none; overflow: visible; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody { display: block; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody tr { display: grid; grid-template-columns: minmax(30px, auto) minmax(0, auto) minmax(0, 1fr) minmax(0, auto) minmax(0, auto); gap: 2px 6px; align-items: baseline;
    margin: 0 0 8px; padding: 10px 12px; background: var(--bijela) !important; border: 1px solid var(--linija);
    border-radius: 10px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody tr.hr { background: var(--hr-pozadina) !important; border-color: #f0b9bf; box-shadow: inset 5px 0 0 var(--hr-crvena); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez td { padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-rang { grid-column: 1; grid-row: 1 / span 2; width: auto; font-size: 1.3rem; align-self: center; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-ime { grid-column: 2 / 5; grid-row: 1; overflow-wrap: anywhere; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-uk { grid-column: 5; grid-row: 1; text-align: right; font-size: 1.02rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-bib { grid-column: 2; grid-row: 2; width: auto; font-size: .8rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-bib::before { content: "#"; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-drz { grid-column: 3; grid-row: 2; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-zao { grid-column: 4 / 6; grid-row: 2; text-align: right; font-size: .85rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--dvije .t-v1 { grid-column: 2 / 4; grid-row: 3; text-align: left; font-size: .8rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--dvije .t-v2 { grid-column: 4 / 6; grid-row: 3; text-align: right; font-size: .8rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--dvije .t-v1::before,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--dvije .t-v2::before { content: attr(data-label) ": "; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-ime { font-size: .95rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--jedna .t-zao { grid-column: 4 / 6; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--bodovi .t-zao,
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez--bodovi.rez--jedna .t-zao { grid-column: 4; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-bod { grid-column: 5; grid-row: 2; text-align: right; font-size: .85rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez .t-bod::after { content: " b."; font-weight: 600; }
}
@media (max-width: 420px) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .filtri .filtar:not(.filtar--spol) { grid-column: 1 / -1; }
}
@media (max-width: 380px) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .segment label { font-size: .85rem; padding: 8px 3px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .hero__naslov { font-size: 1.85rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .brojke { gap: 6px 16px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez tbody tr { padding: 9px 10px; }
}
@media (prefers-reduced-motion: reduce) {
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal * { transition: none !important; }
}
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez thead th[class],
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rez thead th { color: #fff; font-family: var(--font-tekst); font-size: .75rem; font-weight: 700; letter-spacing: .08em; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .upozorenje { margin: 14px 0 0; padding: 10px 14px; background: #fff1cc; color: #5a3d00; border: 1px solid #e8c964;
  border-radius: 8px; font-size: .9rem; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .upozorenje[hidden] { display: none; }

/* container-type stvara vlastiti blokovni kontekst: donja margina zadnjeg elementa više se ne spaja s marginom komponente (bio bi +8 px) */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal > :last-child { margin-bottom: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava { width: 22px; height: 15px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava--velika { width: 30px; height: 20px; }

/* SK-FLAGS-FIX BEGIN (25.10.2026.): zastave SI i SK u izvornom omjeru (SI 2:1, SK 3:2). Vracanje: obrisati cijeli blok BEGIN-END. */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava[src*="/zastave/si.svg"],
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava[src*="/zastave/sk.svg"] { width: auto; height: 15px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava.zastava--velika[src*="/zastave/si.svg"],
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava.zastava--velika[src*="/zastave/sk.svg"] { width: auto; height: 20px; }
/* SK-FLAGS-FIX END */


/* ===== REZULTATI I PORETCI (rp) – dodano 25. 10. 2026. ===== */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp { margin-top: 40px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__naslov { margin: 0 0 8px; padding-left: 12px; border-left: 5px solid var(--plava); font-family: var(--font-naslov); font-weight: 800;
  font-size: clamp(1.6rem, 4.6vw, 2.1rem); line-height: 1.1; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__uvod { margin: 0 0 16px; font-size: .92rem; color: var(--prigusen); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__spol { margin: 0 0 6px; padding: 0; border: 0; max-width: 380px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__blok { margin-top: 30px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__blok > h3 { margin: 0 0 12px; padding-left: 12px; border-left: 5px solid var(--plava); font-family: var(--font-naslov); font-weight: 800;
  font-size: 1.55rem; line-height: 1.1; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__utrka, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__disc { margin: 0 0 26px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__podnaslov { margin: 0 0 10px; font-family: var(--font-naslov); font-weight: 800; font-size: 1.15rem; line-height: 1.25; color: var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__stanje { margin: 0 0 10px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__hr { margin-top: 16px; padding: 12px 12px 4px; background: #eef7fc; border: 1px solid #b9dcef; border-left: 5px solid var(--plava); border-radius: var(--radijus); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__hr-naslov { margin: 0 0 10px; font-family: var(--font-tekst); font-size: .95rem; font-weight: 800; color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__legenda { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-leg { display: inline-flex; align-items: center; gap: 6px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-oznaka { display: inline-block; width: 14px; height: 14px; border-radius: 3px; border-left: 5px solid; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-oznaka--m1 { background: #fbf1cf; border-color: #d6a825; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-oznaka--m2 { background: #eceff2; border-color: #9aa5b1; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-oznaka--m3 { background: #f6e3d0; border-color: #b9783c; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-oznaka--hrv { background: #d9edf8; border-color: var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .znacka-hrv { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 5px; background: var(--plava); color: #fff;
  font-size: .68rem; font-weight: 800; letter-spacing: .05em; vertical-align: 2px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.hrv { background: #d9edf8; box-shadow: inset 5px 0 0 var(--plava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.hrv .t-ime { font-weight: 800; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.m1 { background: #fbf1cf; box-shadow: inset 5px 0 0 #d6a825; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.m2 { background: #eceff2; box-shadow: inset 5px 0 0 #9aa5b1; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.m3 { background: #f6e3d0; box-shadow: inset 5px 0 0 #b9783c; }
@media (max-width: 719px) {
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp { margin-top: 32px; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp__hr { padding: 10px 10px 2px; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rp-tab .t-drz { grid-column: 2 / 4; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rp-tab--poredak .t-ime { grid-column: 2 / 5; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rp-tab--poredak .t-bod { grid-column: 5; grid-row: 1; font-size: 1.02rem; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.hrv { background: #d9edf8 !important; border-color: #8fc3e0; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.m1 { background: #fbf1cf !important; border-color: #e0c261; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.m2 { background: #eceff2 !important; border-color: #b3bcc6; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp .rez tbody tr.m3 { background: #f6e3d0 !important; border-color: #d3a375; }
}

/* SK-FLAGS-AUTO START (25. 10. 2026.): zastave izvornog omjera – fiksna visina, automatska širina, bez rastezanja */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava.zastava--auto { width: auto; height: 15px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal img.zastava.zastava--velika.zastava--auto { width: auto; height: 20px; }
/* SK-FLAGS-AUTO END */

/* ===== KARTICE POREDAKA (stranica Poredak) – dodano 25. 10. 2026. ===== */
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp--sam { margin-top: 8px; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartice { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica { flex: 1 1 auto; min-height: 44px; margin: 0; padding: 8px 16px; font-family: var(--font-tekst); font-size: .92rem; font-weight: 700; line-height: 1.2;
  text-align: center; text-transform: none; letter-spacing: normal; color: var(--plava); background: var(--bijela); border: 1.5px solid var(--plava); border-radius: 10px;
  box-shadow: none; cursor: pointer; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica:hover { background: var(--pozadina); color: var(--tamnoplava); }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica.rp-kartica--aktivna, .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica.rp-kartica--aktivna:hover { background: var(--tamnoplava); border-color: var(--tamnoplava); color: #fff; }
.sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica:focus-visible { outline: 3px solid var(--tamnoplava); outline-offset: 2px; }
@media (max-width: 480px) {
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartice { gap: 6px; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica { flex: 1 1 calc(50% - 6px); padding: 8px 10px; font-size: .88rem; }
  .sk-kal.sk-kal.sk-kal.sk-kal.sk-kal .rp-kartica:first-child { flex-basis: 100%; }
}