/**
 * Primus A1 Betriebsunterbrechungsversicherung – Theme 0.1.75+
 * Nur auf is_page( 'betriebsunterbrechungsversicherung' ).
 * Dramaturgie: Zeit, Abhängigkeiten, wirtschaftliche Kontinuität.
 */

.bu-page__hero,
.bu-page__trust,
.bu-page__orient,
.bu-page__logic,
.bu-page__kosten,
.bu-page__ertrag,
.bu-page__verpflichtungen,
.bu-page__wiederanlauf,
.bu-page__abhaengigkeiten,
.bu-page__haftzeit,
.bu-page__basis,
.bu-page__lieferanten,
.bu-page__bestand,
.bu-page__cross,
.bu-page__schaden,
.bu-page__faq,
.bu-page__smartcheck,
.bu-page__cta {
	--primus-blue: var(--wp--preset--color--primus-blue, #1656a6);
	--primus-blue-deep: #0c3a72;
	--primus-navy: #082847;
	--primus-gold: var(--wp--preset--color--primus-gold, #c9a227);
	--primus-card-border: rgba(12, 58, 114, 0.14);
	--primus-radius-card: 14px;
	--primus-shadow-1: 0 6px 18px rgba(8, 40, 71, 0.07);
	--primus-shadow-2: 0 14px 32px rgba(8, 40, 71, 0.14);
}

.bu-page__hero.primus-surface--mist,
.bu-page__logic.primus-surface--mist,
.bu-page__ertrag.primus-surface--mist,
.bu-page__haftzeit.primus-surface--mist,
.bu-page__lieferanten.primus-surface--mist,
.bu-page__bestand.primus-surface--mist,
.bu-page__smartcheck.primus-surface--mist {
	background-color: #f1f5f9 !important;
	background-image:
		linear-gradient(90deg, rgba(22, 86, 166, 0.04) 0%, transparent 42%),
		radial-gradient(ellipse 60% 50% at 88% 18%, rgba(201, 162, 39, 0.1) 0%, transparent 70%),
		linear-gradient(180deg, #f8fafc 0%, #e8eef6 50%, #f4f7fb 100%);
}

.bu-page__trust.primus-surface--warm,
.bu-page__wiederanlauf.primus-surface--warm,
.bu-page__schaden.primus-surface--warm {
	background-color: #f8f9fb !important;
	background-image:
		radial-gradient(ellipse 48% 40% at 20% 15%, rgba(226, 236, 248, 0.8) 0%, transparent 68%),
		linear-gradient(180deg, #f8f9fb 0%, #eef2f7 55%, #ffffff 100%);
}

.bu-page__cta.primus-surface--deep {
	background-color: var(--primus-navy, #082847) !important;
	background-image:
		radial-gradient(ellipse 50% 45% at 15% 12%, rgba(22, 86, 166, 0.48) 0%, transparent 70%),
		radial-gradient(ellipse 36% 32% at 92% 88%, rgba(201, 162, 39, 0.14) 0%, transparent 65%),
		linear-gradient(160deg, #082847 0%, #0c3a72 50%, #082847 100%);
	color: #fff;
}

.bu-page__cta.primus-surface--deep .wp-block-heading,
.bu-page__cta.primus-surface--deep p {
	color: #fff;
}

.bu-page__trust-card,
.bu-page__orient-card,
.bu-page__logic-card,
.bu-page__cross-card,
.bu-page__time-step {
	height: 100%;
	padding: clamp(1.1rem, 2.2vw, 1.5rem);
	border: 1px solid var(--primus-card-border);
	border-radius: var(--primus-radius-card);
	background: #fff;
	box-shadow: var(--primus-shadow-1);
}

.bu-page__orient-card {
	border-top: 3px solid rgba(22, 86, 166, 0.35);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.bu-page__orient-card:hover,
.bu-page__orient-card:focus-within {
	border-top-color: var(--primus-gold, #c9a227);
	box-shadow: var(--primus-shadow-2);
}

.bu-page__orient-card a {
	color: var(--primus-blue-deep, #0c3a72);
	text-decoration: none;
	font-weight: 600;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

.bu-page__orient-card a:hover,
.bu-page__orient-card a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.bu-page__logic-card--accent {
	border-left: 4px solid var(--primus-gold, #c9a227);
	background: linear-gradient(180deg, #fffdf6 0%, #fff 100%);
}

.bu-page__time-step {
	position: relative;
	border-left: 3px solid var(--primus-blue, #1656a6);
}

.bu-page__time-label {
	margin: 0 0 0.35rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--primus-blue-deep, #0c3a72);
}

.bu-page__orient-grid,
.bu-page__logic-grid,
.bu-page__timeline,
.bu-page__cross-grid,
.bu-page__trust-grid {
	width: 100%;
}

.bu-page__hero .wp-block-button__link,
.bu-page__bestand .wp-block-button__link,
.bu-page__schaden .wp-block-button__link,
.bu-page__cta .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.bu-page__cta .is-style-outline .wp-block-button__link {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.55);
}

.bu-page__cta .is-style-outline .wp-block-button__link:hover,
.bu-page__cta .is-style-outline .wp-block-button__link:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.bu-page__smartcheck {
	border-top: 1px dashed rgba(12, 58, 114, 0.2);
}

.bu-page__faq .wp-block-details {
	margin-bottom: 0.65rem;
	padding: 0.85rem 1rem;
	border: 1px solid var(--primus-card-border);
	border-radius: var(--primus-radius-card);
	background: #fff;
}

.bu-page__faq .wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	min-height: 44px;
	display: flex;
	align-items: center;
}

@media (max-width: 781px) {
	.bu-page__orient-grid,
	.bu-page__logic-grid,
	.bu-page__timeline,
	.bu-page__cross-grid,
	.bu-page__trust-grid {
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bu-page__orient-card {
		transition: none !important;
	}
}