/* header.css — Navigation, Header, Footer */

/* ---- Header ---- */
.site-header {
  background-color: var(--color-bg) !important;
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.site-header .site-branding h1,
.site-header .site-branding p,
.site-header .site-branding a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  color: var(--color-text-primary);
  text-decoration: none;
}

.main-navigation ul li a {
  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text-primary);
  padding: var(--space-1) var(--space-2);
  text-decoration: none;
  transition: color var(--duration-normal) ease;
}

.main-navigation ul li a:hover {
  color: var(--color-accent);
}

.site-header-cart .cart-contents {
  font-family: var(--font-family);
  color: var(--color-text-primary);
}

/* ---- Footer ---- */
.site-footer {
  background-color: var(--color-surface);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  font-size: 14px;
}

.site-footer a {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--duration-normal) ease;
}

.site-footer a:hover {
  color: var(--color-text-primary);
}

/* ---- WooCommerce Allgemein ---- */
.woocommerce-page .woocommerce,
.woocommerce {
  font-family: var(--font-family);
}

/* Storefront-Standardfarben überschreiben */
a { color: var(--color-text-primary); }
a:hover { color: var(--color-accent); }