/**
 * FocalX — fælles polish for alle custom landingssider og PHP-skabeloner.
 *
 * Scopet til #fx-main så Astra-header/footer, widgets og evt. Elementor-
 * sider uden #fx-main ikke påvirkes.
 *
 * Loader globalt efter typography.css (via functions.php).
 */

#fx-main.fx-main {
	color: var(--fx-text-body);
}

/* Diskret skillelinje mellem to sektioner direkte efter hinanden —
   giver tydeligere “blok”-rytme uden at ændre markup. Første sektion
   efter fx. breadcrumb får ikke linje (kun section + section). */
#fx-main.fx-main > section + section {
	border-top: 1px solid var(--fx-border-soft, #e8eaef);
}

/* Logo-carousel har egen top-border i logo-carousel.css — undgå dobbelt linje */
#fx-main.fx-main > section + section.fx-logo-carousel-wrap {
	border-top: none;
}

/* Lidt pænere linjeskift i løbende brødtekst (Chrome 117+, Safari 17.5+). */
@supports (text-wrap: pretty) {
	#fx-main.fx-main p {
		text-wrap: pretty;
	}
}

/* Diskret typografi for citater i migreret indhold / WYSIWYG. */
#fx-main.fx-main blockquote {
	margin: 1.25em 0;
	padding: 0.35em 0 0.35em 1.15em;
	border-left: 4px solid rgba(22, 59, 107, 0.28);
	color: var(--fx-text-body);
	font-style: italic;
}

#fx-main.fx-main blockquote p:last-child {
	margin-bottom: 0;
}

/* Horisontal skillelinje: brug design tokens i stedet for browser-default grå. */
#fx-main.fx-main hr {
	border: 0;
	border-top: 1px solid var(--fx-border, #e5e7eb);
	margin: 2em 0;
}

/* Lister uden egen BEM-klasse (fx. WYSIWYG) — luft og læsbarhed.
   Undtag `.pill-track` (hero-ToC): `li + li`-margin er tænkt til vertikale
   brødtekst-lister; i en horisontal flex-række giver det “første pill højere”. */
#fx-main.fx-main :is(ul, ol):not([class*="fx-"]):not([class*="wp-block"]):not(.pill-track) {
	line-height: 1.65;
}

#fx-main.fx-main :is(ul, ol):not([class*="fx-"]):not([class*="wp-block"]):not(.pill-track) li + li {
	margin-top: 0.35em;
}