/*
 * 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í).
 */

:root {
	--slovaci-red: #ea2853;
	--slovaci-navy: #191D3E;
	--slovaci-line: #e6e6e6;
	--slovaci-field: #f3f4f6;
}

/* ---------- 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;
}

/* 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(44px, 6vw, 76px);
}

.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: 6px;
	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: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #d9dbe1;
	border-radius: 999px;
	color: var(--slovaci-navy) !important;
	font-size: 15px;
	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: 13px;
}

/* ---------- 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;
}

/* ---------- Diskusia (fórum) ---------- */
.post__discussion__title {
	padding: 18px 24px;
}

.post__discussion__impressions {
	padding: 18px 0 18px 24px;
	font-size: 17px;
}

.helpdesk_funcs:has(> i) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
}

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

.post__discussion__date {
	min-height: 0;
	padding: 14px 24px;
}

.post__discussion__title__thumb {
	margin-right: 18px;
}

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