/* =====================================================
   TUBYDLO - redesign obsahove sekce /magazin/
   Cili VYHRADNE na widgety: hero (350a01cf), nejctenejsi
   (c55f230), hlavni vypis (110ebd1) na strance ID 18918.
   Header a paticka webu nejsou timto souborem dotčeny.

   Breakpointy odpovidaji designu: mobil <640px, tablet
   640-1023px, desktop >=1024px.
   ===================================================== */

body.page-id-18918 {
	--tb-mag-pink: #E20772;
	--tb-mag-pink-dark: #C1005F;
	--tb-mag-title: #1F2430;
	--tb-mag-meta-lg: #8A8A8A;
	--tb-mag-meta-sm: #9A9A9A;
	--tb-mag-img-bg: #EDEBE8;
	--tb-mag-divider: #EDEAE5;
	/* pojistka proti vodorovnemu prejezdu/houpani obsahu na mobilu */
	overflow-x: hidden;
}
body.page-id-18918 .elementor-element-350a01cf .elementor-posts-container,
body.page-id-18918 .elementor-element-c55f230 .elementor-posts-container,
body.page-id-18918 .elementor-element-110ebd1 .elementor-posts-container,
body.page-id-18918 .elementor-element-350a01cf .elementor-post,
body.page-id-18918 .elementor-element-c55f230 .elementor-post,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post,
body.page-id-18918 .elementor-element-350a01cf .elementor-post__thumbnail__link,
body.page-id-18918 .elementor-element-c55f230 .elementor-post__thumbnail__link,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__thumbnail__link,
body.page-id-18918 .elementor-element-350a01cf .elementor-post__text,
body.page-id-18918 .elementor-element-c55f230 .elementor-post__text,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__text {
	box-sizing: border-box !important;
	max-width: 100%;
}

/* ---------- vnejsi odsazeni obsahove sekce (kontejner sdileny s reklamnim sloupcem) ---------- */
/* Na mobilu/tabletu srovnano na stejnou hodnotu (10px), jakou pro
   kontejnery bez vlastniho nastaveni pouziva Elementor defaultne jinde
   na webu - desktop si ponechava puvodnich 30px. */
@media (max-width: 1023px) {
	body.page-id-18918 .elementor-element-6067022f {
		--padding-left: 10px !important;
		--padding-right: 10px !important;
	}
}

/* ---------- sdilene: hero + hlavni vypis ---------- */
/* Rozestup mezi clanky reseny VYHRADNE pres grid-row-gap (stejny
   mechanismus a stejne poradi velikosti jako pouziva homepage - 32px),
   aby se nesecital s dalsim margin/padding a nevznikaly zbytecne velke
   mezery. Delici cara sedi hned na spodni hrane karty, bez vlastniho
   odsazeni. */
body.page-id-18918 .elementor-element-350a01cf,
body.page-id-18918 .elementor-element-110ebd1 {
	--grid-row-gap: 32px !important;
}
body.page-id-18918 .elementor-element-350a01cf .elementor-posts-container > .elementor-post,
body.page-id-18918 .elementor-element-110ebd1 .elementor-posts-container > .elementor-post {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 32px !important;
	border-bottom: 1px solid var(--tb-mag-divider) !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
}
body.page-id-18918 .elementor-element-110ebd1 .elementor-posts-container > .elementor-post:last-child {
	border-bottom: none !important;
}

body.page-id-18918 .elementor-element-350a01cf .elementor-post__thumbnail__link,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__thumbnail__link {
	width: 380px !important;
	flex: 0 0 auto !important;
	margin-right: 0 !important;
}
body.page-id-18918 .elementor-element-350a01cf .elementor-post__thumbnail,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__thumbnail {
	box-sizing: border-box !important;
	aspect-ratio: 380 / 214 !important;
	border-radius: 12px !important;
	background: var(--tb-mag-img-bg);
	overflow: hidden;
	/* Elementor si na tento prvek jinak vynucuje vlastni pomer stran pres
	   padding-bottom (viz jeho inline styl), coz se secita s aspect-ratio
	   a obrazek pak vychazi zbytecne vysoky a prekryva nadpis pod sebou. */
	padding-bottom: 0 !important;
	height: auto !important;
}
body.page-id-18918 .elementor-element-350a01cf .elementor-post__thumbnail img,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__thumbnail img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	border-radius: 12px !important;
}

body.page-id-18918 .elementor-element-350a01cf .elementor-post__text,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 0 !important;
}

body.page-id-18918 .elementor-element-350a01cf .elementor-post__title,
body.page-id-18918 .elementor-element-350a01cf .elementor-post__title a,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title a {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 1.32 !important;
	color: var(--tb-mag-title) !important;
	text-decoration: none !important;
	transition: color .15s ease;
}
body.page-id-18918 .elementor-element-350a01cf .elementor-post__title,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title {
	display: block !important;
	overflow: visible;
	margin: 0 0 8px !important;
}
body.page-id-18918 .elementor-element-350a01cf .elementor-post:hover .elementor-post__title,
body.page-id-18918 .elementor-element-350a01cf .elementor-post:hover .elementor-post__title a,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post:hover .elementor-post__title,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post:hover .elementor-post__title a {
	color: var(--tb-mag-pink) !important;
}

