/**
 * TFC Ads Engine — Frontend Styles
 * Zero-CLS Responsive Ad Containers & Styling
 */

.tfc-ad {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
}

/* Aspect ratio calculation to reserve space and prevent layout shifts */
@supports (aspect-ratio: 1) {
	.tfc-ad {
		aspect-ratio: var(--tfc-desktop-w, 1170) / var(--tfc-desktop-h, 90);
	}
	@media (max-width: 767px) {
		.tfc-ad {
			aspect-ratio: var(--tfc-mobile-w, 768) / var(--tfc-mobile-h, 90);
		}
	}
}

.tfc-ad-picture,
.tfc-ad-link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.tfc-ad-img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;
}

.tfc-adsense-wrap,
.tfc-ad-html-wrap {
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

/* Slot Specific Fine-Tuning */
.tfc-ad-slot-header_top {
	max-width: 1136px;
}

.tfc-ad-slot-home_mid,
.tfc-ad-slot-global_top {
	max-width: 1170px;
}

.tfc-ad-slot-sidebar_top {
	max-width: 300px;
	min-height: 250px;
}

.tfc-ad-slot-sidebar_bottom {
	max-width: 300px;
	min-height: 600px;
}

.tfc-ad-slot-category_sidebar {
	max-width: 300px;
}

.tfc-ad-slot-in_article {
	max-width: 728px;
	margin: 1.75rem auto;
}