/*
 * Mírný refresh vzhledu 2026: kompaktnější hlavička, menší odsazení, hledání.
 * Načítá se po style.css a responsive.css a jen je přepisuje; původní soubory
 * zůstávají beze změny (odstraněním tohoto souboru se vzhled vrátí).
 */

/* ---------- Písmo: Inter z vlastního serveru (dřív Manrope z Google Fonts) ---------- */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/inter/inter-latin-ext-wght-normal.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/inter/inter-latin-wght-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--slovaci-red: #ea2853;
	--slovaci-navy: #191D3E;
	--slovaci-line: #e6e6e6;
	--slovaci-field: #f3f4f6;
	--slovaci-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--slovaci-text: #2b2f3e;
	--slovaci-muted: #6b6f7e;
	--slovaci-soft: #f5f6f9;
	--slovaci-card-line: #e4e6ec;
}

body {
	font-family: var(--slovaci-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--slovaci-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--slovaci-font);
	letter-spacing: -0.02em;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

/* nadpisy sekcí a úvodní stránky: menší, ale stále výrazné */
h3 {
	font-size: clamp(26px, 2.4vw, 32px);
}

.hero__content__wrapper h2 {
	font-size: clamp(40px, 4.6vw, 62px);
	line-height: 1.08;
	padding-bottom: 28px;
}

.hero__content__inner h4 {
	font-size: 24px;
	letter-spacing: -0.01em;
}

.hero__content__inner p {
	font-size: 15px;
	font-weight: 400;
	color: var(--slovaci-muted);
}

.hero2__content h4 {
	font-size: clamp(28px, 3vw, 36px);
	margin-bottom: 32px;
}

.common__btn {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .01em;
}

/* ---------- Hlavička: lepivá v toku stránky místo fixed + ručních odsazení ---------- */
.header__area {
	position: sticky;
	padding: 12px 0;
}

.header__area .container {
	padding-left: 24px;
	padding-right: 24px;
}

.hero__area,
.page__title__area {
	margin-top: 0;
}

.main__menu ul li a {
	white-space: nowrap;
	margin-right: 26px;
}

.header__right__links .common__btn {
	height: 44px;
}

.offcanvas-area {
	top: var(--header-height, 69px);
}

/* ---------- Vyhledávání Google v hlavičce ---------- */
#___gcse_0 {
	padding-top: 0 !important;
}

.header__search .gsc-control-cse {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.header__search form.gsc-search-box,
.header__search table.gsc-search-box {
	margin: 0 !important;
}

.header__search table.gsc-search-box td.gsc-input {
	padding-right: 0 !important;
}

.header__search .gsc-input-box {
	height: 44px;
	display: flex;
	align-items: center;
	padding: 0 8px 0 18px;
	background: var(--slovaci-field) !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	transition: border-color .2s, background-color .2s;
}

.header__search .gsc-input-box:focus-within {
	background: #fff !important;
	border-color: var(--slovaci-navy) !important;
}

/* bez obrázku „vylepšené Googlem“ v prázdném poli, místo něj placeholder */
.header__search input.gsc-input {
	background: transparent !important;
	font-size: 15px !important;
	color: var(--slovaci-navy);
	min-width: 200px;
}

.header__search input.gsc-input::placeholder {
	color: #8a8d99;
}

.header__search .gsc-clear-button {
	display: none !important;
}

/* na širokých obrazovkách kompaktní pole, po kliknutí se roztáhne */
@media (min-width: 1400px) {
	.header__search {
		width: 210px;
		transition: width .25s ease;
	}

	.header__search:focus-within {
		width: 290px;
	}

	.header__search input.gsc-input {
		min-width: 0;
	}
}

@media (min-width: 1600px) {
	.header__search:focus-within {
		width: 380px;
	}
}

/* tlačítko lupy do šířky 1399 px (vyhledávání se rozbalí pod hlavičkou),
   na užších obrazovkách se pole vedle menu a přihlášení nevejde */
.search-toggle {
	display: none;
	border: 0;
	background: none;
	padding: 0;
	font-size: 19px;
	color: var(--slovaci-red);
	margin: 0 14px 0 4px;
	cursor: pointer;
}

@media (max-width: 1399px) {
	.search-toggle {
		display: block;
	}

	.header__search {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: 12px 16px;
		background: #fff;
		border-bottom: 1px solid var(--slovaci-line);
		box-shadow: 0 8px 16px rgba(25, 29, 62, .06);
	}

	.header__search.open {
		display: block;
	}

	.header__search #___gcse_0 {
		display: block !important;
	}

	.header__search input.gsc-input {
		min-width: 0;
	}

	/* ikony v hlavičce se stejnými rozestupy */
	.header__right__links .user {
		margin: 0 0 0 18px !important;
		top: 0 !important;
	}

	.menu-open {
		margin-left: 18px !important;
		margin-right: 0 !important;
	}
}

/* ---------- Menší odsazení sekcí ---------- */
.hero__area .content__blk.pl-0 {
	padding-top: 64px;
	padding-bottom: 72px;
}

.hero2__content.has-pl {
	padding-top: 40px;
}

.page__title__area {
	padding: 40px 0;
}

.page__title__area h2 {
	font-size: clamp(36px, 4.4vw, 56px);
	letter-spacing: -0.03em;
}

.culture__area {
	padding-top: 48px;
	padding-bottom: 56px;
}

