/* jno-ai-act-00-frontend: frontend.css */
.jnoaat-badge {
	/* Breite/Höhe/Position werden von frontend-badges.js pro Bild gesetzt
	   (Mindestgröße, Presets oder proportionale Skalierung).
	   z-index bewusst UNTER der WP-Admin-Bar (#wpadminbar, z-index: 99999),
	   damit die Badge sie nie überdeckt - aber weit über normalem Seiteninhalt. */
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	overflow: visible;
	pointer-events: none;
	z-index: 99000;
}

/* Normalfall: Badge ist echtes Geschwisterelement des Bildes, positioniert sich
   rein per CSS mit und braucht kein JS-Tracking beim Scrollen. */
.jnoaat-badge--native {
	position: absolute;
}

.jnoaat-relative-host {
	position: relative !important;
}

/* Ausnahmefall: Bild steckt in einem overflow:hidden/auto/scroll-Container, die
   Badge wird stattdessen an body angehängt und per rAF nachgeführt. */
.jnoaat-badge--escaped {
	position: fixed;
	top: 0;
	left: 0;
}

.jnoaat-badge__icon {
	/* !important bewusst: Theme-/Builder-CSS enthält häufig generische
	   img-Selektoren (responsive Reset wie "img{max-width:100%;height:auto}",
	   oder wie hier ein Hero-Widget mit eigenem Custom-CSS "...img{height:90vh}"
	   auf jedes <img> im Widget-Wrapper). Unser Badge-Icon ist zufällig
	   ebenfalls ein <img> im selben Wrapper und erbt solche Regeln sonst mit -
	   in freier Wildbahn bestätigt (Custom-CSS eines Elementor-Hero-Widgets
	   hat die Icon-Höhe auf 90vh gezogen). */
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: fill !important;
	object-position: 0 0 !important;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}

.jnoaat-banner {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 1em;
	padding: 0.7em 1.1em;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.05);
	font-size: 1em;
}

.jnoaat-banner__icon {
	width: 28px;
	height: 28px;
	flex: 0 0 auto;
}

.jnoaat-banner--bottom {
	margin: 1em 0 0;
}


/* jno-local-business-schema-card: style.css */
.jno-lbs-card {
	max-width: 320px;
	padding: 1.25em;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	font-size: 0.95em;
	line-height: 1.5;
}

.jno-lbs-card__title {
	margin: 0 0 0.5em;
}

.jno-lbs-card__logo {
	max-width: 100%;
	height: auto;
	margin-bottom: 0.75em;
}

.jno-lbs-card p {
	margin: 0 0 0.5em;
}

.jno-lbs-card__hours {
	border-collapse: collapse;
	margin: 0.5em 0;
}

.jno-lbs-card__hours th {
	text-align: left;
	font-weight: 600;
	padding-right: 1em;
}

.jno-lbs-card__social a {
	margin-right: 0.5em;
}