/* Web24 MultiForum Suite - AdManager Frontend-Styles */

/* Einheitlicher Aussen-Container jeder Anzeigen-Ausgabe: sorgt fuer einen
   klaren Abstand ober- und unterhalb der Werbung.

   32px statt der frueheren 24px: Die Anzeige steht unter Inhalten (z. B. unter
   einem Firmeneintrag) und muss auf den ersten Blick als eigener Block lesbar
   sein, nicht als Fussnote des Inhalts darueber. */
.w24mf-admanager-output {
	margin: 32px 0;
}

/* Wrapper um Anzeige + Kennzeichnung (nur bei label_position: empty_only ohne Anzeigen) */
.w24mf-admanager-zone-wrap {
	margin: 8px 0;
}

/* Kennzeichnungs-Zeile. Die Klasse wird ober- UND unterhalb der Anzeige
   benutzt, deshalb symmetrisches Polster statt einer Richtung. */
.w24mf-adm-label {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 6px 0;
	font-size: 0.75em;
	line-height: 1.4;
	color: #646970;
}

.w24mf-adm-label__badge {
	display: inline-block;
	background: #f0f0f1;
	border: 1px solid #dcdcde;
	border-radius: 3px;
	padding: 1px 5px;
	font-size: 0.85em;
	font-weight: 600;
	color: #3c434a;
	white-space: nowrap;
	flex-shrink: 0;
}

.w24mf-adm-label__text {
	flex: 1;
}

/* Die Anzeige selbst. Der eigene Abstand trennt sie von der Kennzeichnung
   darueber und vom Transparenzhinweis darunter — beide gehoeren zur Anzeige,
   duerfen aber nicht an ihr kleben. */
.w24mf-admanager-ad {
	margin: 12px 0;
}

/* Bildanzeige: als Block gesetzt, damit unter dem Bild nicht die
   Grundlinien-Luecke eines Inline-Bildes entsteht — genau die laesst den
   Abstand nach unten kleiner wirken als den nach oben. max-width haelt grosse
   Motive auf schmalen Displays im Rahmen. */
.w24mf-adm-image {
	display: block;
	max-width: 100%;
	height: auto;
}

.w24mf-adm-image-link {
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}

/* Textanzeige (ad_type: text) */
a.w24mf-adm-text-ad,
span.w24mf-adm-text-ad {
	display: inline-block;
	padding: 4px 8px;
	background: #f9f9f9;
	border: 1px solid #dcdcde;
	border-radius: 3px;
	color: #2271b1;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.5;
}

a.w24mf-adm-text-ad:hover {
	background: #f0f0f1;
	text-decoration: underline;
}

/* Anzeigen-Ueberschrift */
.w24mf-admanager-headline {
	margin: 0 0 8px;
	padding: 0;
	font-size: 1.15em;
	line-height: 1.3;
	font-weight: 600;
}

/* Umgebungstexte: Freitexte + globale Textbausteine, bewusst ausserhalb
   des klickgetrackten Anzeigen-Divs. */
.w24mf-admanager-ad-wrap {
	margin: 0;
}

.w24mf-adm-ad-text {
	font-size: 0.85em;
	line-height: 1.5;
	color: #50575e;
}

.w24mf-adm-ad-text--above {
	margin: 0 0 8px;
}

.w24mf-adm-ad-text--below {
	margin: 8px 0 0;
}

.w24mf-adm-ad-text a {
	color: #2271b1;
}

/* Globale Textbausteine (per Referenz).

   Diese Regel war ueber mehrere Fassungen hinweg mitten im Wort abgeschnitten
   ("lin" statt "line-height") und damit fuer den Browser ungueltig — samt
   allem, was danach kam. Der Transparenzhinweis unter der Anzeige stand
   dadurch ohne Schriftgroesse, ohne Farbe und ohne Abstand direkt am Bild.
   Deshalb steht hier ausdruecklich: Die Datei muss vollstaendig enden. */
.w24mf-adm-textblocks {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 0.8em;
	line-height: 1.5;
	color: #50575e;
}

/* Abstand zur Anzeige. Zusammen mit dem Rand von .w24mf-admanager-ad ergibt
   das rund 24px zwischen Bild und Hinweis — genug, damit der Hinweis als
   Erlaeuterung zur Anzeige und nicht als Bildunterschrift gelesen wird. */
.w24mf-adm-textblocks--zone {
	margin: 12px 0;
}

.w24mf-adm-textblocks--ad {
	margin: 12px 0;
}

/* Ein Baustein je Block. Der Inhalt kommt aus wp_kses_post() und bringt in der
   Regel eigene Absaetze mit — deren Aussenabstaende wuerden den Abstand nach
   oben und unten sonst unkontrolliert verdoppeln. */
.w24mf-adm-textblock {
	margin: 0;
}

.w24mf-adm-textblock > :first-child {
	margin-top: 0;
}

.w24mf-adm-textblock > :last-child {
	margin-bottom: 0;
}

.w24mf-adm-textblock a {
	color: #2271b1;
}

.w24mf-adm-textblock a:hover,
.w24mf-adm-textblock a:focus {
	text-decoration: underline;
}