.event__advertise__wrap {
	padding-top: 48px;
	padding-bottom: 40px;
}

.footer__area {
	padding-top: 56px;
	padding-bottom: 40px;
}

/* inzeráty a příspěvky: méně vzduchu uvnitř karet */
.single__post__item {
	padding: 28px 32px;
	border-color: #d9dbe1;
	border-radius: 20px;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.hero__area.pt-5,
	.hero__area .pt-5 {
		padding-top: 24px !important;
	}

	.single__post__item {
		padding: 20px;
		border-radius: 16px;
	}

	.hero__area .content__blk.pl-0 {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.page__title__area {
		padding: 28px 0;
	}
}

/* ---------- Přístupnost ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--slovaci-red);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- Inzercia: kategorie jako štítky ---------- */
.inzercia-cats ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.inzercia-cats a {
	display: inline-block;
	margin: 0 !important;
	padding: 7px 14px;
	border: 1px solid #d9dbe1;
	border-radius: 999px;
	color: var(--slovaci-navy);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color .15s, border-color .15s, color .15s;
}

.inzercia-cats a:hover,
.inzercia-cats a.active {
	background: var(--slovaci-red);
	border-color: var(--slovaci-red);
	color: #fff;
}

.information__post__btns__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.information__post__btns__wrapper .common__btn {
	margin: 0 !important;
}

.inzercia-cats li {
	margin: 0;
	padding: 0;
}

/* ======================================================================
   Obsahové stránky (články, informace, formuláře) – sjednocení 2026
   ====================================================================== */

/* patička vždy dole i u krátkých stránek: dopočítává assets/js/main.js
   (obsah z databáze občas uzavírá obaly šablony, patička pak není přímo v body) */

/* menší mezera nad obsahem stránek */
section.hero-2.pt-5 {
	padding-top: 32px !important;
	padding-bottom: 48px !important;
}

.hero-2 .hero2__content {
	padding-top: 0;
}

.row-singlecontent h1 {
	margin-bottom: 12px;
}

/* čitelný text: zarovnání vlevo (editor často vložil justify), vyšší kontrast */
.row-singlecontent p,
.row-singlecontent li,
.row-singlecontent td,
.row-singlecontent div[style*="justify"] {
	text-align: left !important;
}

.row-singlecontent p,
.row-singlecontent li {
	color: #454857;
	line-height: 1.65;
}

.row-singlecontent p.info {
	color: #8a8d99;
	font-size: 14px;
}

/* obrázky v textu: odstup od textu, zaoblení, na mobilu přes celou šířku */
.row-singlecontent img {
	max-width: 100%;
	height: auto;
}

.row-singlecontent img[style*="float: right"],
.row-singlecontent img[style*="float:right"],
.row-singlecontent img[align="right"] {
	margin: 4px 0 16px 28px !important;
	border-radius: 10px;
}

.row-singlecontent img[style*="float: left"],
.row-singlecontent img[style*="float:left"],
.row-singlecontent img[align="left"] {
	margin: 4px 28px 16px 0 !important;
	border-radius: 10px;
}

@media (max-width: 575px) {
	.row-singlecontent img[style*="float"],
	.row-singlecontent img[align] {
		float: none !important;
		display: block;
		width: 100% !important;
		margin: 16px 0 !important;
	}
}

/* odkaz Späť jako tlačítko (ikona z placené sady Font Awesome se nezobrazovala) */
.row-singlecontent p.back {
	margin-top: 24px;
}

.row-singlecontent p.back a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border: 1px solid #d9dbe1;
	border-radius: 999px;
	color: var(--slovaci-navy);
	font-weight: 600;
	text-decoration: none;
	transition: border-color .15s, color .15s;
}

.row-singlecontent p.back a::before {
	content: "\2190";
}

.row-singlecontent p.back a i {
	display: none;
}

.row-singlecontent p.back a:hover {
	border-color: var(--slovaci-red);
	color: var(--slovaci-red);
}

/* ---------- Stránkování ---------- */
.pagination__wrapper ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination__wrapper li {
	margin: 0 !important;
	padding: 0 !important;
}

.pagination__wrapper li a,
.pagination__wrapper li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	border: 1px solid #d9dbe1;
	border-radius: 999px;
	color: var(--slovaci-navy) !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: border-color .15s, color .15s, background-color .15s;
}

.pagination__wrapper li a:hover {
	border-color: var(--slovaci-red);
	color: var(--slovaci-red) !important;
}

.pagination__wrapper li span.current {
	background: var(--slovaci-navy);
	border-color: var(--slovaci-navy);
	color: #fff !important;
}

.pagination__wrapper li a i {
	font-size: 12px;
}

.pagination__wrapper {
	padding: 12px 0;
}

.pagination__wrapper .pagination__wrapper {
	padding: 0;
}

.pagination__wrapper li a,
.pagination__wrapper li span {
	background: #fff;
}

/* ---------- Formuláře (registrace, přihlášení, profil, inzerát) ---------- */
.row-singlecontent fieldset {
	border: 0;
	padding: 0;
	min-width: 0;
	width: auto !important;
	max-width: 640px;
	margin: 0 0 28px;
}

.row-singlecontent legend {
	font-size: 20px;
	font-weight: 700;
	color: var(--slovaci-navy);
	margin-bottom: 12px;
	padding: 0;
}