body.page-id-18918 .elementor-element-350a01cf .elementor-post__meta-data,
body.page-id-18918 .elementor-element-110ebd1 .elementor-post__meta-data {
	font-family: "Inter", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--tb-mag-meta-lg) !important;
	margin: 0 !important;
}

@media (max-width: 1023px) {
	body.page-id-18918 .elementor-element-350a01cf .elementor-post__thumbnail__link,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-post__thumbnail__link {
		width: 300px !important;
	}
	body.page-id-18918 .elementor-element-350a01cf .elementor-post__title,
	body.page-id-18918 .elementor-element-350a01cf .elementor-post__title a,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title a {
		font-size: 19px !important;
	}
}

@media (max-width: 639px) {
	body.page-id-18918 .elementor-element-350a01cf,
	body.page-id-18918 .elementor-element-110ebd1 {
		--grid-row-gap: 24px !important;
	}
	body.page-id-18918 .elementor-element-350a01cf .elementor-posts-container > .elementor-post,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-posts-container > .elementor-post {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 16px !important;
	}
	body.page-id-18918 .elementor-element-350a01cf .elementor-post__thumbnail__link,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-post__thumbnail__link {
		width: 100% !important;
	}
	body.page-id-18918 .elementor-element-350a01cf .elementor-post__title,
	body.page-id-18918 .elementor-element-350a01cf .elementor-post__title a,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title,
	body.page-id-18918 .elementor-element-110ebd1 .elementor-post__title a {
		font-size: 17px !important;
	}
}

/* ---------- nadpis "Nejctenejsi clanky" ---------- */
body.page-id-18918 .elementor-element-31d2df05 .elementor-heading-title {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	color: #333333 !important;
}
body.page-id-18918 .elementor-element-31d2df05 {
	margin-bottom: 0 !important;
}
@media (max-width: 1023px) {
	body.page-id-18918 .elementor-element-31d2df05 .elementor-heading-title {
		font-size: 22px !important;
	}
}
@media (max-width: 639px) {
	body.page-id-18918 .elementor-element-31d2df05 .elementor-heading-title {
		font-size: 20px !important;
	}
}

/* ---------- kompaktni grid "Nejctenejsi clanky" ---------- */
body.page-id-18918 .elementor-element-c55f230 {
	--grid-row-gap: 24px !important;
	--grid-column-gap: 32px !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-posts-container {
	column-gap: 32px !important;
	row-gap: 24px !important;
	padding-bottom: 40px !important;
	border-bottom: 1px solid var(--tb-mag-divider) !important;
	margin-bottom: 32px !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 16px !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__thumbnail__link {
	width: 120px !important;
	flex: 0 0 auto !important;
	margin-right: 0 !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__thumbnail {
	box-sizing: border-box !important;
	aspect-ratio: 120 / 80 !important;
	border-radius: 8px !important;
	background: var(--tb-mag-img-bg);
	overflow: hidden;
	padding-bottom: 0 !important;
	height: auto !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__thumbnail img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	border-radius: 8px !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding: 0 !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__title,
body.page-id-18918 .elementor-element-c55f230 .elementor-post__title a {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 1.32 !important;
	color: var(--tb-mag-title) !important;
	text-decoration: none !important;
	transition: color .15s ease;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 6px !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post:hover .elementor-post__title,
body.page-id-18918 .elementor-element-c55f230 .elementor-post:hover .elementor-post__title a {
	color: var(--tb-mag-pink) !important;
}
body.page-id-18918 .elementor-element-c55f230 .elementor-post__meta-data {
	font-family: "Inter", sans-serif !important;
	font-size: 12px !important;
	color: var(--tb-mag-meta-sm) !important;
	margin: 0 !important;
}

@media (max-width: 639px) {
	body.page-id-18918 .elementor-element-c55f230 .elementor-posts-container {
		grid-template-columns: 1fr !important;
		padding-bottom: 32px !important;
	}
	body.page-id-18918 .elementor-element-c55f230 .elementor-post__thumbnail__link {
		width: 100px !important;
	}
	body.page-id-18918 .elementor-element-c55f230 .elementor-post__title,
	body.page-id-18918 .elementor-element-c55f230 .elementor-post__title a {
		font-size: 13px !important;
	}
}

/* ---------- tlacitko "Nacist dalsi clanky" ---------- */
body.page-id-18918 .elementor-element-110ebd1 .elementor-button {
	background: var(--tb-mag-pink) !important;
	color: #fff !important;
	border: 1px solid var(--tb-mag-pink-dark) !important;
	border-radius: 10px !important;
	padding: 14px 28px !important;
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	fill: #fff !important;
}
body.page-id-18918 .elementor-element-110ebd1 .e-load-more-spinner svg,
body.page-id-18918 .elementor-element-110ebd1 .e-load-more-spinner i {
	fill: #fff !important;
	color: #fff !important;
}
body.page-id-18918 .elementor-element-110ebd1.e-load-more-pagination-loading .elementor-button {
	cursor: default;
}
body.page-id-18918 .elementor-element-110ebd1 .e-load-more-message {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	color: #B9B6C2 !important;
	background: #F3F1EE;
	border: 1px solid #E7E4E0;
	border-radius: 10px;
	padding: 14px 28px;
}