/* =============================================================================
   Omtaler (/omtaler/) — videouttalelse + kundehistorie med sitat-piller.
   Kø-lagt kun på denne siden (inc/enqueue.php).
   ============================================================================= */

/* Ingress under sidetittelen. */
.ageri-omtaler__lead {
	margin: var(--space-4) 0 0;
	max-width: 62ch;
	font-size: var(--fs-400);
	line-height: var(--lh-body);
	color: var(--color-text-muted);
}

/* Video øverst (full sidebredde) og kundehistorien som tekst under. */
.ageri-omtaler__featured {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-8); /* god luft mellom videoen og historiens overskrift */
	margin-top: var(--space-6);
}
.ageri-omtaler__video-card {
	margin: 0;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 14px;
	box-shadow: 0 1px 3px rgba(56, 45, 46, 0.06);
	overflow: hidden;
}
.ageri-omtaler__video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
}
.ageri-omtaler__video-cap {
	padding: 0.7rem 1rem;
	font-size: var(--fs-100);
	color: var(--color-text-muted);
}

/* Kundehistorie: én tekstkolonne rett på sidebakgrunnen (ikke kort), med
   lesbar linjelengde, sentrert under videoen. Sitatene vises som piller. */
.ageri-omtaler__case {
	width: 100%;
	max-width: 72ch;
	margin-inline: auto;
}
.ageri-omtaler__case-title {
	margin: 0 0 var(--space-5);
	text-wrap: balance;
}
.ageri-omtaler__case-body > * { margin: 0 0 var(--space-3); }
.ageri-omtaler__case-body h3 {
	font-size: var(--fs-400);
	margin-top: var(--space-5);
}
.ageri-omtaler__pill {
	margin: var(--space-4) 0;
	padding: 0.9rem 1.4rem;
	background: rgba(160, 155, 95, 0.16); /* --ageri-olive, dempet */
	border-radius: 1.5rem;
}
.ageri-omtaler__pill p {
	margin: 0;
	font-family: var(--font-display);
	line-height: 1.55;
	color: var(--color-text);
}
.ageri-omtaler__case-more {
	margin: var(--space-5) 0 0;
	font-weight: var(--fw-medium);
}
.ageri-omtaler__case-more a { text-decoration: none; }
.ageri-omtaler__case-more a:hover { text-decoration: underline; }

/* Kundelogoer: Falck i bildeteksten under videoen, NOF over kundehistorien.
   Fast høyde; bredden følger logoens proporsjoner. */
.ageri-omtaler__logo {
	display: inline-block;
	width: auto;
	height: 1.25rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}
.ageri-omtaler__logo--case {
	display: block;
	height: 2.25rem;
	margin: 0 0 var(--space-4);
}