.row-singlecontent form table {
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
}

.row-singlecontent form td {
	padding: 6px 16px 6px 0;
	vertical-align: middle;
}

.row-singlecontent form td.col_first {
	width: 180px;
}

.row-singlecontent form input.text,
.row-singlecontent form input[type="text"],
.row-singlecontent form input[type="password"],
.row-singlecontent form input[type="email"],
.row-singlecontent form select,
.row-singlecontent form textarea {
	width: 100%;
	max-width: 380px;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid #d9dbe1;
	border-radius: 10px;
	background: #fff;
	color: var(--slovaci-navy);
	font-size: 15px;
	transition: border-color .15s, box-shadow .15s;
}

.row-singlecontent form textarea {
	max-width: 640px;
	padding: 10px 14px;
	line-height: 1.5;
}

.row-singlecontent form input.captcha {
	max-width: 90px;
	margin-right: 8px;
}

.row-singlecontent form input:focus,
.row-singlecontent form select:focus,
.row-singlecontent form textarea:focus {
	border-color: var(--slovaci-navy);
	box-shadow: 0 0 0 3px rgba(25, 29, 62, .12);
	outline: none;
}

.row-singlecontent form input.submit,
.row-singlecontent form button.submit {
	height: 44px;
	padding: 0 26px;
	border: 0;
	border-radius: 999px;
	background: var(--slovaci-red);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .15s;
}

.row-singlecontent form input.submit:hover,
.row-singlecontent form button.submit:hover {
	background: var(--slovaci-navy);
}

@media (max-width: 575px) {
	.row-singlecontent form table,
	.row-singlecontent form tbody,
	.row-singlecontent form tr,
	.row-singlecontent form td {
		display: block;
		width: 100% !important;
	}

	.row-singlecontent form td {
		padding: 0 0 8px;
	}

	.row-singlecontent form td.col_first {
		padding-bottom: 2px;
	}
}

/* jednotná zaoblená tlačítka */
.common__btn,
.row-singlecontent .submit_container input,
.row-singlecontent .submit_container button {
	border-radius: 999px !important;
}

.row-singlecontent form .captcha_text {
	display: inline-block;
	font-size: 13px;
	color: #8a8d99;
}

/* ---------- Anketa: pruhy podle procent (šířku dává šablona inline stylem) ---------- */
.single__progress__item .progress {
	height: 12px;
	background: #e9eaef;
	border-radius: 999px;
	overflow: hidden;
}

.single__progress__item .progress-bar {
	background: var(--slovaci-navy);
	border-radius: 999px;
	transition: width .4s ease;
}

/* ---------- Diskusia: citácie a smajlíky z BBCode ---------- */
.helpdesk-message .quotebox {
	margin: 8px 0 12px;
	padding: 10px 14px;
	border-left: 3px solid var(--slovaci-red);
	border-radius: 8px;
	background: #f6f7f9;
}

.helpdesk-message .quotebox-titlebar {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #8a8d99;
}

.helpdesk-message .quotebox .scrollbox {
	color: #454857;
}

.helpdesk-message img.pngfix {
	display: inline-block;
	vertical-align: middle;
}

/* ---------- Najbližšie udalosti: dátum a obsah zarovnané ---------- */
.single__event__item {
	display: flex;
	align-items: center;
	gap: 20px;
}

.single__event__date {
	flex: 0 0 78px;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	margin: 0 !important;
}

.single__event__date p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.single__event__date h3 {
	margin: 0;
	line-height: 1;
}

.single__event__item__content {
	padding: 0 !important;
}

.single__event__item__content p {
	margin: 0 0 8px;
	padding: 0;
	line-height: 1.35;
}

/* ---------- Karty inzerátov a tém fóra: tlačidlo vždy dole ---------- */
.advertise__items__wrapper .single__advertise__item,
.forum__items__wrapper .single__advertise__item {
	display: flex;
	flex-direction: column;
	height: calc(100% - 20px);
}

.advertise__items__wrapper .single__advertise__item > .common__btn,
.forum__items__wrapper .single__advertise__item > .common__btn {
	margin-top: auto;
	align-self: flex-start;
}

/* ======================================================================
   Hover: jemná odozva na všetkom, čo je klikacie (celé karty, riadky fóra,
   udalosti, odkazy v texte), aby bolo jasné, kam sa dá kliknúť
   ====================================================================== */

/* karty článkov (celá karta je odkaz) */
.single__article__item {
	transition: transform .2s ease, box-shadow .2s ease;
}

.single__article__item:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(25, 29, 62, .14);
}

.single__article__item:hover .single__article__title a {
	color: var(--slovaci-red);
}

