/* Jednobarevne ikony (ucty i classic, shodny soubor) – sprite /skin/sincross/ikony.svg
   (vybrane ikony Lucide, licence ISC, viz LICENSE-lucide.txt). Barva = currentColor,
   takze ikona prebira barvu textu/odkazu ve svetlem i tmavem rezimu.
   HTML: ikona('edit') ve functions.php -> <svg class="ikona" aria-hidden="true"><use href="/skin/sincross/ikony.svg?v=1#edit"></use></svg>
   Tlacitko/odkaz jen s ikonou: class="ikona-tlacitko" + title + aria-label. Nacita se za style.css. */

.ikona {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex-shrink: 0;
	overflow: visible;
	pointer-events: none;
}

/* ikona pred textem (tlacitko Hledat, hlasky) */
.ikona-text { margin-right: .4em; }

/* Odkaz nebo tlacitko jen s ikonou (upravit/smazat v tabulkach) – pruhledne, barva odkazu */
a.ikona-tlacitko,
button.ikona-tlacitko,
button.ikona-tlacitko.myctl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	min-height: 0;
	padding: 2px;
	margin: 0;
	font-size: 16px;
	line-height: 1;
	color: var(--link, #1f5a96);
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	box-shadow: none;
}
a.ikona-tlacitko:hover,
button.ikona-tlacitko:hover,
a.ikona-tlacitko:focus-visible,
button.ikona-tlacitko:focus-visible {
	color: var(--link-hover, #123a63);
	background: var(--accent-soft, #e3edf8);
	border-color: var(--border, #d3dae3);
}
/* mazani: pri najeti cervena */
a.ikona-tlacitko.ikona-nebezpeci:hover,
button.ikona-tlacitko.ikona-nebezpeci:hover,
a.ikona-tlacitko.ikona-nebezpeci:focus-visible,
button.ikona-tlacitko.ikona-nebezpeci:focus-visible {
	color: var(--err, #b42323);
	background: var(--err-bg, #fde8e8);
	border-color: var(--err, #b42323);
}
/* Skupina akcnich ikon v radku (upravit + smazat tesne vedle sebe) */
.akce {
	display: inline-flex;
	align-items: center;
	gap: 0;
	white-space: nowrap;
	vertical-align: middle;
}
.akce form { display: inline-flex; margin: 0; }

/* text jen pro ctecky obrazovky */
.ikona-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* hlasky: ikona v .redir a .alert */
.redir .ikona,
.alert .ikona { width: 1.15em; height: 1.15em; vertical-align: -0.2em; }

/* Mobil: vetsi dotykova plocha */
@media (max-width: 760px) {
	a.ikona-tlacitko,
	button.ikona-tlacitko,
	button.ikona-tlacitko.myctl { min-width: 32px; min-height: 32px; font-size: 18px; }
}
@media print {
	.ikona-tlacitko { display: none !important; }
}