/* Kleine WordPress-Adapter rund um die exakt übernommene Referenz-Shell. */
:root {
	--shell-blue-dark: #0072ad; /* Aktionsblau, siehe design-tokens.css */
	--shell-muted: #5d6d78;
}
.enterprise-header .container,
.enterprise-footer .container {
	width: min(100%,var(--page));
	max-width: none;
	margin-inline: auto;
	padding-inline: var(--gutter);
}
.enterprise-nav__trigger.is-current { color: var(--shell-blue-dark); }
.enterprise-nav__trigger.is-current::after { transform: scaleX(1); }
.enterprise-mega__intro h2 { color: var(--shell-ink); }
/* hapert.css und platform-reference.css färben Überschriften dunkel; im dunklen Footer gilt die Flächenfarbe. */
.enterprise-footer .enterprise-footer__cta h2 { color: inherit; }
/* Negativ-Logo (Schild und Balken in Originalfarbe, Wortmarke weiß) statt weiß eingefärbter Silhouette. */
.enterprise-footer__brand img { width: 150px; height: auto; filter: none; }

/* Lesbarkeit: Mikroschrift der Shell (9–10 px) auf 10–13 px; Layout und Proportionen bleiben. */
@media (min-width: 961px) {
	.enterprise-nav__trigger { font-size: 11px; }
	.enterprise-header__action { font-size: 10.5px; }
}
.enterprise-footer__cta-copy span { font-size: 10px; }
.enterprise-footer__cta-actions a { font-size: 12px; }
.enterprise-footer__brand p { color: #aab8c0; font-size: 13px; }
.enterprise-footer__group summary { font-size: 10.5px; }
.enterprise-footer__links a { color: #a3b3bc; font-size: 12.5px; }
.enterprise-footer__legal-inner { color: #93a4ae; font-size: 11px; }

.enterprise-market {
	position: absolute;
	z-index: 8;
	top: 100%;
	right: clamp(170px,16vw,240px);
	display: grid;
	gap: 14px;
	width: min(330px,calc(100vw - 32px));
	padding: 20px;
	border: 1px solid #d3dce1;
	border-top: 3px solid var(--shell-blue);
	background: #fff;
	box-shadow: 0 24px 54px rgba(5,24,36,.16);
}
.enterprise-market[hidden] { display: none; }
/* Einzelmarkt: nur Netto/Brutto, kompakteres Panel direkt unter der Marktschaltfläche. */
.enterprise-market--single { width: min(260px,calc(100vw - 32px)); }
.enterprise-market__group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}
.enterprise-market__group > span {
	color: #657680;
	font-size: 10px;
	font-weight: 740;
	text-transform: uppercase;
}
.enterprise-market .seg,
.mobile-drawer__market .seg {
	display: inline-flex;
	padding: 3px;
	border-radius: 0;
	background: #eef2f4;
}
.enterprise-market .seg__btn,
.mobile-drawer__market .seg__btn {
	min-width: 44px;
	min-height: 38px;
	padding: 0 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #42545f;
	font-size: 10px;
	font-weight: 720;
	cursor: pointer;
}
.enterprise-market .seg__btn[aria-pressed="true"],
.mobile-drawer__market .seg__btn[aria-pressed="true"] {
	background: var(--shell-navy);
	color: #fff;
}
.mobile-drawer__market { display: grid; gap: 22px; }
.mobile-drawer__back[hidden] { display: grid !important; visibility: hidden; }
.mobile-drawer__market > div { display: grid; gap: 8px; }
.mobile-drawer__market > div > span {
	color: #687983;
	font-size: 10px;
	font-weight: 750;
	text-transform: uppercase;
}

.skip {
	position: fixed;
	z-index: 2200;
	top: 10px;
	left: 10px;
	transform: translateY(-160%);
}
.skip:focus { transform: translateY(0); }

@media (max-width:960px) {
	.enterprise-market { display: none !important; }
}

/* „Konfigurieren“ ist ein Link (direkter Klick in den Konfigurator) mit Hover-Menü: wie die übrigen Trigger aussehen. */
a.enterprise-nav__trigger { text-decoration: none; }
a.enterprise-nav__trigger:focus-visible { outline: 2px solid var(--shell-blue-dark); outline-offset: -2px; }

/* Mobil: Konfigurator-Knopf mit Text statt reinem Pfeilsymbol. */
@media (max-width: 768px) {
	.enterprise-mobile-action--konfigurator { width: auto; padding: 0 12px; font-size: 11px; }
	.enterprise-mobile-action--konfigurator::after { content: none; }
}