/* karty inzerátov a tém fóra na úvodnej stránke */
.single__advertise__item {
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.single__advertise__item:hover {
	transform: translateY(-3px);
	border-color: #c9ccd6 !important;
	box-shadow: 0 10px 24px rgba(25, 29, 62, .10);
}

.single__advertise__item:hover h4,
.single__advertise__item:hover h4 a {
	color: var(--slovaci-red);
}

.single__advertise__item:hover .common__btn {
	background: var(--slovaci-red);
}

/* najbližšie udalosti */
.single__event__date {
	transition: border-color .2s ease, box-shadow .2s ease;
}

.single__event__item:hover .single__event__date {
	border-color: var(--slovaci-red) !important;
	box-shadow: 0 4px 12px rgba(234, 40, 83, .15);
}

.single__event__item:hover .single__event__item__content p {
	color: var(--slovaci-red);
}

.single__event__item:hover .common__btn {
	background: var(--slovaci-red);
}

/* inzeráty vo výpise */
.inzeratBox {
	transition: border-color .2s ease, box-shadow .2s ease;
}

/* inzerát vo výpise nemá detail, nie je klikací ako celok */
.inzeratBox:hover {
	box-shadow: none;
}

/* kategórie článkov (Pohľady, Kultúra…) */
.article__navigation a {
	transition: color .15s ease;
	text-underline-offset: 6px;
}

.article__navigation a:hover {
	text-decoration: underline;
}

/* odkazy v texte článkov a stránok */
.row-singlecontent p a,
.row-singlecontent li a,
.row-singlecontent td a {
	text-underline-offset: 2px;
	transition: color .15s ease;
}

.row-singlecontent p a:hover,
.row-singlecontent li a:hover,
.row-singlecontent td a:hover {
	color: var(--slovaci-red);
}

/* kalendár: dni s udalosťou */
.mod_calendar td a {
	transition: color .15s ease;
}

.mod_calendar td a:hover {
	color: var(--slovaci-red);
}

/* logo */
.logo__main a,
.logo__footer a {
	transition: opacity .15s ease;
}

.logo__main a:hover,
.logo__footer a:hover {
	opacity: .8;
}

/* tlačidlá: jemný posun nahor */
.common__btn {
	transition: background-color .2s ease, color .2s ease, transform .15s ease;
}

.common__btn:hover {
	transform: translateY(-1px);
}

/* na dotykových zariadeniach bez posunov (hover tam „visí“ po ťuknutí) */
@media (hover: none) {
	.single__article__item:hover,
	.single__advertise__item:hover,
	.common__btn:hover {
		transform: none;
		box-shadow: none;
	}
}

/* ======================================================================
   Obsahové stránky: čtecí sloupec místo textu přes celou šířku,
   jasná hierarchie nadpisů (O nás, Infoservis, články, formuláře)
   ====================================================================== */

/* text v pohodlné šířce řádku; kalendář a sloupce kontaktu zůstávají široké */
.row-singlecontent > .mod_article:not(:has(.mod_calendar, .ce_colset)) {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.row-singlecontent h1 {
	font-size: clamp(30px, 3.4vw, 42px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.025em;
	margin: 0 0 16px;
}

.row-singlecontent h2 {
	font-size: clamp(22px, 2.2vw, 27px);
	font-weight: 750;
	line-height: 1.25;
	margin: 44px 0 12px;
}

.row-singlecontent h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	margin: 32px 0 8px;
}

.row-singlecontent h2:first-child,
.row-singlecontent h3:first-child {
	margin-top: 0;
}

/* další hlavní oddíl stránky (nový obsahový prvek s nadpisem) */
.row-singlecontent .ce_text + .ce_text > h1:first-child {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid var(--slovaci-card-line);
}

.row-singlecontent p,
.row-singlecontent li {
	font-size: 17px;
	line-height: 1.7;
	color: var(--slovaci-text);
}

.row-singlecontent ul,
.row-singlecontent ol {
	padding-left: 1.3em;
}

.row-singlecontent li + li {
	margin-top: 4px;
}

.row-singlecontent strong,
.row-singlecontent b {
	font-weight: 700;
	color: var(--slovaci-navy);
}

/* prázdné odstavce z editoru nepřidávají díry */
.row-singlecontent p:empty {
	display: none;
}

/* ======================================================================
   Menší odsazení výpisů (články, inzercia, fórum) a patičky
   ====================================================================== */
.articles__area {
	padding-top: 40px;
}

.article__items__wrapper.pb-5 {
	padding-top: 28px;
	padding-bottom: 40px !important;
}

.footer__content__blk {
	margin-bottom: 32px;
}

.information__post__btns {
	padding: 20px 0 4px;
	border-bottom: 0;
}

/* lišta bez tlačítek (nepřihlášený návštěvník) nezabírá místo */
.information__post__btns:not(:has(a, button, input)) {
	display: none;
}

.inform__top__title {
	padding: 22px 0 6px;
}

.inform__top__title h3 {
	font-size: 28px;
}

/* ======================================================================
   Fórum 2026: přehled a témata jako karty na jemném podkladu,
   příspěvky jako karty s avatarem, jménem a datem v hlavičce
   ====================================================================== */
.information__top__area,
.post__discussion__area {
	background: var(--slovaci-soft);
}

.post__discussion__area {
	margin-bottom: 0;
	padding: 16px 0 56px;
}

/* drobečková navigace: bez doslovných „>“ ze šablony, oddělovač › */
.page__breadcrumd .breadcrumb {
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	font-size: 0;
}

.page__breadcrumd .breadcrumb-item {
	padding-left: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--slovaci-muted);
}

.page__breadcrumd .breadcrumb-item + .breadcrumb-item::before {
	content: "\203A";
	float: none;
	padding: 0 8px;
	color: #b3b6c2;
}

.page__breadcrumd .breadcrumb-item a {
	color: var(--slovaci-navy);
	text-decoration: none;
	transition: color .15s ease;
}

.page__breadcrumd .breadcrumb-item a:hover {
	color: var(--slovaci-red);
}

.discussion__pagination__wrapper {
	padding-left: 0;
}

/* akce fóra (Nová téma, Najnovšie príspevky…) */
.helpdesk_funcs:has(> i) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
	font-size: 15px;
	font-weight: 600;
}

