/*
 * Dlaždice príspevkov (Ultimate Addons → Posts, stránka Blog).
 *
 * Karty mali rôznu výšku podľa dĺžky názvu a pod kratšími ostával prázdny
 * pruh. Názov bol v písme nadpisov (Michroma), kým dlaždice v „Naše
 * produkty“ a vo výpisoch majú tučný Figtree. Zjednocujeme ich s našou
 * dlaždicou (.hgl-r-dlazdica v dlazdica.css): biela karta so zaoblením 16px,
 * tmavozelený tučný názov, žlté pruhy pod ním, odkaz na konci karty.
 *
 * Elementor si štýly widgetu generuje so selektorom typu
 * „.elementor-4706 .elementor-element.elementor-element-9666655 …“ (5 tried).
 * Prefix nižšie má šesť, aby ho prebil bez !important.
 */

/* ------------------------------------------------- Rovnaká výška kariet */

/**
 * Widget skladá karty cez masonry: JavaScript im dá position: absolute,
 * súradnice a výšku mriežky do inline štýlu. Takto rozložené karty sa na
 * výšku susedov natiahnuť nedajú, preto mriežku vraciame do bežného flex
 * riadku — šírky stĺpcov (33,33 % atď.) nechávame na triedach UAEL.
 * !important je nutný, prebíjame inline štýly z JavaScriptu.
 */
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-grid__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	height: auto !important;
}

.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-grid__inner > .uael-post-wrapper {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
}

.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__bg-wrap,
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__inner-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__inner-wrap {
	overflow: hidden;
	border-radius: 16px;
	background-color: #ffffff;
}

/* ------------------------------------------------------------ Obsah */

/**
 * Elementor tu mal sivé pozadie karty a textový blok vysunutý o 50px do
 * fotky. Text dávame pod fotku na bielu plochu, ktorá vyplní zvyšok karty.
 */
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__inner-wrap .uael-post__content-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 1 auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 24px;
	background-color: transparent;
}

/* Rovnaký názov ako v dlaždiciach „Naše produkty“ (kategorie-slider.css). */
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__title,
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__title a {
	margin: 0;
	font-family: "Figtree", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
	color: #183f22;
	text-transform: none;
}

/*
 * Oddeľovač UAEL nahrádzame žltými pruhmi ako v .hgl-r-dlazdica__pruhy.
 * Spodná medzera drží odkaz od pruhov aj pri najdlhšom názve.
 */
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__separator {
	width: 80px;
	height: 10px;
	margin: 0.6rem 0 1.25rem;
	background: url("strips-yellow.png") no-repeat 0 0 / 80px 10px;
}

/* Odkaz na koniec karty — pri dvojriadkovom aj trojriadkovom názve na rovnakom mieste. */
.elementor-widget-uael-posts.elementor-element .uael-post-grid .uael-post-wrapper .uael-post__read-more {
	margin-top: auto;
}