/**
 * Minimaler globaler Reset (Classic-Theme ritter-shop, Shop-Instanz).
 *
 * Kopierte Fassung aus wp-content/themes/ritter-brand/assets/css/style.css
 * (Issue #236): Box-Sizing, Grundtypografie, Link-Farben. Header-/Footer-/
 * Nav-/Shop-Klassen bewusst NICHT uebernommen — eigenes, spaeteres
 * Build-Issue. Screen-Reader-Text-Regel liegt bereits vollstaendig in
 * a11y.css, hier nicht dupliziert.
 */

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var( --wr-font-sans );
	color: var( --wr-color-text-body );
}

a {
	color: var( --wr-color-text );
}

a:hover {
	color: var( --wr-color-primary );
}

/**
 * Header-/Footer-Grundstruktur (Issue #246).
 * Bewusst minimal: nur Anordnung, keine finale Gestaltung, keine
 * Woo-/Cart-/Konto-spezifischen Regeln (folgt erst mit #247).
 */
.ritter-shop-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var( --wr-space-4 );
	max-width: var( --wr-container-max );
	margin: 0 auto;
	padding: var( --wr-space-4 ) var( --wr-space-4 );
}

.ritter-shop-branding__link {
	font-family: var( --wr-font-display );
	font-size: var( --wr-text-lg );
	font-weight: 700;
	text-decoration: none;
	color: var( --wr-color-text );
}

.ritter-shop-primary-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var( --wr-space-4 );
	list-style: none;
	margin: 0;
	padding: 0;
}

.ritter-shop-footer {
	background: var( --wr-color-navy );
	color: var( --wr-color-base );
}

.ritter-shop-footer__inner {
	max-width: var( --wr-container-max );
	margin: 0 auto;
	padding: var( --wr-space-8 ) var( --wr-space-4 );
}

.ritter-shop-footer-legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: var( --wr-space-3 );
	list-style: none;
	margin: 0;
	padding: 0;
}

.ritter-shop-footer-legal-links a {
	color: var( --wr-color-base );
}

.ritter-shop-footer-copyright {
	max-width: var( --wr-container-max );
	margin: 0 auto;
	padding: 0 var( --wr-space-4 ) var( --wr-space-4 );
	font-size: var( --wr-text-sm );
	color: var( --wr-color-base );
}