/* ELAB bänneripinnad — [elab_banner].
   SEAMLESS: spacing elab elemendi enda küljes (margin), nii et kui pinda
   pole (kampaania puudub / väljas), kaob ka vahe — ei jää tühje konteinereid. */

.elab-banner{
	display:flex;
	justify-content:center;
	width:100%;
}

/* Seamless-hide PUHTALT CSS-iga (ei vaja JS-i):
   reaalne Revive-pind = `.elab-banner` mille sees on `<ins>`. Kui `<ins>`-il
   pole sisu-elementi (kampaania puudub / asyncjs blokeeritud) → peida pind
   täielikult (kaob koos margin'i/flex-gap'iga). Kui asyncjs süstib reklaami
   (`<a>`/`<iframe>`/`<img>`), `:has()` re-evalueerib ELAVALT → pind ilmub.
   `:has(ins)` skoop hoiab placeholderi (`.elab-banner__ph`, ilma `<ins>`-ita)
   ALATI nähtavana (dev-režiim). */
.elab-banner ins,
.elab-banner ins > a{display:block}
.elab-banner:has(ins):not(:has(ins > *)){display:none}

/* Placeholder-kast (arendus) */
.elab-banner__ph{
	box-sizing:border-box;
	width:var(--elab-bw,100%);
	max-width:100%;
	height:var(--elab-bh,90px);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	text-align:center;
	border:1px dashed var(--elab-border-strong,#c7c7c7);
	border-radius:var(--elab-radius-md,8px);
	background:repeating-linear-gradient(45deg,transparent 0,transparent 9px,rgba(0,0,0,.025) 9px,rgba(0,0,0,.025) 18px);
	color:var(--elab-text-muted,#7a7a7a);
}
.elab-banner__ph-name{font-weight:600;font-size:14px;color:var(--elab-text,#333)}
.elab-banner__ph-meta{font-size:12px;opacity:.75}

/* ── Paigutus-spacing (omab element ise → seamless) ───────────────────── */
.elab-banner--panoraam{margin:30px 0 0} /* ainult top; bottom-ruumi annab järgmine konteiner */
.elab-banner--moodul{margin:0} /* main on flex-gap → vahe tuleb sealt; tühi = seamless */
.elab-banner--veerg{margin-bottom:24px}
.elab-banner--toetaja{margin-bottom:10px}

@media (max-width:600px){
	.elab-banner__ph{height:auto;min-height:60px;padding:14px}
}