/**
 * Primus A2 Transportversicherung – Theme 0.1.84+
 * Nur auf is_page( 'transportversicherung' ).
 * Dramaturgie: Waren- und Transportwege – Warentransport, Werkverkehr und Verkehrshaftung getrennt.
 */

.transport-page__hero,
.transport-page__trust,
.transport-page__orient,
.transport-page__grundlogik,
.transport-page__warentransport,
.transport-page__werkverkehr,
.transport-page__spedition,
.transport-page__verkehrshaftung,
.transport-page__national,
.transport-page__international,
.transport-page__verkehrstraeger,
.transport-page__umschlag,
.transport-page__verpackung,
.transport-page__wertspitzen,
.transport-page__maschinen,
.transport-page__bu,
.transport-page__lieferkette,
.transport-page__branchen,
.transport-page__bestand,
.transport-page__schaden,
.transport-page__cross,
.transport-page__faq,
.transport-page__smartcheck,
.transport-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);
}

.transport-page__hero.primus-surface--mist,
.transport-page__orient.primus-surface--mist,
.transport-page__warentransport.primus-surface--mist,
.transport-page__spedition.primus-surface--mist,
.transport-page__national.primus-surface--mist,
.transport-page__verpackung.primus-surface--mist,
.transport-page__lieferkette.primus-surface--mist,
.transport-page__bestand.primus-surface--mist,
.transport-page__cross.primus-surface--mist,
.transport-page__smartcheck.primus-surface--mist {
	background-color: #f2f5f9 !important;
	background-image:
		linear-gradient(105deg, rgba(8, 40, 71, 0.04) 0%, transparent 38%),
		radial-gradient(ellipse 55% 45% at 92% 20%, rgba(22, 86, 166, 0.12) 0%, transparent 70%),
		linear-gradient(180deg, #f8fafc 0%, #e9eef6 48%, #f5f7fb 100%);
}

.transport-page__trust.primus-surface--warm,
.transport-page__verkehrstraeger.primus-surface--warm,
.transport-page__maschinen.primus-surface--warm {
	background-color: #f7f8fa !important;
	background-image:
		radial-gradient(ellipse 50% 40% at 18% 12%, rgba(226, 236, 248, 0.75) 0%, transparent 68%),
		linear-gradient(180deg, #f7f8fa 0%, #eef2f7 55%, #ffffff 100%);
}

.transport-page__cta.primus-surface--deep {
	background-color: var(--primus-navy, #082847) !important;
	background-image:
		radial-gradient(ellipse 52% 48% at 14% 10%, rgba(22, 86, 166, 0.5) 0%, transparent 70%),
		radial-gradient(ellipse 38% 34% at 90% 88%, rgba(201, 162, 39, 0.12) 0%, transparent 65%),
		linear-gradient(158deg, #082847 0%, #0c3a72 52%, #082847 100%);
	color: #fff;
}

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

.transport-page__trust-card,
.transport-page__orient-card,
.transport-page__info-card,
.transport-page__role-card,
.transport-page__cross-card {
	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);
}

.transport-page__info-card--accent,
.transport-page__role-card--accent {
	border-top: 3px solid var(--primus-gold, #c9a227);
	background: linear-gradient(180deg, #fffdf6 0%, #fff 100%);
}

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

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

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

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

.transport-page__orient-grid,
.transport-page__split-grid,
.transport-page__cross-grid,
.transport-page__trust-grid {
	width: 100%;
}

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

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

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

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

.transport-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;
}

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

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

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