/*
 * SmartEdu Core — predná časť webu.
 *
 * Hodnoty berieme z premenných témy SmartEdu (theme.json). Náhradné hodnoty
 * za čiarkou platia len vtedy, keď by bola aktívna iná téma.
 * Všetko naše má predponu .se-.
 */

/* --- Tlačidlá ----------------------------------------------------------- */

.se-tlacidlo {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	min-height: 44px;
	padding: 0.625rem 1.25rem;
	border: 2px solid var( --wp--preset--color--primarna, #1d4ed8 );
	border-radius: 8px;
	background: var( --wp--preset--color--primarna, #1d4ed8 );
	color: var( --wp--preset--color--podklad, #fff );
	font: inherit;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
}

.se-tlacidlo:hover,
.se-tlacidlo:focus-visible {
	border-color: var( --wp--preset--color--primarna-tmava, #1e3a8a );
	background: var( --wp--preset--color--primarna-tmava, #1e3a8a );
	color: var( --wp--preset--color--podklad, #fff );
}

.se-tlacidlo--jemne {
	background: transparent;
	color: var( --wp--preset--color--primarna, #1d4ed8 );
}

.se-tlacidlo[hidden] {
	display: none;
}

/* --- Formuláre a správy ------------------------------------------------- */

.se-formular {
	max-width: 32rem;
}

.se-formular input:not( [type="checkbox"] ):not( [type="radio"] ) {
	width: 100%;
	box-sizing: border-box;
}

.se-zaskrtnutie label {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-weight: 400;
}

.se-popis {
	display: block;
	margin-top: 0.25rem;
	color: var( --wp--preset--color--text-jemny, #475569 );
	font-size: var( --wp--preset--font-size--small, 0.9375rem );
}

.se-odkazy {
	font-size: var( --wp--preset--font-size--small, 0.9375rem );
}

/* Skryté pole proti robotom — človek ho nevidí, čítačka ho preskočí. */
.se-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.se-sprava {
	padding: 0.75rem 1rem;
	border: 2px solid currentColor;
	border-left-width: 6px;
	border-radius: 8px;
	background: var( --wp--preset--color--podklad-jemny, #f1f5f9 );
	font-weight: 600;
}

.se-sprava--chyba {
	color: var( --wp--preset--color--chyba, #dc2626 );
}

.se-sprava--uspech {
	color: var( --wp--preset--color--uspech, #15803d );
}

.se-sprava--oznam {
	color: var( --wp--preset--color--primarna, #1d4ed8 );
}

/* --- Detail prípravy a materiálu --------------------------------------- */

.se-tlac-hlavicka {
	display: none;
}

.se-udaje {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin: 0 0 1rem;
}

.se-udaj {
	display: flex;
	gap: 0.375em;
}

.se-udaj dt {
	color: var( --wp--preset--color--text-jemny, #475569 );
}

.se-udaj dt::after {
	content: ":";
}

.se-udaj dd {
	margin: 0;
	font-weight: 600;
}

.se-akcie {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.se-oblubene {
	margin: 0;
}

.se-sekcia {
	margin-top: var( --wp--preset--spacing--50, 2rem );
}

.se-priebeh {
	margin: 0;
	padding-left: 1.5em;
}

.se-priebeh > li + li {
	margin-top: 1rem;
}

.se-priebeh h3 {
	margin: 0 0 0.25rem;
}

.se-poznamky {
	padding: 1rem 1.25rem;
	border-radius: 12px;
	background: var( --wp--preset--color--podklad-jemny, #f1f5f9 );
}

.se-velkost {
	color: var( --wp--preset--color--text-jemny, #475569 );
	font-size: var( --wp--preset--font-size--small, 0.9375rem );
}

/* --- Katalóg ------------------------------------------------------------ */

.se-filtre {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 12rem, 1fr ) );
	gap: 0.75rem 1rem;
	align-items: end;
	margin-bottom: 1rem;
}

.se-filter {
	margin: 0;
}

.se-filter select,
.se-filter input {
	width: 100%;
	box-sizing: border-box;
}

.se-filter--akcie {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.se-katalog-hlasenie {
	color: var( --wp--preset--color--text-jemny, #475569 );
	font-size: var( --wp--preset--font-size--small, 0.9375rem );
}

.se-katalog[aria-busy="true"] .se-katalog-vysledky {
	opacity: 0.5;
	transition: opacity 150ms ease;
}

.se-katalog-mriezka {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 16rem, 1fr ) );
	gap: var( --wp--preset--spacing--40, 1.5rem );
}

.se-karta-katalogu {
	padding: var( --wp--preset--spacing--40, 1.5rem );
	border: 1px solid var( --wp--preset--color--okraj, #cbd5e1 );
	border-radius: 16px;
}

.se-karta-meta,
.se-karta-text {
	margin: 0;
}

.se-karta-meta {
	color: var( --wp--preset--color--text-jemny, #475569 );
	font-size: var( --wp--preset--font-size--small, 0.9375rem );
}

.se-karta-nadpis {
	margin: 0.25rem 0 0.5rem;
	font-size: var( --wp--preset--font-size--large, 1.375rem );
}

:where( .se-znacka ) {
	display: inline-block;
	margin: 0 0 0.5rem;
	padding: 0.125rem 0.75rem;
	border: 1px solid var( --wp--preset--color--okraj, #cbd5e1 );
	border-radius: 999px;
	font-size: var( --wp--preset--font-size--small, 0.9375rem );
	font-weight: 600;
}

.se-strankovanie ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: var( --wp--preset--spacing--50, 2rem ) 0 0;
	padding: 0;
	list-style: none;
}

.se-strankovanie a,
.se-strankovanie span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 44px;
	min-height: 44px;
	border: 1px solid var( --wp--preset--color--okraj, #cbd5e1 );
	border-radius: 8px;
}

.se-strankovanie [aria-current="page"] {
	border-color: var( --wp--preset--color--primarna, #1d4ed8 );
	font-weight: 700;
}

/* --- Nástenka ----------------------------------------------------------- */

.se-nastenka-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin: 0 0 var( --wp--preset--spacing--50, 2rem );
	padding: 0;
	list-style: none;
}

.se-nastenka-sekcia {
	margin-top: var( --wp--preset--spacing--60, 3rem );
	scroll-margin-top: 1rem;
}

.se-tabulka-obal {
	overflow-x: auto;
}

.se-tabulka {
	width: 100%;
	border-collapse: collapse;
}

.se-tabulka th,
.se-tabulka td {
	padding: 0.625rem 0.75rem;
	border-bottom: 1px solid var( --wp--preset--color--okraj, #cbd5e1 );
	text-align: left;
	vertical-align: top;
}

.se-prazdne {
	color: var( --wp--preset--color--text-jemny, #475569 );
}

@media ( prefers-reduced-motion: reduce ) {
	.se-katalog[aria-busy="true"] .se-katalog-vysledky {
		transition: none;
	}
}