/*
 * mediarock KI-Kennzeichnung – Frontend
 *
 * Statischer Teil. Größe, Ecke, Abstand und Deckkraft kommen aus den Einstellungen
 * und werden zur Laufzeit als inline-Stylesheet ergänzt (siehe mrai_inline_css()).
 */

.mrai-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	vertical-align: middle;
}

/* Das Bild füllt den Wrapper vollständig aus, damit sich das Logo exakt an der
   Bildkante ausrichtet – auch wenn das Theme das Bild responsiv skaliert.
   Ausrichtung und Außenabstände liegen jetzt am Wrapper, nicht mehr am Bild. */
.mrai-wrap > img.mrai-image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0;
	float: none;
}

/* Die Ausrichtungsklasse wandert beim Umbauen vom Bild an den Wrapper. Themes, die
   .aligncenter & Co. selbst gestalten, greifen dadurch weiterhin – diese Regeln sind
   nur die Absicherung für Themes, die das nicht tun. */
.mrai-wrap.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mrai-wrap.alignleft {
	float: left;
	margin-right: 1.5em;
}

.mrai-wrap.alignright {
	float: right;
	margin-left: 1.5em;
}

/* Element mit CSS-Hintergrundbild, in das per JavaScript ein Logo gehängt wurde. */
.mrai-bg-relative {
	position: relative;
}

.mrai-wrap > .mrai-badge,
.mrai-bg-host > .mrai-badge {
	position: absolute;
	z-index: 2;
	display: block;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}

/* Der Kennzeichnungs-Hinweis muss auch im Ausdruck erhalten bleiben. */
@media print {
	.mrai-wrap > .mrai-badge,
	.mrai-bg-host > .mrai-badge {
		display: block !important;
		filter: none;
	}
}