/*!
 * TTFN Ad Slots
 * Copyright (c) 2026 TTFN TV Limited. All rights reserved.
 */
.ttfn-ad {
	clear: both;
	margin: 20px auto;              /* as the pasted blocks had */
	text-align: center;
}
.ttfn-ad__label {
	margin-bottom: 4px;
}
.ttfn-ad--box .ttfn-ad__slot {
	display: inline-block;
	min-width: 300px;
	min-height: 250px;
	max-width: 100%;
}
.ttfn-ad--banner .ttfn-ad__slot {
	min-height: 50px;
	max-width: 100%;
	overflow: hidden;
}
/* Banners shrink to the screen (as the WPCode header's CSS did for the pasted blocks). */
#div-gpt-ad-top,
#div-gpt-ad-bottom,
#div-gpt-ad-mid {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	overflow: hidden;
}
/* Nothing came back: hide the label too (editors in preview still see the outline). */
.ttfn-ad--empty {
	display: none;
}
.ttfn-ad--preview,
.ttfn-ad--preview.ttfn-ad--empty {
	display: block;
	outline: 2px dashed #c8960c;
	outline-offset: 6px;
}
.ttfn-ad__note {
	margin-top: 6px;
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	color: #7a5a00;
}
.ttfn-ad--preview.ttfn-ad--empty .ttfn-ad__slot {
	min-height: 0;
}
.ttfn-ad--preview.ttfn-ad--empty .ttfn-ad__note::after {
	content: " No ad came back for this position just now.";
}
.ttfn-ad--preview.ttfn-ad--nolib .ttfn-ad__note::after {
	content: " Google's ad library didn't load (check the WPCode header in Settings \2192  Ad Slots).";
}

/* Filled: no reserved height (a banner scaled down on a phone is shorter than 50 px). */
.ttfn-ad--filled .ttfn-ad__slot {
	min-height: 0;
}
/* Our own campaigns' artwork: shrinks to the space, never wider than it. */
.ttfn-ad__slot a.ttfn-cmp {
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	vertical-align: top;
}
.ttfn-ad__slot a.ttfn-cmp img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border: 0;
}