.helpdesk_funcs i {
	margin-right: -12px;
	color: var(--slovaci-red);
}

.helpdesk_funcs a {
	color: var(--slovaci-navy);
	text-decoration: none;
}

.helpdesk_funcs a:hover {
	color: var(--slovaci-red);
}

/* text pre neprihlásených v diskusii (rovnaká trieda ako lišta akcií) */
.helpdesk_funcs:not(:has(> i)) a {
	padding-right: 0;
}

/* stránkování fóra: aktuální strana a neaktivní šipky */
.pagination__wrapper li a.active {
	background: var(--slovaci-navy);
	border-color: var(--slovaci-navy);
	color: #fff !important;
}

.pagination__wrapper li.pagination--arrow > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	border: 1px solid #e4e6ec;
	border-radius: 999px;
	font-size: 12px;
	color: #c3c6d0;
}

.pagination__wrapper img[src*="blank16"] {
	display: none;
}

/* řádky kategorií a témat */
.post__discussion__item {
	border-bottom: 0;
}

.post__discussion__item > .container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px 220px;
	align-items: center;
	gap: 10px 24px;
	height: auto;
	margin-bottom: 10px;
	padding: 16px 22px;
	background: #fff;
	border: 1px solid var(--slovaci-card-line);
	border-radius: 14px;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.post__discussion__item:hover > .container {
	border-color: #c9ccd6;
	box-shadow: 0 6px 18px rgba(25, 29, 62, .07);
}

.post__discussion__item .post__discussion__title,
.post__discussion__item .post__discussion__impressions,
.post__discussion__item .post__discussion__date {
	width: auto;
	max-width: none;
	flex: none;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent;
}

.post__discussion__title {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.post__discussion__title__thumb {
	display: flex;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	max-width: none;
	margin: 0;
	border-radius: 12px;
	background: #fdecf0;
}

.post__discussion__title__thumb a,
.post__discussion__title__thumb i {
	color: var(--slovaci-red) !important;
	font-size: 17px;
	line-height: 1;
}

.post__discussion__title__right {
	min-width: 0;
}

.post__discussion__title__right .row {
	margin: 0;
}

.post__discussion__title__right .row > * {
	width: auto;
	padding: 0;
	font-size: 14px;
	line-height: 1.45;
	color: var(--slovaci-muted);
}

.post__discussion__item__title {
	margin-bottom: 2px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--slovaci-navy);
}

.post__discussion__item:hover .post__discussion__item__title {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.post__discussion__name {
	font-size: 14px;
	font-weight: 500;
	color: var(--slovaci-muted) !important;
}

.post__discussion__impressions {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--slovaci-muted);
}

.post__discussion__impressions .row {
	flex-wrap: nowrap;
	gap: 18px;
	margin: 0;
}

.post__discussion__impressions .row > * {
	width: auto;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0;
}

.post__discussion__impressions abbr {
	text-decoration: none;
	cursor: default;
}

.post__discussion__impressions span {
	max-width: none;
	margin-right: 7px;
}

.post__discussion__impressions i {
	font-size: 14px;
	color: #a3a6b3 !important;
}

.post__discussion__date p {
	font-size: 13px !important;
	font-weight: 500;
	line-height: 1.45;
	color: var(--slovaci-muted);
}

.post__discussion__date p span {
	color: inherit;
}

.post__discussion__date a {
	font-weight: 600;
	color: var(--slovaci-navy) !important;
	text-decoration: none;
}

.post__discussion__date a:hover {
	color: var(--slovaci-red) !important;
}

@media (max-width: 767px) {
	.post__discussion__item > .container {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 10px 16px;
		width: auto;
		margin-left: 12px;
		margin-right: 12px;
		padding: 14px 16px;
	}

	.post__discussion__title {
		grid-column: 1 / -1;
	}

	.post__discussion__date {
		text-align: right;
	}

	.post__discussion__impressions {
		font-size: 14px;
	}
}

/* lišta nad vláknem: akce a stránkování; prázdná se skryje */
.post__discussion__bottom__wrapper {
	padding: 4px 0 12px;
}

.post__discussion__bottom__wrapper.border-bottom {
	border-bottom: 0 !important;
}

.post__discussion__bottom__wrapper:not(:has(a)) {
	display: none;
}

.post__discussion__bottom__wrapper .pagination__wrapper ul {
	justify-content: flex-end;
}

/* příspěvky ve vlákně */
.forum-post {
	margin-bottom: 12px;
	padding: 18px 22px 20px;
	background: #fff;
	border: 1px solid var(--slovaci-card-line);
	border-radius: 16px;
	scroll-margin-top: calc(var(--header-height, 69px) + 16px);
}

.forum-post:target {
	border-color: var(--slovaci-red);
}

.forum-post__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}

.forum-post__avatar img {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--slovaci-soft);
}

.forum-post__who {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.3;
}

.forum-post__name {
	font-size: 15px;
	font-weight: 700;
	color: var(--slovaci-navy);
	overflow-wrap: anywhere;
}

.forum-post__meta {
	font-size: 13px;
	color: var(--slovaci-muted);
}

