/* =============================================================
   Aquareader — Ad Placement Styles
   Works with Madara Advanced Ad Inserter (MAAI) wrapper classes.
   Pattern: .maai-ad--placement-{spot_key}
   VIP suppression is handled server-side by MAAI_Exclusion — no
   CSS is needed for it.
   ============================================================= */

/* ── Reader: interval ads between images ────────────────────── */
.maai-ad--placement-reading_interval {
	display: block;
	text-align: center;
	padding: 14px 0;
	background: #111;
}

/* ── Reader: pre-roll / post-roll ───────────────────────────── */
.maai-ad--placement-reading_pre_content,
.maai-ad--placement-reading_post_content {
	display: block;
	text-align: center;
	padding: 20px 16px;
	background: #111;
}

/* ── Reader: before / after comments ───────────────────────── */
.maai-ad--placement-reading_before_comments,
.maai-ad--placement-reading_after_comments {
	display: block;
	text-align: center;
	margin: 16px 0;
}

/* ── Homepage ───────────────────────────────────────────────── */
.maai-ad--placement-homepage_hero_bottom,
.maai-ad--placement-homepage_between_sections_1 {
	display: block;
	text-align: center;
	padding: 12px 0;
}

/* ── In-feed (homepage / archive / search) ──────────────────── */
.maai-ad--placement-homepage_grid_infeed_desktop,
.maai-ad--placement-homepage_grid_infeed_mobile,
.maai-ad--placement-archive_grid_infeed,
.maai-ad--placement-search_above_results {
	display: block;
	text-align: center;
	padding: 10px 0;
}

/* Show only the correct infeed variant per viewport */
@media (min-width: 769px) {
	.maai-ad--placement-homepage_grid_infeed_mobile { display: none !important; }
}
@media (max-width: 768px) {
	.maai-ad--placement-homepage_grid_infeed_desktop { display: none !important; }
}

/* ── Sticky ads: must clear the bottom bar ──────────────────── */
/* On reader pages (body.aqua-reader-page) the reader-specific rule
   in reader.css takes precedence. This rule covers all other pages. */
body:not(.aqua-reader-page) .maai-ad--sticky {
	bottom: 0 !important; /* non-reader: normal sticky */
}

/* ── General ad wrapper ─────────────────────────────────────── */
.maai-ad { overflow: hidden; }
.maai-ad iframe,
.maai-ad ins { display: block; }