@charset "UTF-8";
/* ------------------------------------------------------------------
   Veliki koledar (stran "Koledar")
   Dodatek k theme.css -- theme.css se ne spreminja.
   ------------------------------------------------------------------ */

.calendar--velik {
	margin: 10px 0 40px;
}

/* Mreza sedmih stolpcev; naslov, krmarjenje in glava tecejo cez vse */
.calendar--velik .js-calendar-target {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 6px;
}

.calendar--velik .calendar-title,
.calendar--velik .calendar-nav,
.calendar--velik .calendar-header {
	grid-column: 1 / -1;
}

.calendar--velik .calendar-header {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 6px;
	margin-bottom: 0;
}

/* --- naslov in krmarjenje --- */

.calendar--velik .calendar-title {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 18px;
}

.calendar--velik .calendar-nav {
	margin-bottom: 14px;
}

.calendar--velik .calendar-nav-date {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
}

.calendar--velik .calendar-nav-prev,
.calendar--velik .calendar-nav-next {
	width: 44px;
	font-size: 26px;
	line-height: 1.2;
	cursor: pointer;
	color: #221e1f;
	-webkit-user-select: none;
	user-select: none;
}

.calendar--velik .calendar-nav-prev:hover,
.calendar--velik .calendar-nav-next:hover {
	color: #6E0B26;
}

/* --- imena dni --- */

.calendar--velik .calendar-day--header {
	font-size: 15px;
	font-weight: 600;
	color: #221e1f;
	width: auto;
	float: none;
	min-height: 0;
	padding: 4px 0;
}

/* --- posamezen dan --- */

.calendar--velik .calendar-day {
	width: auto;
	float: none;
	min-height: 118px;
	text-align: left;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	padding: 6px 6px 8px;
	background: #fff;
}

.calendar--velik .calendar-day--empty {
	background: #fafafa;
}

/* Stevilka dneva je v velikem koledarju nevtralna -- barvo nosijo dogodki */
.calendar--velik .calendar-day-number {
	height: auto;
	width: auto;
	line-height: 1.2;
	border-radius: 0;
	background: transparent !important;
	color: #221e1f !important;
	margin: 0 0 6px 0;
	font-size: 17px;
	font-weight: 600;
	text-align: left;
}

/* --- dogodki: izpisani v dnevu, ne skriti pod misko --- */

.calendar--velik .calendar-day-wrapper {
	display: block;
	position: static;
	transform: none;
	padding: 0;
	width: auto;
	bottom: auto;
	left: auto;
}

.calendar--velik .calendar-day-events {
	border: 0;
	background: none;
	padding: 0;
	width: auto;
	text-align: left;
}

.calendar--velik .calendar-day-events-link {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	padding: 4px 6px 4px 8px;
	margin-bottom: 4px;
	background: #f4f4f4;
	border-left: 4px solid currentColor;
	border-radius: 3px;
	text-decoration: none;
}

.calendar--velik .calendar-day-events-link:hover {
	background: #ebebeb;
}

/* --- legenda --- */

.calendar-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	align-items: center;
	margin: 6px 0 30px;
	font-size: 15px;
}

.calendar-legend-item {
	display: inline-flex;
	align-items: center;
	color: #221e1f;
}

.calendar-legend-item i {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	margin-right: 8px;
	background: currentColor;
}

