/* ============================================
   Main Stylesheet - Import all CSS Modules
   ============================================ */

/* 1. Variables (must be first) */
@import url('variables.css');

/* 2. Base Styles */
@import url('base.css');

/* 3. Layout */
@import url('layout.css');

/* 4. Components */
@import url('components.css');

/* 5. Header & Footer */
@import url('header-footer.css');

/* 6. Front Page */
@import url('front-page.css');

/* 7. WooCommerce */
@import url('woocommerce.css');

/* 8. Shop List View */
@import url('shop-list.css');

/* 9. Cart Page */
@import url('cart.css');

/* 10. Checkout Page */
@import url('checkout.css');

/* 11. Success/Thank You Page */
@import url('success.css');

/* 12. Categories Page */
@import url('categories.css');

/* 13. Brands Page */
@import url('brands.css');

/* 14. Info Page */
@import url('info.css');

/* 15. Langzeitmiete Page */
@import url('langzeitmiete.css');

/* 16. AGB Page */
@import url('agb.css');

/* 17. Impressum Page */
@import url('impressum.css');

/* 18. Live Search */
@import url('live-search.css');

/* ============================================
   Theme-specific Overrides & Utilities
   ============================================ */

/* Manrope Font Loading */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/manrope-variable.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* Fallback: Google Fonts (if local font not available) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* Global Styles */
body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-secondary);
}

/* Sicherstellen, dass Header und Footer immer konsistent sind */
.site-header,
.site-footer {
  width: 100% !important;
  box-sizing: border-box;
  position: relative;
}

.site-header .container,
.site-footer .container {
  max-width: var(--container-max-width) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--container-padding) !important;
  padding-right: var(--container-padding) !important;
  box-sizing: border-box;
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Mobile: Weniger Abstand zwischen Header und Titel (alle Seiten ausser Startseite) */
@media (max-width: 768px) {
  body:not(.home) .woocommerce-shop,
  body:not(.home) .categories-page,
  body:not(.home) .brands-page,
  body:not(.home) .cart-page,
  body:not(.home) .info-page,
  body:not(.home) .agb-page,
  body:not(.home) .impressum-page,
  body:not(.home) .langzeitmiete-page,
  body:not(.home) .checkout-page,
  body:not(.home) .woocommerce-checkout,
  body:not(.home) .success-page {
    padding-top: var(--spacing-lg) !important;
  }

  body:not(.home) .entry-header {
    padding-top: var(--spacing-lg) !important;
  }
}