/* Color pass only. Navy is the only button fill. Gold is a thin edge, never a surface. */

:root {
	--dp-navy: #1e3a5f;
	--dp-navy-deep: #152a45;
	--dp-gold: #c4a35a;
}

.bg-secondary,
.hover\:bg-secondary-hover:hover,
a.bg-secondary,
button.bg-secondary {
	background-color: #1e3a5f !important;
	color: #fff !important;
}

.bg-secondary.text-dark-blue,
.text-dark-blue.bg-secondary {
	color: #fff !important;
}

.bg-secondary\/20 {
	background-color: rgba(30, 58, 95, 0.12) !important;
}

.shadow-secondary\/20,
.shadow-lg.shadow-secondary\/20,
.shadow-xl.shadow-secondary\/20 {
	--tw-shadow-color: rgba(21, 42, 69, 0.28);
	box-shadow: 0 8px 24px rgba(21, 42, 69, 0.2) !important;
}

.dp-schnellweg-knopf {
	background: #ffffff !important;
	color: #1e3a5f !important;
	border: 1px solid #c4a35a;
	padding: 0.82em 1.55em;
	font-weight: 700;
	box-shadow: 0 4px 14px rgba(21, 42, 69, 0.18);
}

.has-luminous-vivid-orange-background-color,
.has-vivid-amber-background-color,
.has-amber-background-color,
.has-luminous-vivid-orange-background-color.has-background {
	background-color: #1e3a5f !important;
}

/* Hero ratings pill — live string, quieter chrome */
.hero-badge {
	padding: 0.2rem 0.55rem !important;
	gap: 0.3rem !important;
	margin-bottom: 1rem !important;
}

.hero-badge a {
	gap: 0.3rem !important;
}

.hero-badge .material-icons,
.hero-badge .material-icons-outlined,
.hero-badge .text-secondary,
.hero-badge span,
.hero-badge a {
	color: rgba(255, 255, 255, 0.7) !important;
}

.hero-badge .text-\[13px\],
.hero-badge .md\:text-sm {
	font-size: 11px !important;
	line-height: 1.2 !important;
}

.hero-badge .material-icons,
.hero-badge .material-icons-outlined {
	font-size: 13px !important;
}