.calendar-legend-item--grey   { color: #221e1f; }
.calendar-legend-item--purple { color: #802b8e; }
.calendar-legend-item--green  { color: #7dc142; }
.calendar-legend-item--brown  { color: #b9784d; }
.calendar-legend-item--pink   { color: #ea156e; }
.calendar-legend-item--orange { color: #f89d23; }

.calendar-legend-item i + * { color: #221e1f; }

/* --- ozji zasloni --- */

@media only screen and (max-width: 64em) {
	.calendar--velik .calendar-day {
		min-height: 96px;
	}
	.calendar--velik .calendar-day-events-link {
		font-size: 13px;
	}
}

@media only screen and (max-width: 40em) {
	.calendar--velik .js-calendar-target,
	.calendar--velik .calendar-header {
		gap: 3px;
	}
	.calendar--velik .calendar-day {
		min-height: 72px;
		padding: 4px 3px 5px;
	}
	.calendar--velik .calendar-day-number {
		font-size: 14px;
	}
	.calendar--velik .calendar-day-events-link {
		font-size: 11px;
		padding: 2px 3px 2px 5px;
		border-left-width: 3px;
	}
	.calendar--velik .calendar-day--header {
		font-size: 12px;
	}
}

/* Varovalka: veliki koledar ni stranski stolpec, tudi ce ga tema tako postavi */
.calendar--velik {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
}

/* Da se celice v mrezi ne razsirijo cez svoj stolpec */
.calendar--velik .calendar-day,
.calendar--velik .calendar-day--header {
	min-width: 0;
}

/* ------------------------------------------------------------------
   Glava z imeni dni -- pravila morajo priti ZA pravili za .calendar-day,
   sicer jih ta prevladajo (enaka teza izbirnika, odloca vrstni red).
   ------------------------------------------------------------------ */

.calendar--velik .calendar-header {
	display: flex;
	gap: 6px;
	margin-bottom: 2px;
}

.calendar--velik .calendar-day--header {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	float: none;
	min-height: 0;
	border: 0;
	background: none;
	border-radius: 0;
	padding: 4px 0 2px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #221e1f;
}

/* Ostanek nekdanjega oblacka: puscica pod dogodki */
.calendar--velik .calendar-day-events:before,
.calendar--velik .calendar-day-events:after {
	display: none;
	content: none;
}

/* Naslov "Koledar dogodkov" je v veliki razlicici odvec -- stran ima svojega */
.calendar--velik .calendar-title {
	display: none;
}

/* Dnevi brez dogodkov naj ne bodo pretezki */
.calendar--velik .calendar-day--empty {
	background: #fff;
	border-color: #ededed;
}

/* ------------------------------------------------------------------
   Mali koledar na naslovnici -- samo vecji in citljivejsi,
   zgradba ostane taka, kot je bila.
   ------------------------------------------------------------------ */

.page--front .calendar-title {
	font-size: 22px;
	margin-top: 26px;
	margin-bottom: 22px;
}

.page--front .calendar-nav-date {
	font-size: 18px;
	font-weight: 600;
}

.page--front .calendar-nav-prev,
.page--front .calendar-nav-next {
	width: 30px;
	font-size: 20px;
	cursor: pointer;
	color: #221e1f;
}

/* Crke dni: bile so 12px in blede pri 38% -- zdaj vecje in citljive */
.page--front .calendar-day--header {
	font-size: 14px;
	font-weight: 600;
	color: #4a4a4a;
}

.page--front .calendar-day-number {
	height: 44px;
	width: 44px;
	line-height: 44px;
	font-size: 15px;
	font-weight: 600;
}

/* Ime dogodka v oblacku naj bo berljivo */
.page--front .calendar-day-events-link {
	font-size: 15px;
	line-height: 1.35;
	display: block;
	margin-bottom: 4px;
}

/* ------------------------------------------------------------------
   Strnjeno: cel mesec mora iti na en zaslon tudi na 14-palcnem
   prenosniku, brez drsenja.
   ------------------------------------------------------------------ */

.calendar--velik {
	margin: 6px 0 20px;
}

.calendar--velik .js-calendar-target,
.calendar--velik .calendar-header {
	gap: 4px;
}

.calendar--velik .calendar-nav {
	margin-bottom: 8px;
}

.calendar--velik .calendar-nav-date {
	font-size: 20px;
}


.calendar--velik .calendar-day {
	min-height: 72px;
	padding: 3px 5px 5px;
}

.calendar--velik .calendar-day-number {
	font-size: 15px;
	margin-bottom: 3px;
}

.calendar--velik .calendar-day-events-link {
	font-size: 12.5px;
	line-height: 1.25;
	padding: 2px 4px 2px 6px;
	margin-bottom: 3px;
	border-left-width: 3px;
}


/* Ce bi se ovoji vseeno kdaj vgnezdili, naj ne podrejo mreze */
.calendar--velik .js-calendar-target .js-calendar-target {
	display: contents;
}

@media only screen and (max-width: 64em) {
	.calendar--velik .calendar-day:not(.calendar-day--header) { min-height: 64px; }
}

/* ------------------------------------------------------------------
   Se bolj strnjeno: en dogodek = ena vrstica, cel mesec na 14 palcih.
   Celo ime se pokaze v namigu ob prehodu z misko.
   ------------------------------------------------------------------ */

.page--koledar .contentSection {
	padding-top: 12px;
	padding-bottom: 10px;
}


.calendar-legend {
	margin: 2px 0 8px;
	font-size: 13px;
	gap: 6px 18px;
}

.calendar--velik .calendar-nav {
	margin-bottom: 4px;
}


.calendar--velik .calendar-day {
	min-height: 52px;
	padding: 2px 4px 4px;
}

.calendar--velik .calendar-day-number {
	font-size: 14px;
	margin-bottom: 2px;
}

.calendar--velik .calendar-day-events-link {
	font-size: 12px;
	line-height: 1.3;
	padding: 1px 4px 1px 5px;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Zadnje krajsanje: cel mesec brez drsenja */
.calendar--velik .calendar-day:not(.calendar-day--header) { min-height: 46px; }
.calendar--velik .calendar-day-number { margin-bottom: 1px; }
.calendar--velik .calendar-nav-date { font-size: 19px; }
.page--koledar .contentSection { padding-top: 8px; }

/* ------------------------------------------------------------------
   Oblika in barva
   - koledar zozan, da celice niso ploscate
   - dogodek nosi polno barvo svoje publike, ne le tanke crtice
   ------------------------------------------------------------------ */

.calendar--velik {
	max-width: 880px;
	margin-left: 0;
	margin-right: auto;
}

.calendar--velik .calendar-day:not(.calendar-day--header) {
	min-height: 58px;
}

.calendar--velik .calendar-day-events-link {
	border-left: 0;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: 500;
	border-radius: 3px;
	background: #ededed;
	color: #221e1f;
}

/* Polna barva publike. Bela pisava tam, kjer je podlaga temna,
   temna pa tam, kjer je podlaga svetla. */
.calendar--velik .calendar-day-events-link--purple { background: #802b8e; color: #fff; }
.calendar--velik .calendar-day-events-link--pink   { background: #ea156e; color: #fff; }
.calendar--velik .calendar-day-events-link--brown  { background: #b9784d; color: #fff; }
.calendar--velik .calendar-day-events-link--grey   { background: #221e1f; color: #fff; }
.calendar--velik .calendar-day-events-link--green  { background: #7dc142; color: #1c2f0c; }
.calendar--velik .calendar-day-events-link--orange { background: #f89d23; color: #3a2400; }

.calendar--velik .calendar-day-events-link:hover {
	opacity: .85;
	background-color: inherit;
}

/* Legenda naj se ujema: barvni kvadratek ostane, napis temen */
.calendar-legend-item { font-weight: 500; }

/* Sirina mora premagati varovalko z !important iz zgornjega dela datoteke */
.calendar--velik {
	max-width: 880px !important;
	width: 100% !important;
}

.calendar--velik .calendar-day {
	min-height: 52px;
}

.calendar--velik .calendar-day-events-link:hover {
	opacity: .85;
}

/* Podatki pri dogodku: kdaj, ura, kraj */
.dogodekPodatki {
	font-size: 17px;
	line-height: 1.5;
	margin: 0 0 6px;
	color: #221e1f;
}
.dogodekPodatki-pika { color: #9a9a9a; margin: 0 4px; }
.dogodekRazpis { margin: 0 0 18px; font-size: 16px; }

/* ------------------------------------------------------------------
   Dogodki, ki jih organizira drug klub: ista barva, a le obroba.
   Barva pove publiko, obroba pove organizatorja -- brez nove barve.
   ------------------------------------------------------------------ */

.calendar--velik .calendar-day-events-link--tuj {
	background: #fff !important;
	border: 1.5px solid currentColor;
	font-weight: 400;
}

.calendar--velik .calendar-day-events-link--tuj.calendar-day-events-link--purple { color: #802b8e !important; }
.calendar--velik .calendar-day-events-link--tuj.calendar-day-events-link--green  { color: #4f8a1f !important; }
.calendar--velik .calendar-day-events-link--tuj.calendar-day-events-link--pink   { color: #ea156e !important; }
.calendar--velik .calendar-day-events-link--tuj.calendar-day-events-link--orange { color: #a86a00 !important; }
.calendar--velik .calendar-day-events-link--tuj.calendar-day-events-link--brown  { color: #b9784d !important; }
.calendar--velik .calendar-day-events-link--tuj.calendar-day-events-link--grey   { color: #221e1f !important; }

.calendar--velik .calendar-day-events-link--tuj:hover { opacity: 1; background: #f6f6f6 !important; }

/* legenda: ponazoritev obrobe */
.calendar-legend-item--obroba i {
	background: #fff;
	border: 1.5px solid #221e1f;
}

/* opozorilo pri dogodku */
.dogodekOrganizator {
	margin: 0 0 14px;
	padding: 10px 12px;
	background: #f6f6f6;
	border-left: 4px solid #6E0B26;
	font-size: 16px;
	line-height: 1.5;
}

/* "Primerno tudi za" pri dogodku */
.dogodekPrimerno {
	margin: 0 0 10px;
	font-size: 16px;
	color: #4a4a4a;
	font-style: italic;
}

/* Razlaga pod koledarjem: barvni kvadratki v seznamu */
.koledarRazlaga .barva {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 3px;
	margin-right: 7px;
	vertical-align: -1px;
}
.koledarRazlaga .barva--purple { background: #802b8e; }
.koledarRazlaga .barva--green  { background: #7dc142; }
.koledarRazlaga .barva--pink   { background: #ea156e; }
.koledarRazlaga .barva--orange { background: #f89d23; }
.koledarRazlaga .barva--obroba { background: #fff; border: 1.5px solid #221e1f; }
.koledarRazlaga ul { list-style: none; margin-left: 0; padding-left: 0; }
.koledarRazlaga li { margin-bottom: 6px; }

/* ------------------------------------------------------------------
   Popravek: ko se meni prelomi v dve vrstici, pade iz glave (ta ima
   stalno visino) in vsebina ga prekrije, zato gumbi ne odzovejo.
   Glava naj bo vedno nad vsebino, vsebina pa naj se ne zaleti vanjo.
   ------------------------------------------------------------------ */

.siteHeader {
	position: relative;
	z-index: 20;
}

.page--koledar .contentSection {
	padding-top: 30px;
}


/* ------------------------------------------------------------------
   Barve postavk menija.
   V temi so bile trdo vpisane po stevilkah postavk (#menu-item-21),
   zato nove postavke ne bi dobile barve. Zdaj so vezane na razred,
   ki ga je mogoce nastaviti pri postavki v skrbniskem delu.
   ------------------------------------------------------------------ */

.mainNavigation .barva--roza a    { color: #ea156e; }
.mainNavigation .barva--oranzna a { color: #f89d23; }
.mainNavigation .barva--zelena a  { color: #7dc142; }
.mainNavigation .barva--vijolicna a { color: #802b8e; }
.mainNavigation .barva--rjava a   { color: #b9784d; }
.mainNavigation .barva--temna a   { color: #221e1f; }

/* ------------------------------------------------------------------
   Meni naj se zacne takoj za logotipom, ne na desnem robu.
   V temi je "float: right", kar je pri osmih postavkah zapolnilo
   sirino, pri sestih pa pusti prazno polovico.
   ------------------------------------------------------------------ */

@media only screen and (min-width: 64.063em) {
	.siteHeader-menu {
		float: left;
		margin-left: 50px;
	}
}

.contentSection table + p,
.contentSection table + h2,
.contentSection table + h3 {
	margin-top: 0;
}

/* Bloki sahovskih sol -- vizualno loceni, brez nove teme */
.sola-blok {
	border: 1px solid #e4e4e4;
	border-left: 5px solid #f89d23;
	border-radius: 4px;
	padding: 18px 22px 6px;
	margin: 0 0 22px;
}
.sola-blok h2 {
	margin-top: 0;
	margin-bottom: 2px;
}
.sola-blok h2 + p {
	margin-top: 0;
	color: #6a6a6a;
}

/* ------------------------------------------------------------------
   Glava naj se prilagodi vsebini.
   V temi ima stalno visino 115 tock. Ko se meni prelomi -- pri ozjem
   oknu, pri povecani pisavi ali pri povecavi zaslona v Windowsih --
   pade iz glave in vsebina se prekriva z njim.
   Z "height: auto" in "overflow: hidden" glava zraste in objame meni.
   ------------------------------------------------------------------ */

@media only screen and (min-width: 64.063em) {
	.siteHeader {
		height: auto !important;
		min-height: 115px;
		overflow: hidden;
	}
}

/* Logotip je imel visino "100% glave"; ko glava ni vec stalne visine,
   se sesede na nic. Zato mu damo izrecno visino (115 - 2x20 obrobe). */
@media only screen and (min-width: 64.063em) {
	.siteHeader-logo {
		height: 75px;
	}
}


/* ============================================================
   NAVADNE TABELE V VSEBINI
   Preglednice, ki jih napisemo v urejevalniku (urniki, cene, termini).
   Poravnane so na levo in siroke toliko, kolikor je vsebine -- ne cez
   vso sirino strani.

   Goste, na desno poravnane tabele z rezultati so nize in veljajo samo
   za tabele z razredom "tabela--rezultati".
   ============================================================ */

/* Ovoj drsi vodoravno, ce se tabela ne izide -- velja za vse tabele. */
.contentSection .wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 26px;
}

.contentSection .wp-block-table table {
	border-collapse: collapse;
	width: auto;
	max-width: 100%;
	font-size: 15px;
	line-height: 1.45;
	margin: 0;
}

.contentSection .wp-block-table thead th {
	text-align: left;
	vertical-align: bottom;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #6E0B26;
	padding: 0 26px 8px 0;
	border-bottom: 2px solid #6E0B26;
}

.contentSection .wp-block-table td {
	text-align: left;
	vertical-align: top;
	padding: 11px 26px 11px 0;
	border-bottom: 1px solid #ededed;
}

.contentSection .wp-block-table thead th:last-child,
.contentSection .wp-block-table td:last-child {
	padding-right: 0;
}

@media only screen and (max-width: 40em) {
	.contentSection .wp-block-table table {
		font-size: 14px;
	}
	.contentSection .wp-block-table thead th,
	.contentSection .wp-block-table td {
		padding-right: 16px;
	}
}

/* ============================================================
   TABELE Z REZULTATI
   Tabele sezon ciklusa so siroke (do 15 stolpcev). Cilj: da se na
   prenosniku izidejo brez drsenja, imena pa ostanejo berljiva.
   Razredi "ime", "sola" in "st" so zapisani v vsebini strani.
   ============================================================ */

/* Ovoj drsi vodoravno, ce se tabela vseeno ne izide (telefon). */
.contentSection .tabela--rezultati {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 26px;
}

.contentSection .tabela--rezultati table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 1.35;
	margin: 0;
}

/* --- glava --- */

.contentSection .tabela--rezultati thead th {
	background: #221e1f;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	text-align: right;
	padding: 5px;
	vertical-align: bottom;
}
.contentSection .tabela--rezultati thead th.ime,
.contentSection .tabela--rezultati thead th.sola {
	text-align: left;
}

/* Stolpci turnirjev: sirino naj doloca stevilka v tabeli, ne naslov.
   Zato je nad njimi ena sama celica "Turnir", spodaj pa gole stevilke. */
.contentSection .tabela--rezultati thead th.turnirji {
	text-align: center;
	letter-spacing: .12em;
	border-bottom: 1px solid #4a4a4a;
	font-weight: 500;
	padding-bottom: 3px;
}
.contentSection .tabela--rezultati thead th.tur {
	padding: 3px 4px 5px;
	letter-spacing: 0;
	font-size: 10px;
	width: 1%;
}

/* --- telo --- */

.contentSection .tabela--rezultati td {
	padding: 4px 5px;
	border-bottom: 1px solid #ededed;
	text-align: right;
	white-space: nowrap;
}

/* Stevilke: enako siroke cifre, da se stolpci poravnajo. */
.contentSection .tabela--rezultati td.st {
	font-variant-numeric: tabular-nums;
	color: #4a4a4a;
}

.contentSection .tabela--rezultati td.ime,
.contentSection .tabela--rezultati td.sola {
	text-align: left;
}

/* Ime tekmovalca ostane v eni vrstici -- razlomljeno ime se slabo bere. */
.contentSection .tabela--rezultati td.ime {
	white-space: nowrap;
	font-weight: 600;
	color: #221e1f;
}

/* Ime sole se sme razlomiti, ker so nekatera zelo dolga. */
.contentSection .tabela--rezultati td.sola {
	white-space: normal;
}
.contentSection .tabela--rezultati td.sola {
	color: #4a4a4a;
}

/* Stolpec z uvrstitvijo -- ozek in poudarjen. Oznacen je z razredom
   "mesto", ne s polozajem: nekatere tabele tega stolpca sploh nimajo. */
.contentSection .tabela--rezultati td.mesto {
	color: #6E0B26;
	font-weight: 600;
	width: 1%;
	white-space: nowrap;
}
.contentSection .tabela--rezultati th.mesto {
	width: 1%;
}

/* --- branje po vrsticah --- */

.contentSection .tabela--rezultati tbody tr:nth-child(even) {
	background: #fafafa;
}
.contentSection .tabela--rezultati tbody tr:hover {
	background: #f4f4f4;
}

/* Prve tri uvrstitve rahlo poudarimo. */
.contentSection .tabela--rezultati tbody tr:nth-child(1) td.mesto:first-child,
.contentSection .tabela--rezultati tbody tr:nth-child(2) td.mesto:first-child,
.contentSection .tabela--rezultati tbody tr:nth-child(3) td.mesto:first-child {
	color: #ea156e;
}

/* --- naslovi kategorij --- */

.contentSection h4 {
	margin: 26px 0 8px;
	font-size: 17px;
	color: #221e1f;
}
.contentSection h4 + .wp-block-table {
	margin-top: 0;
}

/* --- ozji zasloni --- */

@media only screen and (max-width: 64em) {
	.contentSection .tabela--rezultati table {
		font-size: 12px;
	}
	.contentSection .tabela--rezultati td,
	.contentSection .tabela--rezultati thead th {
		padding: 4px 5px;
	}
}

@media only screen and (max-width: 40em) {
	.contentSection .tabela--rezultati table {
		font-size: 12px;
		width: auto;
		min-width: 100%;
	}
	/* Na telefonu naj tabela raje drsi vodoravno kot da se sole lomijo
	   cez tri vrstice. */
	.contentSection .tabela--rezultati td.sola {
		white-space: nowrap;
	}
}

/* Ozka tabela: kadar ima le nekaj stolpcev, naj se ne razteza cez vso sirino. */
.contentSection .tabela--rezultati.tabela--ozka table {
	max-width: 30em;
}

/* Tabela prvakov: same imena, zato smejo v novo vrstico. */
.contentSection .tabela--rezultati.tabela--prvaki td.ime,
.contentSection .tabela--rezultati.tabela--prvaki td.sola {
	white-space: normal;
	font-weight: 400;
}
.contentSection .tabela--rezultati.tabela--prvaki td.mesto {
	white-space: nowrap;
}
.contentSection .tabela--rezultati.tabela--prvaki thead th.ime {
	font-size: 10px;
}

/* --- QR koda za podporo --- */

.qr-podpora {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	align-items: flex-start;
	border: 1px solid #e4e4e4;
	border-left: 5px solid #7dc142;
	border-radius: 4px;
	padding: 20px 22px;
	margin: 0 0 22px;
}
.qr-podpora__koda {
	margin: 0;
	text-align: center;
	flex: 0 0 auto;
}
.qr-podpora__koda img {
	display: block;
	width: 200px;
	height: auto;
	border: 1px solid #ededed;
}
.qr-podpora__koda figcaption {
	margin-top: 6px;
	font-size: 12px;
	color: #4a4a4a;
}
.qr-podpora__podatki {
	flex: 1 1 15em;
	min-width: 0;
}
.qr-podpora__podatki p {
	margin: 0 0 10px;
}

/* --- Gumbi za pomembne povezave --- */

.contentSection a.gumb {
	display: inline-block;
	padding: 12px 24px;
	margin: 4px 0 6px;
	background: #4a4a4a;
	color: #fff !important;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.3;
	text-decoration: none !important;
	border-radius: 3px;
	transition: background .15s ease;
}
.contentSection a.gumb:hover,
.contentSection a.gumb:focus {
	background: #221e1f;
}

/* Barve se ujemajo z barvami razdelkov v koledarju. */
.contentSection a.gumb--roza     { background: #ea156e; }
.contentSection a.gumb--roza:hover,
.contentSection a.gumb--roza:focus { background: #b8104f; }

.contentSection a.gumb--oranzna  { background: #f89d23; }
.contentSection a.gumb--oranzna:hover,
.contentSection a.gumb--oranzna:focus { background: #d07f11; }

.contentSection a.gumb--zelena   { background: #7dc142; }
.contentSection a.gumb--zelena:hover,
.contentSection a.gumb--zelena:focus { background: #5f9a2e; }

.contentSection a.gumb--vijolicna { background: #802b8e; }
.contentSection a.gumb--vijolicna:hover,
.contentSection a.gumb--vijolicna:focus { background: #631f6e; }

/* Barva logotipa 2026 -- za gumbe, ki vodijo do nas samih. */
.contentSection a.gumb--rdeca    { background: #6E0B26; }
.contentSection a.gumb--rdeca:hover,
.contentSection a.gumb--rdeca:focus { background: #55071d; }

/* --- Bloki klubov na strani Ciklus Kranja --- */

.klub-blok {
	border: 1px solid #e4e4e4;
	border-left: 5px solid #4a4a4a;
	border-radius: 4px;
	padding: 18px 22px 8px;
	margin: 0 0 20px;
}
.klub-blok h3 {
	margin-top: 0;
	margin-bottom: 4px;
}
.klub-blok--mayr      { border-left-color: #802b8e; }
.klub-blok--zupan     { border-left-color: #7dc142; }
.klub-blok--primskovo { border-left-color: #f89d23; }

/* --- Vgrajena Googlova preglednica z razvrstitvijo --- */

.preglednica-vgradnja {
	position: relative;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 0 12px;
	background: #fafafa;
}
.preglednica-vgradnja iframe {
	display: block;
	width: 100%;
	height: 520px;
	border: 0;
}
@media only screen and (max-width: 40em) {
	.preglednica-vgradnja iframe {
		height: 420px;
	}
}

/* Koledar treh ciklusov: ozek, brez razpotegnjenih stolpcev. */
.contentSection .wp-block-table.tabela--koledar table {
	max-width: 34em;
}
.contentSection .wp-block-table.tabela--koledar td.st {
	text-align: center;
}
.contentSection .wp-block-table.tabela--koledar thead th {
	text-align: center;
}
.contentSection .wp-block-table.tabela--koledar thead th.ime {
	text-align: left;
}

.drobno {
	font-size: 13px;
	color: #4a4a4a;
}
.contentSection .wp-block-table thead th .drobno {
	display: block;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0;
	color: #ededed;
	text-transform: none;
}

/* --- Aktivnosti v koledarju: posevno, brez svoje barve --- */

.calendar-day-events-link--aktivnost {
	font-style: italic;
}
.calendar-legend-item--posevno i {
	background: none;
	border: 0;
	width: auto;
	margin-right: 3px;
}
.calendar-legend-item--posevno em {
	font-style: italic;
	color: #4a4a4a;
}

/* Barve blokov na strani Dogodki -- ujemajo se z barvami v koledarju. */
.klub-blok--solski    { border-left-color: #ea156e; }
.klub-blok--sole      { border-left-color: #f89d23; }
.klub-blok--clani     { border-left-color: #7dc142; }
.klub-blok--aktivnost { border-left-color: #4a4a4a; border-left-style: dashed; }

/* Nevtralna barva za zavihka, ki nista obcinstvo. */
.mainNavigation .barva--siva a { color: #4a4a4a; }

/* --- Oglasa v nogi: podpis in dostopno besedilo --- */

.addArea-naslov {
	text-align: center;
	margin: 0 0 2px;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #4a4a4a;
}
.addArea-item {
	display: inline-block;
	vertical-align: top;
	margin: 8px 13px 4px;
	text-align: center;
}
.addArea-item .addArea-add--270 {
	margin: 0;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
}
.addArea-podpis {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #4a4a4a;
}

/* Besedilo samo za bralnike zaslona. */
.u-skrito {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --- Povezave v obarvanih pasicah --- */

/* Pasica ima belo besedilo, povezave pa so ostale privzeto temne in so
   se na barvi izgubile. */
.ctaBanner a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.ctaBanner a:not(.btn):hover,
.ctaBanner a:not(.btn):focus {
	text-decoration: none;
}

/* Pasica je imela trdno visino; daljse besedilo je zato lahko ušlo čez rob. */
.ctaBanner {
	height: auto;
	min-height: 140px;
}

/* ============================================================
   MALI KOLEDAR NA NASLOVNICI
   Dan pokaze pod stevilko toliko pik, kolikor je dogodkov.
   Vsaka pika nosi barvo svojega dogodka; pika tujega kluba je votla,
   enako kot obroba v velikem koledarju.
   ============================================================ */

.calendar-day-pike {
	display: flex;
	justify-content: center;
	gap: 3px;
	margin-top: 3px;
	min-height: 8px;
}
.calendar-day-pika {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #221e1f;
}
.calendar-day-pika--purple   { background: #802b8e; }
.calendar-day-pika--green    { background: #7dc142; }
.calendar-day-pika--pink     { background: #ea156e; }
.calendar-day-pika--orange   { background: #f89d23; }
.calendar-day-pika--brown    { background: #b9784d; }
.calendar-day-pika--grey,
.calendar-day-pika--greyDark { background: #221e1f; }

/* Tuji klub: votla pika z obrobo v isti barvi. */
.calendar-day-pika--tuj              { background: #fff; box-shadow: inset 0 0 0 2px #221e1f; }
.calendar-day-pika--tuj.calendar-day-pika--purple { box-shadow: inset 0 0 0 2px #802b8e; }
.calendar-day-pika--tuj.calendar-day-pika--green  { box-shadow: inset 0 0 0 2px #5f9a2e; }
.calendar-day-pika--tuj.calendar-day-pika--pink   { box-shadow: inset 0 0 0 2px #ea156e; }
.calendar-day-pika--tuj.calendar-day-pika--orange { box-shadow: inset 0 0 0 2px #a86a00; }
.calendar-day-pika--tuj.calendar-day-pika--brown  { box-shadow: inset 0 0 0 2px #b9784d; }

/* Krogec z dnevom je votel samo v malem koledarju; v velikem je
   dogodek ze sam obrobljen in bi bila obroba okoli dneva odvec. */
.page--front .calendar-day--tuj .calendar-day-number { background: #fff; box-shadow: inset 0 0 0 2px #221e1f; color: #221e1f; }
.page--front .calendar-day--tuj.calendar-day--purple .calendar-day-number { box-shadow: inset 0 0 0 2px #802b8e; color: #802b8e; }
.page--front .calendar-day--tuj.calendar-day--green  .calendar-day-number { box-shadow: inset 0 0 0 2px #5f9a2e; color: #4f8a1f; }
.page--front .calendar-day--tuj.calendar-day--pink   .calendar-day-number { box-shadow: inset 0 0 0 2px #ea156e; color: #ea156e; }
.page--front .calendar-day--tuj.calendar-day--orange .calendar-day-number { box-shadow: inset 0 0 0 2px #a86a00; color: #a86a00; }
.page--front .calendar-day--tuj.calendar-day--brown  .calendar-day-number { box-shadow: inset 0 0 0 2px #b9784d; color: #b9784d; }

/* V velikem koledarju so dogodki nasteti z imeni, zato pike tam niso potrebne. */
.page--koledar .calendar-day-pike { display: none; }

/* Celice malega koledarja morajo biti enako visoke, sicer se plavajoca
   postavitev ob visjih celicah zatakne in dnevi se prelomijo narobe. */
.page--front .calendar-day:not(.calendar-day--header) { min-height: 58px; }

/* ------------------------------------------------------------------
   GLAVA MALEGA KOLEDARJA
   Imena dni imajo isti razred kot dnevi, zato jih najmanjsa visina
   dneva raztegne. Tu jim jo odvzamemo in dodamo mirno crto pod njimi.
   ------------------------------------------------------------------ */

.calendar-day--header {
	min-height: 0;
	height: auto;
	line-height: 1.2;
	padding: 0 0 3px;
}

.page--front .calendar-header,
.calendar--velik .calendar-header {
	border-bottom: 2px solid #6E0B26;
	margin-bottom: 4px;
}

/* ------------------------------------------------------------------
   DVOJNI NASLOV KOLEDARJA
   Na naslovnici stoji nad koledarjem glava s povezavo na cel koledar,
   enako kot nad novicami. Predloga koledarja ima svoj naslov ze
   vgrajen, zato ga tam skrijemo.
   ------------------------------------------------------------------ */

.page--front .calendar-title {
	display: none;
}

/* Naslov iz predloge je nosil zrak nad koledarjem (33 px + 32 px).
   Ker je skrit, ga vrnemo nad mesecno navigacijo. */
.page--front .calendar-nav {
	margin-top: 30px;
}

.page--front .calendar .section-header {
	margin-bottom: 0;
}

/* ------------------------------------------------------------------
   LOGOTIP 2026
   Glava je bela -- gre rdeca razlicica (#6E0B26).
   Noga je temna (#231F20) -- gre bela razlicica.
   Star logotip ostane v mapi; ta pravila samo prepisejo pot.
   ------------------------------------------------------------------ */

.siteHeader-logo {
	background-image: url("../images/logo-2026-rdec.svg");
	background-size: contain;
	background-position: left center;
	width: 236px;
}

.siteFooter-logo {
	background-image: url("../images/logo-2026-bel.svg");
	background-size: contain;
	background-position: center center;
	width: 236px;
	height: 62px;
}

@media only screen and (max-width: 40em) {
	.siteHeader-logo {
		width: 190px;
	}
}

/* ------------------------------------------------------------------
   GUMB V OBRAZCU
   Gumb "Poslji vprasanje" je bil bel z obrobo, gumbi do obrazca pa so
   rdeci. Odslej je tudi ta rdec, da je pot do konca ista barva.
   ------------------------------------------------------------------ */

.contentSection .wpcf7 input[type="submit"],
.wpcf7 input[type="submit"] {
	background-color: #6E0B26;
	border-color: #6E0B26;
	color: #fff;
	font-weight: 600;
	padding: 12px 24px;
	border-radius: 3px;
	transition: background-color .15s ease;
}

.contentSection .wpcf7 input[type="submit"]:hover,
.contentSection .wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
	background-color: #55071d;
	border-color: #55071d;
	color: #fff;
}

/* ------------------------------------------------------------------
   TRAK NA PASICI NASLOVNICE  --  razlicica D
   Barva logotipa, ki se navzgor izgublja v nic, zato zgoraj ni
   ostrega roba cez fotografijo.
   ------------------------------------------------------------------ */

.bannerItem-content {
	height: 150px;
	background-color: transparent;
	background-image: linear-gradient(
		to bottom,
		rgba(110, 11, 38, 0) 0%,
		rgba(110, 11, 38, .70) 55%,
		rgba(110, 11, 38, .88) 100%
	);
}

.bannerItem-content-wrapper {
	height: 100px;
	margin-top: 50px;
}

.bannerItem-title {
	text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}
/* Gumb "Vec" v isti rdeci kot ostali gumbi. */
.ctaBanner-btn.btn--purple,
.bannerItem-content .btn--purple {
	background-color: #6E0B26;
	border-color: #6E0B26;
	color: #fff;
}
.ctaBanner-btn.btn--purple:hover,
.bannerItem-content .btn--purple:hover {
	background-color: #55071d;
	border-color: #55071d;
	color: #fff;
}


/* ------------------------------------------------------------------
   HISNA BARVA
   Vijolicna #802b8e je bila hkrati hisna barva strani in barva rubrike
   "Za mlade". Odslej pomeni samo se drugo, hisna barva pa je rdeca iz
   logotipa #6E0B26.

   Tu prepisemo tisto, kar je vijolicno zapisano v temi. Koledarja,
   legende, pik, gumbov na sorodne teme in postavk menija se ne
   dotikamo -- tam barva nekaj pove.
   ------------------------------------------------------------------ */

/* Povezave v besedilu na vseh straneh. */
.contentSection--purple a,
.contentSection a {
	color: #6E0B26;
}
.contentSection--purple a:hover,
.contentSection a:hover {
	color: #55071d;
}

/* Gumbi z barvnim ozadjem imajo belo besedilo -- pravilo za povezave
   jih ne sme prebarvati. Gumbov teme (btn) se ne dotikamo: ti imajo
   belo ozadje in temno pisavo, ki jo tema zapise mocneje. */
.contentSection a.gumb {
	color: #fff !important;
}

/* Pas s pozivom (dohodnina) -- privzeto je bil vijolicen. */
.ctaBanner--purple {
	background-color: #6E0B26;
}

/* Gumbi teme v vijolicni. */
.btn--purple {
	background-color: #6E0B26;
	border-color: #6E0B26;
	color: #fff;
}
.btn--purple:hover,
.btn--purple:focus {
	background-color: #55071d;
	border-color: #55071d;
	color: #fff;
}


/* ------------------------------------------------------------------
   POVEZAVE ZUNAJ VSEBINE
   Tema jim je dala privzeto rjavo #b9784d, ki v nasem sistemu pomeni
   dogodek tujega kluba. Tu gre za nase lastne poti, zato hisna rdeca.
   Rjava v koledarju ostane -- tam pomen drzi.
   ------------------------------------------------------------------ */

.section-link,
.newsArticle-more,
.siteFooter a {
	color: #6E0B26;
}

.section-link:hover,
.newsArticle-more:hover,
.siteFooter a:hover {
	color: #55071d;
}

/* V nogi je podlaga temna, zato tam rdeca ne bi bila berljiva. */
.siteFooter a,
.siteFooter a:hover {
	color: #fff;
}


/* ------------------------------------------------------------------
   GUMBI Z OBROBO
   Za skupine gumbov, ki vodijo na sorodne strani. Polni gumbi se ob
   stiku zlijejo v trak; obroba pove isto, a mirneje.
   ------------------------------------------------------------------ */

.contentSection a.gumb--obroba {
	background: #fff;
	border: 2px solid #6E0B26;
	color: #6E0B26 !important;
	padding: 11px 22px;
	margin: 6px 14px 8px 0;
}
.contentSection a.gumb--obroba:hover,
.contentSection a.gumb--obroba:focus {
	background: #6E0B26;
	color: #fff !important;
}

.contentSection a.gumb--obroba.gumb--oranzna {
	background: #fff;
	border-color: #f89d23;
	color: #c87a00 !important;
}
.contentSection a.gumb--obroba.gumb--oranzna:hover,
.contentSection a.gumb--obroba.gumb--oranzna:focus {
	background: #f89d23;
	color: #fff !important;
}

.contentSection a.gumb--obroba.gumb--roza {
	background: #fff;
	border-color: #ea156e;
	color: #ea156e !important;
}
.contentSection a.gumb--obroba.gumb--roza:hover { background: #ea156e; color: #fff !important; }

.contentSection a.gumb--obroba.gumb--zelena {
	background: #fff;
	border-color: #7dc142;
	color: #4f8a1f !important;
}
.contentSection a.gumb--obroba.gumb--zelena:hover { background: #7dc142; color: #fff !important; }

/* Skupina gumbov naj ne bo stisnjena. */
.btnGroup a.gumb {
	margin-right: 14px;
}

/* ------------------------------------------------------------------
   ZAVIHEK O DRUSTVU
   Doslej rjav; rjava ne pomeni nicesar, ker je nobena rubrika nima.
   Drustvo samo je tisto, kar predstavlja hisna barva.
   ------------------------------------------------------------------ */

.mainNavigation .barva--rdeca a,
.mainNavigation .barva--rjava a {
	color: #6E0B26;
}


/* ------------------------------------------------------------------
   NAMIG ZA DRSENJE PRI SIROKIH TABELAH
   Tabela, sirsa od zaslona, drsi vodoravno -- a clovek tega ne vidi in
   misli, da je stolpcev konec. Ob robu, kjer se vsebina nadaljuje, se
   zato pokaze mehka senca; ko potegnes do konca, izgine.
   ------------------------------------------------------------------ */

.contentSection .wp-block-table {
	background-image:
		linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)),
		linear-gradient(to left,  #fff 30%, rgba(255, 255, 255, 0)),
		radial-gradient(farthest-side at 0 50%,   rgba(0, 0, 0, .16), rgba(0, 0, 0, 0)),
		radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .16), rgba(0, 0, 0, 0));
	background-position: 0 0, 100% 0, 0 0, 100% 0;
	background-repeat: no-repeat;
	background-size: 36px 100%, 36px 100%, 12px 100%, 12px 100%;
	background-attachment: local, local, scroll, scroll;
}


/* ------------------------------------------------------------------
   NAPISAN NAMIG ZA DRSENJE
   Senca ob robu je prefinjena in jo clovek na telefonu spregleda.
   Zato nad siroko tabelo na ozkih zaslonih pise, kaj naj naredi.
   ------------------------------------------------------------------ */

@media only screen and (max-width: 40em) {

	.contentSection .wp-block-table::before {
		content: "povlecite tabelo vstran ▸";
		display: block;
		position: sticky;
		left: 0;
		font-size: 12px;
		color: #6E0B26;
		font-weight: 600;
		letter-spacing: .02em;
		padding: 0 0 5px;
	}

	/* Ce je tabela ozka in drsenja ni, napis ni potreben. */
	.contentSection .tabela--ozka::before {
		content: none;
	}
}


/* ------------------------------------------------------------------
   NAROCANJE NA KOLEDAR
   Drobna vrstica pod malim koledarjem na naslovnici. Namenoma tiha --
   glavno vabilo na naslovnici je vpis v solo, ne to.
   ------------------------------------------------------------------ */

.koledarNarocanje {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.4;
}

.koledarNarocanje a {
	color: #6E0B26;
	font-weight: 600;
}

.koledarNarocanje span {
	display: block;
	color: #6a6a6a;
}


/* Ime meseca nad koledarjem v hisni barvi. */
.calendar-nav-date {
	color: #6E0B26;
	font-weight: 600;
}


/* ------------------------------------------------------------------
   KRATICE DNI
   Enocrkovne oznake so dvoumne: P je ponedeljek in petek, S je sreda in
   sobota. Na sirokih zaslonih zato pisemo kratice, na ozkih pa crko,
   ker se sedem kratic na telefonu stisne.

   Imena so tudi vecja in temnejsa: doslej so bila 12 px in 38 % siva,
   celice dni pa visoke 46 do 64 px -- crka je bila videti kot drobtina
   nad veliko mrezo.
   ------------------------------------------------------------------ */

.dan-crka {
	display: none;
}

.calendar-day--header {
	font-size: 14px;
	font-weight: 600;
	color: #4a4a4a;
	letter-spacing: .02em;
}

.page--front .calendar-header,
.calendar--velik .calendar-header {
	margin-bottom: 2px;
}

@media only screen and (max-width: 46em) {
	.dan-kratica { display: none; }
	.dan-crka    { display: inline; }
}


/* ------------------------------------------------------------------
   IMENA DNI -- KONCNO PRAVILO
   Za glavo koledarja se je nabralo sest starejsih pravil. Zadnje je
   postavilo 13 px, stevilke dni pa so 15 px, zato so bila imena manjsa
   od stevilk pod njimi. To pravilo je zapisano za vsemi in ima enako
   tezo, zato velja ono.
   ------------------------------------------------------------------ */

.calendar--velik .calendar-day--header,
.page--front .calendar-day--header {
	font-size: 16px;
	font-weight: 600;
	color: #221e1f;
	letter-spacing: .01em;
	min-height: 0;
	height: auto;
	line-height: 1.15;
	padding: 0 0 2px;
	border: 0;
	background: none;
}

/* Glava naj se drzi mreze: crta tik pod imeni, dnevi tik pod crto. */
.page--front .calendar-header,
.calendar--velik .calendar-header {
	border-bottom: 2px solid #6E0B26;
	margin-bottom: 0;
	padding-bottom: 2px;
}

/* Vrstice v mrezi so nekoliko tesnejse, da glava ne lebdi nad njo. */
.calendar--velik .js-calendar-target {
	row-gap: 2px;
}


/* ------------------------------------------------------------------
   ZRAK MED LEGENDO IN MESECEM
   Legenda je imela spodnji rob 12 px in se je brala skupaj z mesecem.
   ------------------------------------------------------------------ */

.calendar-legend {
	margin-bottom: 30px;
}

@media only screen and (max-width: 40em) {
	.calendar-legend {
		margin-bottom: 22px;
	}
}


/* ------------------------------------------------------------------
   NASLOV STRANI KOLEDAR
   Naj bo enako velik kot na drugih straneh (tema: 1.875rem).
   Prej je bil 24 px, ker sem lovil cel mesec na en zaslon.
   ------------------------------------------------------------------ */

.page--koledar h1 {
	font-size: 1.875rem;
	margin: 0 0 10px;
}


/* ------------------------------------------------------------------
   RAZTEGNJENA MREZA
   Stolpec "1fr" se nikoli ne stisne pod sirino svoje vsebine, zato je
   dolgo ime dogodka potisnilo mrezo cez rob strani. Z minmax(0, 1fr)
   se stolpec sme stisniti, ime dogodka pa se odreze s tremi pikami.
   ------------------------------------------------------------------ */

.calendar--velik .js-calendar-target {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar--velik .calendar-day,
.calendar--velik .calendar-day--header {
	min-width: 0;
}

.calendar--velik .calendar-day-events-link {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* ------------------------------------------------------------------
   VELIKI KOLEDAR NA TELEFONU
   Imena dogodkov se na ozkem zaslonu odrezejo na "Zac...", kar ne pove
   nicesar. Namesto njih pokazemo pike -- eno na dogodek, v barvi
   njegove namembnosti -- tako kot na naslovnici.
   ------------------------------------------------------------------ */

@media only screen and (max-width: 40em) {

	.page--koledar .calendar-day-events-link {
		display: none;
	}

	.page--koledar .calendar-day-pike {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 3px;
		min-height: 8px;
		margin-top: 2px;
	}

	.calendar--velik .calendar-day:not(.calendar-day--header) {
		min-height: 46px;
		padding: 2px 1px 4px;
	}

	.calendar--velik .calendar-day-number {
		font-size: 13px;
		margin-bottom: 0;
	}

	/* Mreza naj se drzi zaslona. */
	.calendar--velik .js-calendar-target,
	.calendar--velik .calendar-header {
		gap: 2px;
	}
}


/* ==============================================================
   NASLOV NOVICE JE POVEZAVA
   Naslov je odslej klikalen, ostati pa mora crn -- povezave so na
   strani hisno rdece in brez tega bi vsi naslovi novic pordeceli.
   ============================================================== */

.newsArticle-title a,
.newsArticle-title a:visited {
	color: inherit;
	text-decoration: none;
}

.newsArticle-title a:hover,
.newsArticle-title a:focus {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.16em;
}


/* ==============================================================
   NASLOV V PASICI JE POVEZAVA
   Belo cez fotografijo mora ostati belo -- brez tega bi naslov
   postal hisno rdec in na temni sliki neberljiv.
   ============================================================== */

.bannerItem-title a,
.bannerItem-title a:visited {
	color: inherit;
	text-decoration: none;
}

.bannerItem-title a:hover,
.bannerItem-title a:focus {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.12em;
}


/* ==============================================================
   GUMBI NA BARVNIH PASOVIH PO KLIKU
   Tema prebarva vsako obiskano povezavo v #594f52 in jo podcrta.
   Na belem gumbu na barvnem pasu to pomeni, da napis po prvem kliku
   potemni -- na rjavem pasu skoraj izgine. Tu ostane bel v vseh
   stanjih, ker "obiskano" na gumbu ne pove nicesar koristnega.
   Zapisano z :visited, ker je treba premagati tezo a:visited (0,1,1).
   ============================================================== */

/* V mirovanju bel -- tudi po kliku. */

.ctaBanner-btn,
.ctaBanner-btn:link,
.ctaBanner-btn:visited {
	color: #fff;
	text-decoration: none;
}

/* Ob dotiku se gumb obrne: bela podlaga, hisno rdece besedilo.
   Tema tu uporablja rjavo #b9784d, ki je ostanek in ne pomeni nicesar.
   Belega besedila tu NE smemo siliti -- bilo bi belo na belem. */

.ctaBanner-btn:hover,
.ctaBanner-btn:focus,
.ctaBanner-btn:active {
	background-color: #fff;
	color: #6E0B26;
	border-color: #6E0B26;
	text-decoration: none;
}

/* Gumb v pasici na naslovnici je poln in hisno rdec -- tudi ta ostane
   bel po kliku. */

.bannerItem-content .btn--purple:visited,
.ctaBanner-btn.btn--purple:visited {
	color: #fff;
}

/* Noga: povezave so bele na temnem, obiskane naj bodo prav tako. */

.siteFooter a:visited {
	color: #fff;
	text-decoration: none;
}


/* ==============================================================
   GLAVA SE PRILEPI NA VRH
   Uporabljen je "sticky" in ne "fixed": glava ostane v toku strani,
   dokler ne prides do nje z drsenjem. Zato se nic ne premakne in ni
   treba nobene skripte.
   ============================================================== */

.siteHeader {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 900;
	border-bottom: 1px solid #ececec;
}

/* Prijavljenemu se na vrh prilepi adminska vrstica; brez tega bi se
   glava skrila podnjo. Pod 782 pikami ta vrstica ni prilepljena. */

.admin-bar .siteHeader {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .siteHeader {
		top: 0;
	}
}

/* Na telefonu tanjsi pas: 90 -> 72 pik. Spustni meni se zacne tik pod
   njim, zato mora tudi ta navzgor. */

@media only screen and (max-width: 40.062em) {

	.siteHeader {
		height: 72px;
		padding: 12px 0;
	}

	.mainNavigation {
		top: 72px;
	}
}

/* Lezeci telefon: pri nizkem zaslonu bi glava pojedla cetrtino.
   Takrat naj se ne lepi. */

@media (max-height: 450px) {

	.siteHeader {
		position: static;
	}
}


/* ------------------------------------------------------------------
   GUMB ZA VPIS V GLAVI
   Oranzna je barva solskih programov -- tu oznacuje, kam gumb vodi,
   zato je pravilna. Hisna rdeca bi tu samo okvirjala in ne bi povedala
   nicesar (glej cetrto pravilo v opomba-barve.md).
   Barva je zapisana za vsa stanja, ker tema vsako obiskano povezavo
   prebarva v #594f52 in jo podcrta.
   ------------------------------------------------------------------ */

.siteHeader-vpis,
.siteHeader-vpis:link,
.siteHeader-vpis:visited {
	float: right;
	display: block;
	margin: 0 14px 0 0;
	padding: 7px 15px;
	background: #f89d23;
	color: #fff;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}

.siteHeader-vpis:hover,
.siteHeader-vpis:focus,
.siteHeader-vpis:active {
	background: #e08a10;
	color: #fff;
	text-decoration: none;
}

/* Na ozkem zaslonu kratek napis, sicer dolg. */

.siteHeader-vpis-dolgo {
	display: none;
}

@media only screen and (min-width: 40.063em) {

	.siteHeader-vpis-dolgo {
		display: inline;
	}

	.siteHeader-vpis-kratko {
		display: none;
	}
}


/* ==============================================================
   GLAVA V ENI VRSTICI NA SIROKEM ZASLONU
   Od 71.5em (okoli 1145 pik) naprej. Nizje je bila postavitev krhka:
   logotip je izginjal iz vidnega polja. Tam gumba raje ni.
   ============================================================== */

@media only screen and (min-width: 64.063em) {

	.siteHeader .column {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	/* Logotip ima visino 100 %, ki se v prozni postavitvi sesede na
	   nic. Znak meri 60 pik. */
	.siteHeader-logo {
		flex: none;
		height: 60px;
	}

	.siteHeader-menu {
		float: none;
		margin: 0;
		display: flex;
		align-items: center;
	}

	/* V predlogi je gumb zapisan pred menijem, na zaslonu pa mora biti
	   za njim. */
	.mainNavigation {
		order: 1;
	}

	.siteHeader-vpis {
		order: 2;
		float: none;
		margin: 0 0 0 16px;
	}

	.mainNavigation ul {
		display: flex;
	}

	/* Brez tega se postavke lomijo znotraj sebe: "Solski" / "sah". */
	.mainNavigation li {
		flex: none;
	}

	.mainNavigation a {
		white-space: nowrap;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Ozek prenosnik: meni je ze v vrstici, prostora za gumb pa ni.
   Brez tega bi gumb potisnil meni v dve vrsti ali odrinil logotip. */

@media only screen and (min-width: 64.063em) and (max-width: 71.499em) {

	.siteHeader-vpis {
		display: none;
	}
}


/* ==============================================================
   OVOJ STRANI NE SME REZATI
   Tema ima .site { overflow: hidden }. Vsak prednik z rezanjem
   naredi iz sebe drsno okno in lepljiva glava se potem lepi
   znotraj njega -- torej nikjer. "clip" reze enako, a drsnega
   okna ne naredi, zato lepljenje deluje.
   ============================================================== */

.site {
	overflow: visible;
	overflow: clip;
}


/* ==============================================================
   USPEHI -- BARVE KOLAJN
   Barve kolajn veljajo SAMO na strani Rezultati in dosezki. Drugod
   barva pomeni obcinstvo (glej opomba-barve.md); tu obcinstva ni,
   zato lahko pomeni mesto. Odtenki so namenoma temnejsi od palete
   obcinstev, da se z njo ne mesajo.
   ============================================================== */

.contentSection .uspehi-povzetek {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 3rem;
	margin: 1.5rem 0 2.5rem;
	padding: 1.3rem 0;
	border-top: 2px solid #6E0B26;
	border-bottom: 1px solid #e3e3e3;
}

.contentSection .uspehi-skupaj b {
	display: block;
	font-size: 2.6rem;
	line-height: 1;
	font-weight: 700;
}

.contentSection .uspehi-skupaj span {
	display: block;
	margin-top: 0.2rem;
	color: #555;
}

.contentSection .uspehi-skupaj--1 b { color: #A8811A; }
.contentSection .uspehi-skupaj--2 b { color: #6F7276; }
.contentSection .uspehi-skupaj--3 b { color: #96551F; }

.contentSection h3.uspehi-leto {
	margin: 2.4rem 0 0.8rem;
	padding-bottom: 0.35rem;
	border-bottom: 2px solid #6E0B26;
	color: #6E0B26;
}

.contentSection ul.uspehi {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contentSection ul.uspehi .uspeh {
	margin: 0;
	padding: 0.7rem 0 0.7rem 0.9rem;
	border-bottom: 1px solid #ededed;
	border-left: 4px solid transparent;
}

.contentSection ul.uspehi .uspeh:last-child {
	border-bottom: 0;
}

.contentSection .uspeh-tekma {
	display: block;
}

.contentSection .uspeh-kdo {
	color: #555;
}

.contentSection .uspeh-mesto {
	display: block;
	margin-top: 0.15rem;
	font-weight: 700;
	font-size: 0.92rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
}

.contentSection ul.uspehi .uspeh--1 { border-left-color: #A8811A; }
.contentSection ul.uspehi .uspeh--2 { border-left-color: #6F7276; }
.contentSection ul.uspehi .uspeh--3 { border-left-color: #96551F; }

.contentSection .uspeh--1 .uspeh-mesto { color: #A8811A; }
.contentSection .uspeh--2 .uspeh-mesto { color: #6F7276; }
.contentSection .uspeh--3 .uspeh-mesto { color: #96551F; }

/* Na sirokem zaslonu mesto stoji na desnem robu, poravnano v stolpec.
   Na telefonu pade v svojo vrstico pod besedilo. */

@media only screen and (min-width: 40.063em) {

	.contentSection ul.uspehi .uspeh {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 7.5rem;
		grid-column-gap: 1.5rem;
		align-items: baseline;
	}

	.contentSection .uspeh-mesto {
		margin-top: 0;
		text-align: right;
	}
}


/* ==============================================================
   ZAVIHEK S STARIM ARHIVOM
   Zaprt je ena vrstica, odprt petnajst zaslonov -- zato zaprt.
   Navaden HTML, brez skripte.
   ============================================================== */

.contentSection details.arhiv-rezultatov {
	margin: 0 0 2rem;
}

.contentSection details.arhiv-rezultatov summary {
	display: inline-block;
	padding: 0.55rem 1.1rem;
	border: 2px solid #6E0B26;
	color: #6E0B26;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.contentSection details.arhiv-rezultatov summary::-webkit-details-marker {
	display: none;
}

.contentSection details.arhiv-rezultatov summary::after {
	content: " ▾";
}

.contentSection details.arhiv-rezultatov[open] summary::after {
	content: " ▴";
}

.contentSection details.arhiv-rezultatov summary:hover,
.contentSection details.arhiv-rezultatov summary:focus {
	background: #6E0B26;
	color: #fff;
}

.contentSection details.arhiv-rezultatov table {
	margin-top: 1.2rem;
}

/* Glava stare preglednice je bila vijolicna, torej v barvi rubrike
   Za mlade. Vijolicna tu ne pomeni nicesar, zato hisna rdeca. */




/* ==============================================================
   GLAVA PREGLEDNICE Z REZULTATI
   Ovoj "tableWrapper--purple" je v temi uporabljen samo za
   preglednico z rezultati. Vijolicna je bila stara hisna barva; danes
   pomeni rubriko "Za mlade" in tu ne pomeni nicesar.
   Preglednica nima <thead>, zato je selektor "table th".
   ============================================================== */

.contentSection .tableWrapper--purple table th,
.tableWrapper--purple table th {
	background-color: #6E0B26;
	color: #fff;
}


/* ==============================================================
   OBRAZEC ZA NAROCANJE NA TEDENSKO OBVESCANJE
   ============================================================== */

.contentSection form.narocanje {
	margin: 1.6rem 0 1.2rem;
	max-width: 26rem;
}

.contentSection .narocanje-polje {
	margin: 0 0 1rem;
}

.contentSection .narocanje-polje label {
	display: block;
	margin-bottom: 0.25rem;
	font-weight: 600;
}

.contentSection .narocanje-polje label span {
	display: block;
	font-weight: 400;
	font-size: 0.88rem;
	color: #666;
}

.contentSection .narocanje-polje input {
	width: 100%;
	padding: 0.55rem 0.7rem;
	border: 1px solid #bbb;
	background: #fff;
	font-size: 1rem;
	line-height: 1.3;
}

.contentSection .narocanje-polje input:focus {
	border-color: #6E0B26;
	outline: 2px solid rgba(110, 11, 38, 0.15);
}

.contentSection form.narocanje button {
	border: 0;
	cursor: pointer;
	font-size: 1rem;
}

.contentSection .narocanje-drobno {
	font-size: 0.9rem;
	color: #555;
}


/* --------------------------------------------------------------
   GUMB V OBRAZCU ZA NAROCANJE
   Slogi za .gumb v temi veljajo za povezave; <button> jih ne dobi.
   -------------------------------------------------------------- */

.contentSection form.narocanje button.gumb--rdeca,
.contentSection form.narocanje button.gumb--rdeca:hover,
.contentSection form.narocanje button.gumb--rdeca:focus {
	display: inline-block;
	padding: 0.7rem 1.6rem;
	background: #6E0B26;
	color: #fff;
	border: 0;
	font-weight: 600;
	line-height: 1.2;
}

.contentSection form.narocanje button.gumb--rdeca:hover,
.contentSection form.narocanje button.gumb--rdeca:focus {
	background: #55071d;
}

/* Tesnejsi razmiki: privzeti odmik odstavka je med napisom in poljem
   prevelik. */

.contentSection form.narocanje p {
	margin-bottom: 1.1rem;
}

.contentSection .narocanje-polje input {
	margin: 0;
}


/* ==============================================================
   VABILO NA OBVESCANJE POD NOVICAMI
   ============================================================== */

.naroci {
	margin: 2rem 0 0;
	padding: 1.3rem 0 0;
	border-top: 2px solid #6E0B26;
}

.naroci .naroci-naslov {
	margin: 0 0 0.3rem;
	font-size: 1.15rem;
	color: #6E0B26;
}

.naroci p {
	margin: 0 0 0.9rem;
	color: #555;
}

.naroci a.gumb,
.naroci a.gumb:link,
.naroci a.gumb:visited {
	display: inline-block;
	background: #fff;
	border: 2px solid #6E0B26;
	color: #6E0B26;
	padding: 11px 22px;
	font-weight: 600;
	text-decoration: none;
}

.naroci a.gumb:hover,
.naroci a.gumb:focus {
	background: #6E0B26;
	color: #fff;
	text-decoration: none;
}


/* --------------------------------------------------------------
   VABILO -- GUMB OB BESEDILU
   Na sirokem zaslonu besedilo levo, gumb desno: blok je namesto
   stirih vrstic visok dve. Na telefonu se postavita drug pod
   drugega, ker za oboje v vrsti ni prostora.
   -------------------------------------------------------------- */

.naroci p {
	margin-bottom: 0;
}

@media only screen and (min-width: 40.063em) {

	.naroci {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1.5rem;
	}

	.naroci-besedilo {
		min-width: 0;
	}

	.naroci a.gumb {
		flex: none;
	}
}


/* ------------------------------------------------------------------
   TABELA TERMINOV
   Preglednica datumov in sol na strani Ciklusa. Ni tabela rezultatov:
   ima tri stolpce in jo bere stars, ne tekmovalec. Zato je videti
   enako kot preglednica v razpisu -- hisna rdeca glava z belo pisavo,
   siroka le toliko, kolikor potrebuje.

   Dodano 26. avgusta 2026. Prej je tabela nosila razred "tabela--ozka"
   brez "tabela--rezultati"; ker pravilo za ozkost zahteva oba razreda,
   se je raztezala cez vso stran, celice pa so imele 26 pik praznine
   ob 13-pikcasti pisavi.
   ------------------------------------------------------------------ */

.contentSection .tabela--termini table {
	width: auto;
	max-width: 34em;
	font-size: 15px;
	line-height: 1.4;
}

.contentSection .tabela--termini thead th {
	background: #6E0B26;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
	padding: 7px 14px;
	border-bottom: none;
}

.contentSection .tabela--termini td {
	padding: 7px 14px;
	border-bottom: 1px solid #ededed;
	vertical-align: middle;
	text-align: left;
}

/* Splosno pravilo vzame zadnjemu stolpcu desno praznino; tu je ne sme. */
.contentSection .tabela--termini thead th:last-child,
.contentSection .tabela--termini td:last-child {
	padding-right: 14px;
}

.contentSection .tabela--termini tbody tr:nth-child(even) td {
	background: #faf7f8;
}

.contentSection .tabela--termini td.mesto {
	font-weight: 600;
	white-space: nowrap;
}

.contentSection .tabela--termini td.ime {
	white-space: nowrap;
}

/* Zakljucni turnir je poseben -- enako kot v razpisu. */
.contentSection .tabela--termini tbody tr:last-child td {
	background: #f3e9ec;
	font-weight: 600;
	border-bottom: 2px solid #6E0B26;
}

@media only screen and (max-width: 40em) {
	.contentSection .tabela--termini table {
		font-size: 14px;
	}
	.contentSection .tabela--termini thead th,
	.contentSection .tabela--termini td,
	.contentSection .tabela--termini thead th:last-child,
	.contentSection .tabela--termini td:last-child {
		padding: 6px 9px;
	}
}


/* ------------------------------------------------------------------
   PRIJAVNICA: GUMB IN QR KODA V ENI VRSTICI
   Koda stoji ob gumbu, ne pod njim -- stran je s tem krajsa za priblizno
   centimeter. Na telefonu se vrstica prelomi in koda pade pod gumb.
   ------------------------------------------------------------------ */

.contentSection .prijava-vrstica {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
	margin: 0 0 26px;
}

.contentSection .prijava-vrstica p {
	margin: 0;
}

.contentSection .prijava-koda {
	text-align: center;
	flex-shrink: 0;
}

.contentSection .prijava-koda img {
	display: block;
	width: 108px;
	height: 108px;
}

.contentSection .prijava-koda span {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	color: #6b6b6b;
	margin-top: 5px;
}


/* ------------------------------------------------------------------
   TABELA DOSEDANJIH PRVAKOV
   Podeduje slog tabel z rezultati -- skoraj crno glavo in 11-pikcasto
   pisavo. Tam je to smiselno, ker imajo tabele sezon do petnajst
   stolpcev in morajo biti goste. Tabela prvakov ima osem stolpcev in
   same besede, zato prenese vec zraka in hisno barvo.

   Dodano 26. avgusta 2026. Pravila stojijo za slogom tabel z rezultati
   in ga za to eno tabelo prepisejo.
   ------------------------------------------------------------------ */

.contentSection .tabela--prvaki table {
	font-size: 14px;
	line-height: 1.4;
}

.contentSection .tabela--prvaki thead th {
	background: #6E0B26;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	padding: 6px 10px;
}

/* Skupinska naslova "Ucenci" in "Ucenke" nad podstolpci. */
.contentSection .tabela--prvaki thead th.turnirji {
	text-align: center;
	letter-spacing: .08em;
	font-weight: 500;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	padding-bottom: 4px;
}

.contentSection .tabela--prvaki td {
	padding: 7px 10px;
	vertical-align: middle;
}

.contentSection .tabela--prvaki tbody tr:nth-child(even) td {
	background: #faf7f8;
}

/* Sezona je povezava na rezultate -- naj bo videti kot povezava. */
.contentSection .tabela--prvaki td.mesto {
	white-space: nowrap;
	font-weight: 600;
}

/* Zadnja sezona na vrhu je najbolj zanimiva. */
.contentSection .tabela--prvaki tbody tr:first-child td {
	background: #f3e9ec;
}

@media only screen and (max-width: 40em) {
	.contentSection .tabela--prvaki table {
		font-size: 13px;
	}
	.contentSection .tabela--prvaki thead th,
	.contentSection .tabela--prvaki td {
		padding: 5px 7px;
	}
}


/* ------------------------------------------------------------------
   TABELE Z REZULTATI -- HISNI VIDEZ
   Dodano 26. avgusta 2026, za vse tabele sezon, za "Ciklus raste z
   vsakim letom" in za Ciklus Kranja.

   Kaj je bilo narobe: glava je bila skoraj crna (#221e1f), pisava 11 do
   12 pik, dno tabele pa se je izgubilo -- zadnja vrstica je imela enako
   svetlo crto kot vse ostale, zato tabela spodaj ni bila zakljucena.

   Kaj ostaja: goste tabele sezon imajo do trinajst stolpcev, zato je
   povecanje zmerno. Ce se katera ne izide, ovoj drsi vodoravno, kar je
   bilo urejeno ze prej.
   ------------------------------------------------------------------ */

.contentSection .tabela--rezultati table {
	font-size: 13px;
	line-height: 1.4;
}

.contentSection .tabela--rezultati thead th {
	background: #6E0B26;
	color: #fff;
	font-size: 12px;
	letter-spacing: .02em;
	padding: 6px 7px;
}

/* Skupinski naslovi nad podstolpci: na rdeci mora crta biti svetla. */
.contentSection .tabela--rezultati thead th.turnirji {
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	padding-bottom: 4px;
}

.contentSection .tabela--rezultati thead th.tur {
	font-size: 11px;
	padding: 3px 5px 5px;
}

.contentSection .tabela--rezultati td {
	padding: 6px 7px;
}

.contentSection .tabela--rezultati tbody tr:nth-child(even) td {
	background: #faf7f8;
}

/* Dno tabele mora biti zakljuceno, sicer se izgubi. */
.contentSection .tabela--rezultati tbody tr:last-child td {
	border-bottom: 2px solid #6E0B26;
}

@media only screen and (max-width: 40em) {
	.contentSection .tabela--rezultati table {
		font-size: 12px;
	}
	.contentSection .tabela--rezultati thead th,
	.contentSection .tabela--rezultati td {
		padding: 4px 5px;
	}
}


/* Tabela prvakov ima osem stolpcev in same besede, zato prenese vec
   zraka kot goste tabele sezon. Pravilo stoji za splosnim, ker ga sicer
   prepise. */
.contentSection .tabela--prvaki table {
	font-size: 14px;
}
.contentSection .tabela--prvaki thead th {
	padding: 6px 10px;
}
.contentSection .tabela--prvaki td {
	padding: 7px 10px;
}


/* ------------------------------------------------------------------
   NAVADNE TABELE -- HISNI VIDEZ
   Dodano 26. avgusta 2026.

   Doslej so navadne tabele dobile drugacen videz kot tabele rezultatov:
   rdeca pisava na belem, 13 pik, VELIKE CRKE in 26 pik praznine desno v
   vsaki celici. Zato so bile videti raztresene, pisava pa drobna.

   Zadeva strani: solski-sah, klubski-turnirji, simultanke,
   predavanja-z-mojstri-in-prvaki in sedem novic. Razred "tabela--ozka"
   sam ne naredi nicesar -- pravilo za ozkost zahteva tudi
   "tabela--rezultati" -- zato so te tabele padle sem.

   Izjema: tabele rezultatov imajo svoj, gostejsi slog in ga obdrzijo.
   ------------------------------------------------------------------ */

.contentSection .wp-block-table:not(.tabela--rezultati) table {
	font-size: 15px;
	line-height: 1.4;
	width: auto;
	max-width: 100%;
}

.contentSection .wp-block-table:not(.tabela--rezultati) thead th {
	background: #6E0B26;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
	vertical-align: middle;
	padding: 7px 14px;
	border-bottom: none;
}

.contentSection .wp-block-table:not(.tabela--rezultati) td {
	padding: 7px 14px;
	border-bottom: 1px solid #ededed;
	vertical-align: middle;
}

/* Splosno pravilo vzame zadnjemu stolpcu desno praznino; tu je ne sme. */
.contentSection .wp-block-table:not(.tabela--rezultati) thead th:last-child,
.contentSection .wp-block-table:not(.tabela--rezultati) td:last-child {
	padding-right: 14px;
}

.contentSection .wp-block-table:not(.tabela--rezultati) tbody tr:nth-child(even) td {
	background: #faf7f8;
}

/* Dno mora biti zakljuceno, sicer se tabela spodaj izgubi. */
.contentSection .wp-block-table:not(.tabela--rezultati) tbody tr:last-child td {
	border-bottom: 2px solid #6E0B26;
}

/* Ozka tabela naj se ne razteza cez vso stran, tudi ce ni tabela
   rezultatov. Doslej je to veljalo samo v paru z "tabela--rezultati". */
.contentSection .tabela--ozka:not(.tabela--rezultati) table {
	max-width: 34em;
}

@media only screen and (max-width: 40em) {
	.contentSection .wp-block-table:not(.tabela--rezultati) table {
		font-size: 14px;
	}
	.contentSection .wp-block-table:not(.tabela--rezultati) thead th,
	.contentSection .wp-block-table:not(.tabela--rezultati) td,
	.contentSection .wp-block-table:not(.tabela--rezultati) thead th:last-child,
	.contentSection .wp-block-table:not(.tabela--rezultati) td:last-child {
		padding: 6px 9px;
	}
}


/* Naslovi stolpcev v tabelah sezon se ne smejo lomiti v dve vrstici --
   "Skupno 6" je bil prelomljen. */
.contentSection .tabela--rezultati thead th {
	white-space: nowrap;
}


/* ------------------------------------------------------------------
   OBVESTILO
   Vidno sporocilo bralcu sredi vsebine -- na primer, da so podatki iz
   lanske sezone in kdaj pride nov seznam. Enak videz kot uvodni okvir
   v razpisu, da je druzina slogov ena sama.
   ------------------------------------------------------------------ */

.contentSection .obvestilo {
	background: #faf6f7;
	border-left: 4px solid #6E0B26;
	padding: 14px 18px;
	margin: 0 0 22px;
}

.contentSection .obvestilo p {
	margin: 0;
}

.contentSection .obvestilo p + p {
	margin-top: 8px;
}

.contentSection .obvestilo strong {
	color: #6E0B26;
}


/* Logotip Ciklusa na vrhu strani -- naj ne bo cez vso sirino. */
.contentSection .logotipCiklusa { margin: 0 0 20px; }
.contentSection .logotipCiklusa img { max-width: 420px; height: auto; display: block; }

/* ------------------------------------------------------------------
   Pas na naslovnici: dva izreza
   Pas je visok 360 tock in sirok toliko kot zaslon. Siroka pasovna
   fotografija (2400x680) je na racunalniku skoraj cela -- odreze se
   9 odstotkov visine -- na telefonu pa se od nje vidi le srednja
   tretjina sirine. Zato lahko novica dobi drugi, ozji izrez.

   Ce ozjega izreza ni, se povsod uporabi sirok, torej tako kot doslej.
   Ce ni niti pasu, ostane slika iz teme. Spremenljivki nastavi
   front-page.php iz polja _tz_pas_telefon.
   ------------------------------------------------------------------ */

article.bannerItem--carousel {
	background-image: var(--pas-sirok, url("../images/banners/init.jpg"));
}

@media only screen and (max-width: 640px) {
	article.bannerItem--carousel {
		background-image: var(--pas-ozek, var(--pas-sirok, url("../images/banners/init.jpg")));
	}
}

/* ------------------------------------------------------------------
   Stran /obvescanje/ (4041)
   Obstaja zato, da ima vticnik Newsletter kam izpisati svoja sporocila
   -- potrditev prijave, odjava. Brez nje preusmeri na naslovnico in se
   ne pokaze nic (in odjava se ne izvede).

   Kratka koda [newsletter] je nujna: brez nje se sporocila ne izpisejo.
   Poleg sporocila pa izrise se svoj prijavni obrazec, ki je tu odvec --
   prava stran za prijavo je /tedensko-obvescanje/ z nasim obrazcem.

   Njegove oznake so povrhu v anglescini ("Email"), ker vticnik nima
   slovenskega prevoda; preverjeno 29. avgusta 2026, prevoda ni na voljo
   ne zanj ne za Yoast, CF7 ali WP Mail SMTP.
   ------------------------------------------------------------------ */

.page-id-4041 .tnp-subscription { display: none; }