/* ========================================================= BLOK: kursevi */

/* Panel nosi sopstveni unutrašnji razmak, pa sekcija oko njega ide na manji:
   --sp-section sa obe strane plus padding panela daje dve prazne trake od
   preko 200px, i beli pravougaonik počne da pluta umesto da bude uglavljen. */
.stf-kursevi { padding-block: var(--sp-2xl); }

.stf-kursevi__panel { padding-block: clamp(2rem, 4vw, 3.5rem); }

/* Bez panela sekciji fali razmak koji je panel nosio svojim paddingom.
   Nadoknađuje ga sam prazan omotač — bez :has(), koji ovde ne bi dodavao
   ništa osim jedne mogućnosti da stariji pregledač ostane bez pravila. */
.stf-kursevi__panel--flush { padding-block: var(--sp-lg); }

/* Poslednji red nema liniju ispod — panel je već zatvara svojom ivicom. */
.stf-kursevi__panel .stf-row:last-child { border-bottom: 0; }

.stf-kursevi__panel .stf-head { margin-bottom: var(--sp-lg); }

@media (max-width: 768px) {
    .stf-panel.stf-kursevi__panel { padding-inline: clamp(1rem, 4vw, 1.5rem); }
}