@charset "utf-8";

/**
 * Country-page ad slot placeholders.
 * Default: fully hidden (DOM reserved for future AdSense).
 * To preview/enable later, add class "tz-ads-on" on <html> and remove [hidden].
 */

.tz-ad,
.tz-ad[hidden] {
	display: none !important;
}

.tz-ad__label {
	display: none;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #94a3b8;
	margin: 0 0 0.35rem;
	text-align: center;
}

.tz-ad__inner {
	width: 100%;
	min-height: 0;
	background: transparent;
}

/* --- Future enable styles (inactive while hidden) --- */

html.tz-ads-on .tz-ad {
	box-sizing: border-box;
}

html.tz-ads-on .tz-ad__label {
	display: block;
}

/* PC rails: only on wide viewports when ads are on */
html.tz-ads-on .tz-ad--pc:not([hidden]) {
	display: none !important;
}

@media (min-width: 1920px) {
	html.tz-ads-on .tz-ad--pc:not([hidden]) {
		display: block !important;
		position: fixed;
		top: 6.5rem;
		width: 160px;
		z-index: 20;
	}

	html.tz-ads-on .tz-ad--rail-left:not([hidden]) {
		left: max(0.75rem, calc((100vw - 1350px) / 2 - 176px));
	}

	html.tz-ads-on .tz-ad--rail-right:not([hidden]) {
		right: max(0.75rem, calc((100vw - 1350px) / 2 - 176px));
	}

	html.tz-ads-on .tz-ad--pc .tz-ad__inner {
		min-height: 600px;
		border: 1px dashed #cbd5e1;
		border-radius: 8px;
		background: #f8fafc;
	}
}

/* Mobile top banner */
@media (max-width: 1279px) {
	html.tz-ads-on .tz-ad--banner-mobile:not([hidden]) {
		display: block !important;
		max-width: 1200px;
		margin: 0.75rem auto;
		padding: 0 12px;
	}

	html.tz-ads-on .tz-ad--banner-mobile .tz-ad__inner {
		min-height: 100px;
		border: 1px dashed #cbd5e1;
		border-radius: 8px;
		background: #f8fafc;
	}
}

/* In-content (all devices) when ads are on */
html.tz-ads-on .tz-ad--incontent:not([hidden]) {
	display: block !important;
	max-width: 1200px;
	margin: 1.25rem auto 0.5rem;
	padding: 0 12px;
}

html.tz-ads-on .tz-ad--incontent .tz-ad__inner {
	min-height: 250px;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	background: #f8fafc;
}

@media (min-width: 1280px) {
	html.tz-ads-on .tz-ad--mobile {
		display: none !important;
	}
}

@media (max-width: 1279px) {
	html.tz-ads-on .tz-ad--pc {
		display: none !important;
	}
}