.forum-post__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 2px;
	margin-left: auto;
}

.forum-post__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	font-size: 14px;
	color: #8a8d99;
	transition: background-color .15s ease, color .15s ease;
}

.forum-post__actions a:hover {
	background: var(--slovaci-soft);
	color: var(--slovaci-red);
}

.forum-post__body {
	padding-left: 56px;
	font-size: 16px;
	line-height: 1.65;
	color: var(--slovaci-text);
}

.forum-post__body .helpdesk-messageblock,
.forum-post__body .helpdesk-signatureblock {
	max-width: 80ch;
	overflow-wrap: anywhere;
}

.forum-post__body img:not(.pngfix) {
	max-width: 100%;
	height: auto;
}

.forum-post .helpdesk-signatureblock {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid #eef0f3;
	font-size: 13px;
	color: var(--slovaci-muted);
}

.forum-post .helpdesk-lastedit {
	margin-top: 10px;
	font-size: 13px;
	font-style: italic;
	color: var(--slovaci-muted);
	text-align: left;
}

.forum-post .attachments {
	margin-top: 12px;
	font-size: 14px;
}

.forum-empty {
	padding: 28px;
	background: #fff;
	border: 1px solid var(--slovaci-card-line);
	border-radius: 16px;
	color: var(--slovaci-muted);
	text-align: center;
}

@media (max-width: 575px) {
	.forum-post {
		padding: 14px 16px 16px;
		border-radius: 14px;
	}

	.forum-post__body {
		padding-left: 0;
	}

	.forum-post__actions a {
		width: 30px;
		height: 30px;
	}
}

/* ======================================================================
   Galéria článku (mriežka) a lightbox (assets/js/main.js)
   ====================================================================== */
.news-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 10px;
	margin: 28px 0 8px;
}

.news-gallery a {
	display: block;
	overflow: hidden;
	border-radius: 12px;
	background: var(--slovaci-soft);
	cursor: zoom-in;
}

.news-gallery img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	margin: 0 !important;
	transition: transform .3s ease, opacity .2s ease;
}

.news-gallery a:hover img {
	transform: scale(1.04);
	opacity: .92;
}

@media (max-width: 575px) {
	.news-gallery {
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
	}
}

.row-singlecontent a[href$=".jpg"],
.row-singlecontent a[href$=".jpeg"],
.row-singlecontent a[href$=".png"] {
	cursor: zoom-in;
}

body.slovaci-lightbox-open {
	overflow: hidden;
}

.slovaci-lightbox {
	position: fixed;
	inset: 0;
	z-index: 2000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 56px 72px;
	background: rgba(13, 15, 30, .92);
}

.slovaci-lightbox.open {
	display: flex;
}

.slovaci-lightbox img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: calc(100vh - 112px);
	object-fit: contain;
	border-radius: 6px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
	opacity: 0;
	transition: opacity .2s ease;
}

.slovaci-lightbox img.loaded {
	opacity: 1;
}

.slovaci-lightbox button {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0 0 4px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
	transition: background-color .15s ease;
}

.slovaci-lightbox button:hover {
	background: rgba(255, 255, 255, .25);
}

.slovaci-lightbox__close {
	top: 14px;
	right: 14px;
}

.slovaci-lightbox__prev {
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.slovaci-lightbox__next {
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.slovaci-lightbox.single .slovaci-lightbox__prev,
.slovaci-lightbox.single .slovaci-lightbox__next {
	display: none;
}

.slovaci-lightbox__count {
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	text-align: center;
	color: rgba(255, 255, 255, .75);
	font-size: 14px;
	font-weight: 600;
}

@media (max-width: 767px) {
	.slovaci-lightbox {
		padding: 56px 8px;
	}

	.slovaci-lightbox__prev,
	.slovaci-lightbox__next {
		top: auto;
		bottom: 8px;
		transform: none;
	}
}

/* ======================================================================
   O nás: rýchle odkazy ako štítky, história ako časová os
   ====================================================================== */
#o-nas .ce_text:first-child ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}

#o-nas .ce_text:first-child li {
	margin: 0;
}

#o-nas .ce_text:first-child li a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #d9dbe1;
	border-radius: 999px;
	color: var(--slovaci-navy);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: border-color .15s ease, color .15s ease;
}

#o-nas .ce_text:first-child li a:hover {
	border-color: var(--slovaci-red);
	color: var(--slovaci-red);
}

.row-singlecontent h3 + p,
.row-singlecontent h2 + p {
	margin-top: 0;
}

.row-singlecontent [id] {
	scroll-margin-top: calc(var(--header-height, 69px) + 16px);
}

.row-singlecontent ol.timeline {
	position: relative;
	margin: 24px 0 32px;
	padding: 0 0 0 28px;
	list-style: none;
}

.row-singlecontent ol.timeline::before {
	content: "";
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 6px;
	width: 2px;
	background: #e4e6ec;
}

.row-singlecontent ol.timeline li {
	position: relative;
	margin: 0;
	padding: 0 0 22px;
	font-size: 16px;
	line-height: 1.65;
}

.row-singlecontent ol.timeline li::before {
	content: "";
	position: absolute;
	top: 7px;
	left: -27px;
	width: 12px;
	height: 12px;
	border: 2px solid var(--slovaci-red);
	border-radius: 50%;
	background: #fff;
}

