/*
 * Štítek "Prodáno".
 *
 * Ukotveno na .mr-sold, což je třída z filtru post_class. Elementor ji předává
 * jak položkám Loop Gridu, tak obalu detailu, takže tenhle soubor nesahá na
 * žádné Elementor ID a přežije libovolnou úpravu šablony 225 nebo 347.
 *
 * Barvy jsou z globální palety webu, s pevným fallbackem.
 */

/* Karty se na webu objevují ve dvou podobách: jako položky Loop Gridu
   (výpis, homepage, související nabídky) a jako články widgetu Posts
   (Nejnovější nemovitosti v patičce). Obojí musí štítek dostat. */
.e-loop-item.mr-sold,
.e-loop-item.mr-reserved,
article.elementor-post.mr-sold,
article.elementor-post.mr-reserved {
	position: relative;
}

.e-loop-item.mr-sold::after,
.e-loop-item.mr-reserved::after,
article.elementor-post.mr-sold::after {
	content: var(--mr-sold-label, "PRODÁNO");
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 3;
	background: var(--e-global-color-primary, #000473);
	color: var(--e-global-color-7863d83, #ffffff);
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.5px;
	padding: 5px 15px 3px;
	border-radius: 3px;
	pointer-events: none;
}

/* Ztlumená fotka odliší prodané i bez čtení štítku. */
.e-loop-item.mr-sold .elementor-widget-image img,
.e-loop-item.mr-sold .elementor-widget-theme-post-featured-image img,
article.elementor-post.mr-sold .elementor-post__thumbnail img {
	filter: grayscale(1);
	opacity: 0.75;
}

/* Karty v patičce jsou vodorovné (náhled vlevo, text vpravo), takže štítek
   v rohu článku by padl na titulek. Posadíme ho proto na náhled. */
article.elementor-post.mr-sold .elementor-post__thumbnail {
	position: relative;
}

article.elementor-post.mr-sold .elementor-post__thumbnail::after {
	content: var(--mr-sold-label, "PRODÁNO");
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	text-align: center;
	background: var(--e-global-color-primary, #000473);
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .4px;
	padding: 2px 0 1px;
	pointer-events: none;
}

/* Štítek v rohu článku jen tam, kde náhled chybí. */
article.elementor-post.mr-sold:has(.elementor-post__thumbnail)::after {
	content: none;
}

article.elementor-post.mr-sold:not(:has(.elementor-post__thumbnail))::after {
	top: 6px;
	right: 6px;
	font-size: 10px;
	padding: 3px 8px 2px;
}

/* ------------------------------------------------- detail nemovitosti */

/* Pruh nad titulkem. Cílí na Elementorem generovanou třídu widgetu,
   ne na ID prvku v šabloně 347, takže přežije úpravy šablony klientem. */
body.mr-sold-single .elementor-widget-theme-post-title > .elementor-widget-container::before {
	content: var(--mr-sold-label, "PRODÁNO");
	display: inline-block;
	margin-bottom: 10px;
	background: var(--e-global-color-primary, #000473);
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .6px;
	padding: 6px 16px 4px;
	border-radius: 4px;
}

/* Galerie na detailu se záměrně NEztlumuje. Zájemce se na konkrétní nemovitost
   dívá cíleně a šedivé fotky by mu jen zhoršily prohlížení. Pruh nad titulkem
   informaci nese dostatečně. */

@media (max-width: 767px) {
	.e-loop-item.mr-sold::after {
		top: 12px;
		right: 12px;
		font-size: 11px;
		padding: 4px 11px 2px;
	}
}

/*
 * Panel se zdrojovým odkazem na detailu nemovitosti.
 * Varianta --staff je viditelná jen obsluze, proto je vizuálně odlišená,
 * ať si nikdo neplete interní údaj s obsahem pro zákazníka.
 */
.mr-source {
	margin: 24px 0 0;
	padding: 14px 16px;
	border-radius: 6px;
	background: #f4f7fb;
	border: 1px solid #dbe3ee;
	font-size: 14px;
	line-height: 1.5;
}

.mr-source--staff {
	background: repeating-linear-gradient(
		135deg, #fdf6e6, #fdf6e6 10px, #fbf1dc 10px, #fbf1dc 20px
	);
	border-color: #e6d4a8;
}

.mr-source__title {
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: #6b5a2a;
}

.mr-source:not(.mr-source--staff) .mr-source__title { color: #29456e; }

.mr-source__row { margin: 0 0 6px; }

.mr-source__link { word-break: break-all; }

.mr-source__meta {
	margin: 0;
	font-size: 13px;
	color: #5a5f66;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}


/* -------------------------------------------------- Rezervováno

   Vlastní stav, ne varianta prodaného. Rezervace padají a nabídka se vrací
   do prodeje, proto oranžová (pozor, ne modrá jako prodáno) a fotka se
   neztlumuje: nemovitost je pořád zajímavá a stojí o poptávky. */

.e-loop-item.mr-reserved::after {
	content: var(--mr-reserved-label, "REZERVOVÁNO");
	background: var(--e-global-color-7128abe, #FD592D);
}

article.elementor-post.mr-reserved .elementor-post__thumbnail {
	position: relative;
}

article.elementor-post.mr-reserved .elementor-post__thumbnail::after {
	content: var(--mr-reserved-label, "REZERVOVÁNO");
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	text-align: center;
	background: var(--e-global-color-7128abe, #FD592D);
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .4px;
	padding: 2px 0 1px;
	pointer-events: none;
}

body.mr-reserved-single .elementor-widget-theme-post-title > .elementor-widget-container::before {
	content: var(--mr-reserved-label, "REZERVOVÁNO");
	display: inline-block;
	margin-bottom: 10px;
	background: var(--e-global-color-7128abe, #FD592D);
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .6px;
	padding: 6px 16px 4px;
	border-radius: 4px;
}

/* ID nemovitosti na detailu. Vzhled ladíme s "ID: 3857" štítkem na kartě
   (Loop template 225), aby to obsluha i klient poznali jako stejnou hodnotu. */
.mr-prop-id {
	display: inline-block;
	margin: 0 0 16px;
	padding: 6px 14px 5px;
	background: var(--e-global-color-primary, #000473);
	color: var(--e-global-color-7863d83, #ffffff);
	border-radius: 5px;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.4px;
}

.mr-prop-id__label {
	font-weight: 700;
}

.mr-prop-id__value {
	font-weight: 500;
}