/* CPQ-SELECT: nur die Regeln, die theme.json nicht abbilden kann. */

/* 1. Anker-Ziele: Redirects auf /glossar/#begriff landen sonst unter dem Kopfbereich. */
:target,
[id] { scroll-margin-top: 6rem; }

/* 2. Kicker- und Standzeilen. */
.cpqs-kicker { letter-spacing: .12em; text-transform: uppercase; margin-bottom: .25rem; }
.cpqs-stand { margin-top: 1rem; }

/* 3. Tabellen: mobil horizontal scrollbar statt umbrechend. */
.cpqs-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cpqs-tablewrap table { min-width: 44rem; border-collapse: collapse; }
.wp-block-table.is-style-cpqs-orientierung th,
.wp-block-table.is-style-cpqs-orientierung td {
	border: 1px solid var(--wp--preset--color--line);
	padding: .6rem .75rem;
	vertical-align: top;
}
.wp-block-table.is-style-cpqs-orientierung thead th {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
	text-align: left;
	font-weight: 600;
}
.wp-block-table figcaption { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--xs); }

/* 4. Akkordeon auf Basis des Kernblocks "Details" - kein Plugin noetig. */
.wp-block-details.cpqs-acc {
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: .75rem 0;
}
.wp-block-details.cpqs-acc summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--wp--preset--color--primary);
	list-style: none;
}
.wp-block-details.cpqs-acc summary::-webkit-details-marker { display: none; }
.wp-block-details.cpqs-acc summary::after { content: "+"; float: right; color: var(--wp--preset--color--accent); }
.wp-block-details.cpqs-acc[open] summary::after { content: "\2013"; }

/* 5. Karten gleich hoch, ohne Grid-Bastelei. */
.cpqs-cards .wp-block-column { display: flex; }
.cpqs-card { width: 100%; }
.cpqs-check { margin-top: auto; }

/* 6. Listen ohne Punkte in Footer und Verweisblock. */
.cpqs-plainlist { list-style: none; padding-left: 0; }
.cpqs-plainlist li { margin-bottom: .35rem; }

/* 7. Sprachumschalter. */
.cpqs-lang-switch { margin: 0; align-self: center; letter-spacing: .08em; }

/* 8. Druck: Navigation und Footer weglassen. */
@media print {
	header.wp-block-group, footer.wp-block-group { display: none; }
	.wp-block-details { display: block; }
	.wp-block-details > * { display: block !important; }
}

/* 9. Bewegungsreduktion respektieren. */
@media (prefers-reduced-motion: reduce) {
	* { animation: none !important; transition: none !important; }
}

/* V6: Finales Logo- und Header-System */
.cpqs-logo-link {
	display: block;
	width: clamp(190px, 20vw, 280px);
	aspect-ratio: 1600 / 305;
	background: url('../images/cpq-select-logo.svg') no-repeat left center / contain;
	text-decoration: none;
	flex: 0 0 auto;
}
.cpqs-main-navigation .wp-block-navigation-item__content {
	text-decoration: none;
	color: var(--wp--preset--color--primary);
}
.cpqs-main-navigation .wp-block-navigation-item__content:hover,
.cpqs-main-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--contrast);
}
.cpqs-lang-switch {
	margin: 0;
	font-weight: 700;
}
.cpqs-lang-switch a {
	text-decoration: none;
	border-left: 1px solid var(--wp--preset--color--line);
	padding-left: 0.8rem;
}
@media (max-width: 781px) {
	.cpqs-site-header > .wp-block-group {
		align-items: center;
	}
	.cpqs-logo-link {
		width: 210px;
	}
}