.row-singlecontent ol.timeline li > strong:first-child {
	display: block;
	margin-bottom: 2px;
	color: var(--slovaci-red);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .02em;
}

.row-singlecontent ol.timeline li:not(:has(> strong:first-child)) {
	font-style: italic;
	color: var(--slovaci-muted);
}

/* ======================================================================
   Inzercia v štýle fóra: jemný podklad, karty inzerátov, kategória ako štítok
   ====================================================================== */
.inzerciaCats,
.post__area {
	background: var(--slovaci-soft);
}

.post__area {
	margin-top: 0;
	padding-bottom: 56px;
	border-top: 0;
}

.inzerciaCats .container {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.inzercia-cats a {
	background: #fff;
}

.inzercia-cats a:hover,
.inzercia-cats a.active {
	background: var(--slovaci-red);
}

.inzerciaTop .information__post__btns {
	padding: 24px 0 12px;
}

.inzerciaTop a {
	margin-right: 0;
	font-size: 14px !important;
}

/* vyhľadávanie v inzercii ako pole s lupou */
.infomation__search__form .input-group {
	flex-wrap: nowrap;
	max-width: 420px;
	margin-left: auto;
}

.infomation__search__form .form-control {
	height: 44px;
	padding: 0 18px;
	border: 1px solid var(--slovaci-card-line);
	border-radius: 999px 0 0 999px !important;
	background: #fff;
	font-size: 15px;
	box-shadow: none;
}

.infomation__search__form .form-control:focus {
	border-color: var(--slovaci-navy);
}

.infomation__search__form .search-sm {
	width: 52px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 0 999px 999px 0 !important;
	background: var(--slovaci-red);
	color: #fff;
	font-size: 16px !important;
}

.infomation__search__form .search-sm:hover {
	background: var(--slovaci-navy);
}

@media (max-width: 767px) {
	.infomation__search__form .input-group {
		max-width: none;
		margin-top: 12px;
	}
}

/* karty inzerátov */
.post__items__wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

/* dva stĺpce ako masonry: karta má vlastnú výšku, ďalšia sa uloží pod najkratší
   stĺpec; riadky po 4 px a rozpätie karty dopočíta assets/js/main.js */
@media (min-width: 992px) {
	.post__items__wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
	}

	.post__items__wrapper.masonry {
		grid-auto-rows: 4px;
		row-gap: 0;
	}

	.post__items__wrapper.masonry > .inzeratBox {
		margin-bottom: 12px;
	}
}

.single__post__item.inzeratBox {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 16px 22px 14px !important;
	background: #fff;
	border: 1px solid var(--slovaci-card-line);
	border-radius: 14px;
	transition: border-color .15s ease, box-shadow .15s ease;
}


.inzeratBox .post__title h4 {
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	overflow-wrap: anywhere;
}

.inzeratBox .inzerciaSub,
.inzeratBox .inzerciaSub a {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--slovaci-muted);
	overflow-wrap: anywhere;
}

.inzeratBox .inzerciaSub a:hover {
	color: var(--slovaci-red);
}

.inzeratBox .post__content {
	margin-top: 10px;
}

.inzeratBox .inzerciaText p {
	margin-bottom: 4px;
	font-size: 15px !important;
	line-height: 1.6;
	color: var(--slovaci-text);
	overflow-wrap: anywhere;
}

.inzeratBox .post__btn {
	margin-top: auto;
	padding-top: 6px;
}

.inzeratBox .post__btn a {
	margin: 0;
	padding: 4px 11px;
	border-radius: 999px;
	background: #fdecf0;
	font-size: 13px;
	font-weight: 600;
	color: var(--slovaci-red);
	transition: background-color .15s ease, color .15s ease;
}

.inzeratBox .post__btn a:hover {
	background: var(--slovaci-red);
	color: #fff;
}

/* ======================================================================
   Obsahové stránky v štýle fóra: jemný podklad, obsah v bielej karte
   ====================================================================== */
section.hero-2 {
	background: var(--slovaci-soft);
}

.row-singlecontent > .mod_article {
	margin-bottom: 16px;
	padding: 40px 48px;
	background: #fff;
	border: 1px solid var(--slovaci-card-line);
	border-radius: 18px;
}

.row-singlecontent > .mod_article:last-child {
	margin-bottom: 0;
}

/* galéria a obrázky v karte: zaoblené rohy */
.row-singlecontent .layout_full > a > img,
.row-singlecontent .ce_image img {
	border-radius: 12px;
}

@media (max-width: 767px) {
	.row-singlecontent {
		margin-left: 0;
		margin-right: 0;
	}

	.row-singlecontent > .mod_article {
		padding: 24px 20px;
		border-radius: 14px;
	}
}

/* stránky s jemným podkladom: podklad aj pod obsahom až po pätičku
   (krátka stránka inak končila bielym pruhom nad pätičkou) */
body:has(.post__discussion__area, .post__area, section.hero-2) {
	background: var(--slovaci-soft);
}

body:has(.post__discussion__area, .post__area, section.hero-2) .header__area {
	background: #fff;
}

/* riadok kategórie / témy fóra klikací celý (odkaz názvu sa roztiahne cez kartu),
   dátum najnovšieho príspevku vedie ďalej na samotný príspevok */
.post__discussion__item > .container {
	position: relative;
	cursor: pointer;
}

.post__discussion__item__title::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 14px;
}

.post__discussion__item .post__discussion__date {
	position: relative;
	z-index: 2;
}

/* ======================================================================
   Fórum: formulár novej témy, odpovede a úpravy príspevku
   ====================================================================== */
.forum-editor {
	max-width: 900px;
	margin: 0 auto;
	padding: 28px 32px 32px;
}

.forum-editor .label_container label {
	display: block;
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 700;
	color: var(--slovaci-navy);
}

.forum-editor .hint {
	margin: 6px 0 20px;
	font-size: 13px;
	color: var(--slovaci-muted);
}

.forum-editor input.subject,
.forum-editor textarea.message,
.forum-editor select {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #d9dbe1;
	border-radius: 10px;
	background: #fff;
	font-size: 16px;
	line-height: 1.5;
	color: var(--slovaci-text);
	transition: border-color .15s, box-shadow .15s;
}

.forum-editor input.subject {
	height: 46px;
}

.forum-editor textarea.message {
	min-height: 220px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	resize: vertical;
}

.forum-editor input.subject:focus,
.forum-editor textarea.message:focus {
	border-color: var(--slovaci-navy);
	box-shadow: 0 0 0 3px rgba(25, 29, 62, .12);
	outline: none;
}

/* lišta BBCode a smajlíkov nad textom */
.forum-editor #helpdeskbbbuttons .functionbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px 10px;
	padding: 6px 8px;
	border: 1px solid #d9dbe1;
	border-bottom: 0;
	background: var(--slovaci-soft);
}

.forum-editor #helpdeskbbbuttons .functionbar:first-child {
	border-radius: 10px 10px 0 0;
}

.forum-editor #helpdeskbbbuttons .functionbar + .functionbar {
	border-top: 1px solid #eceef2;
}

.forum-editor .buttongroup {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0;
}

.forum-editor .imgbutton a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	border-radius: 6px;
	transition: background-color .15s;
}

.forum-editor .imgbutton a:hover {
	background: #e4e6ec;
}

.forum-editor .imgbutton img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.forum-editor .published_container {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	font-size: 15px;
}

.forum-editor .published_container + .hint {
	margin-top: 2px;
}

.forum-editor__attachments {
	margin: 4px 0 24px;
	padding: 12px 16px;
	border: 1px dashed #d9dbe1;
	border-radius: 10px;
}

.forum-editor__attachments summary {
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	color: var(--slovaci-navy);
}

.forum-editor__attachments summary span {
	font-weight: 500;
	color: var(--slovaci-muted);
}

.forum-editor__attachments .attachment {
	margin-top: 10px;
	font-size: 14px;
}

.forum-editor__attachments .atchinfo {
	margin-bottom: 0;
}

.forum-editor .submit_container .submit {
	height: 46px;
	padding: 0 28px;
	border: 0;
	border-radius: 999px;
	background: var(--slovaci-red);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .15s;
}

.forum-editor .submit_container .submit:hover {
	background: var(--slovaci-navy);
}

.forum-editor .error_message {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #c4122f;
}

@media (max-width: 575px) {
	.forum-editor {
		padding: 18px 16px 20px;
	}
}

/* lišty nad a pod vláknom: drobčeky / akcie vľavo, stránkovanie vpravo v jednom riadku
   (stĺpce Bootstrapu 9/3 a 6/6 lámali stránkovanie aj drobčeky na viac riadkov) */
@media (min-width: 768px) {
	.post__discussion__bottom__wrapper .row {
		flex-wrap: nowrap;
		align-items: center;
		gap: 16px;
	}

	.post__discussion__bottom__wrapper .row > [class*="col-"] {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		min-width: 0;
	}

	.post__discussion__bottom__wrapper .row > [class*="col-"]:last-child {
		flex: 0 0 auto;
	}
}

.post__discussion__bottom__wrapper .pagination__wrapper {
	padding: 0;
}

.post__discussion__bottom__wrapper.mb-5 {
	margin-bottom: 0 !important;
}

/* ======================================================================
   Celá karta klikacia (audit 22. 10.): neviditeľná plocha stretched-link
   ====================================================================== */

/* tlačidlo so stretched-link sa pri hoveri neposúva: transform by z neho urobil
   obal plochy odkazu a tá by sa zmrštila len na tlačidlo (udalosti, karty) */
.stretched-link,
.stretched-link:hover {
	transform: none !important;
}

/* karta článku: plocha odkazu cez celú kartu vrátane okrajov (obsah karty mal
   vlastné position: relative, preto bola klikacia len stredná časť) */
.single__article__item__content {
	position: static;
}

.single__article__item__content > *,
.single__article__title a:not(.stretched-link) {
	position: relative;
	z-index: 3;
}

.single__article__item__content > .single__article__title {
	position: static;
}

.single__article__item .stretched-link::after {
	z-index: 4;
}

/* emoji namiesto starých GIF smajlíkov (v príspevkoch, editore aj na úvode) */
.emoji {
	display: inline-block;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 1.2em;
	line-height: 1;
	vertical-align: -0.1em;
	font-style: normal;
}

.forum-editor .imgbutton .emoji {
	font-size: 19px;
	vertical-align: 0;
}

.forum-editor .imgbutton i {
	font-size: 14px;
	color: var(--slovaci-navy);
}

.forum-editor .imgbutton a:hover i {
	color: var(--slovaci-red);
}