/* ===== VELORIA — RESPONSIVE CSS ===== */
/* Mobile-first breakpoints: 480, 768, 1024, 1200 */

/* ── 1200px: Wide Layout ─────────────────────────────────── */
@media (max-width: 1200px) {
  :root { --section-gap: clamp(3rem, 6vw, 5rem); }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-8); }
  .new-arrivals-grid { grid-template-columns: repeat(2, 1fr); }
  .new-arrival-card--featured { grid-row: auto; }
  .testimonials-stats { grid-template-columns: repeat(2, 1fr); }
}

/* ── 1024px: Tablet Landscape ────────────────────────────── */
@media (max-width: 1024px) {
  .primary-menu { display: none; } /* replaced by mobile nav */
  .mobile-menu-toggle { display: flex; }

  .wc-layout { grid-template-columns: 1fr; }
  .wc-sidebar { position: static; display: none; }
  .wc-sidebar.is-open { display: flex; }
  .mobile-filter-toggle { display: flex; }
  .wc-main-content { grid-column: 1; }

  .hero-section__content { grid-template-columns: 1fr; }
  .hero-section__visual { display: none; }
  .hero-section { min-height: auto; padding-block: var(--space-11); }
  .hero-title { font-size: clamp(var(--text-3xl), 6vw, var(--text-5xl)); }
  .hero-stats { justify-content: flex-start; }

  .category-cards-grid { grid-template-columns: repeat(2, 1fr); }
  .single-product-layout { grid-template-columns: 1fr; }
  .cart-layout { grid-template-columns: 1fr; }
  .checkout-layout { grid-template-columns: 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .account-nav { position: static; }

  .newsletter-inner { grid-template-columns: 1fr; }
  .promo-banner__inner { flex-direction: column; align-items: flex-start; gap: var(--space-6); }
  .promo-banner__action { align-items: flex-start; }

  .blog-preview-grid { grid-template-columns: repeat(2, 1fr); }

  .order-summary { position: static; }
  .cart-totals { position: static; }
}

/* ── 768px: Tablet Portrait ──────────────────────────────── */
@media (max-width: 768px) {
  :root { --header-height: 64px; }

  h1 { font-size: var(--text-3xl); }
  h2 { font-size: var(--text-2xl); }
  h3 { font-size: var(--text-xl); }

  .hero-section { padding-block: var(--space-9); }
  .hero-title { font-size: var(--text-3xl); }
  .hero-cta-group { flex-direction: column; align-items: flex-start; }
  .hero-stats { gap: var(--space-4); }
  .hero-stat-divider { display: none; }

  .section-header--split { flex-direction: column; align-items: flex-start; gap: var(--space-4); }

  .category-cards-grid { grid-template-columns: 1fr 1fr; gap: var(--space-3); }
  .category-card__link { padding: var(--space-5) var(--space-4); }

  .products-grid--4col,
  ul.products { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }

  .products-grid--3col { grid-template-columns: 1fr 1fr; }

  .new-arrivals-grid { grid-template-columns: 1fr 1fr; gap: var(--space-4); }
  .new-arrival-card--featured { grid-column: span 2; }

  .blog-preview-grid { grid-template-columns: 1fr; }

  .testimonials-grid { grid-template-columns: 1fr; }
  .testimonials-stats { grid-template-columns: repeat(2, 1fr); padding: var(--space-5); }

  .newsletter-form__name-row { grid-template-columns: 1fr; }
  .newsletter-form__email-row { flex-direction: column; }
  .newsletter-form__email-row input { border-radius: var(--radius-md) !important; border-right: 1.5px solid var(--color-border) !important; }
  .newsletter-form__submit { border-radius: var(--radius-md) !important; width: 100%; }

  .footer-grid { grid-template-columns: 1fr; gap: var(--space-6); }

  .review-form__row { grid-template-columns: 1fr; }

  .checkout-progress { gap: var(--space-2); }
  .checkout-step__label { display: none; }
  .checkout-step.is-active .checkout-step__label { display: block; }

  .veloria-countdown { gap: var(--space-1); }
  .countdown-unit { min-width: 44px; padding: var(--space-2); }
  .countdown-unit span { font-size: var(--text-xl); }

  .back-to-top { bottom: var(--space-4); right: var(--space-4); width: 44px; height: 44px; }

  .woocommerce-ordering select { min-width: 140px; }
  .shop-controls { gap: var(--space-2); }
}

/* ── 480px: Mobile ───────────────────────────────────────── */
@media (max-width: 480px) {
  :root { --container-pad: 1rem; }

  .hero-section { padding-block: var(--space-8); }
  .hero-title { font-size: clamp(var(--text-2xl), 8vw, var(--text-3xl)); }
  .hero-subtitle { font-size: var(--text-base); }
  .hero-cta-group .btn { width: 100%; justify-content: center; }

  .category-cards-grid { grid-template-columns: 1fr; }

  .products-grid--4col,
  ul.products { grid-template-columns: 1fr 1fr; gap: var(--space-3); }

  .product-card__body { padding: var(--space-3); }
  .product-card__title { font-size: var(--text-sm); }
  .product-card__price { font-size: var(--text-base); }

  .new-arrivals-grid { grid-template-columns: 1fr; }
  .new-arrival-card--featured { grid-column: auto; }

  .testimonials-stats { grid-template-columns: 1fr 1fr; gap: var(--space-4); padding: var(--space-5) var(--space-4); }
  .trust-stat__number { font-size: var(--text-2xl); }

  .promo-banner { padding: var(--space-7) 0; }
  .promo-banner__title { font-size: var(--text-xl); }
  .veloria-countdown { flex-wrap: wrap; justify-content: flex-start; }

  .newsletter-form-wrap { padding: var(--space-5); }
  .newsletter-title { font-size: var(--text-xl); }

  .footer-bottom__inner { flex-direction: column; text-align: center; }
  .footer-payment-icons { justify-content: center; flex-wrap: wrap; }

  .cookie-banner__inner { flex-direction: column; align-items: flex-start; }
  .cookie-banner__actions { width: 100%; }
  .cookie-banner__actions .btn { flex: 1; }

  .product-form-row { flex-direction: column; align-items: stretch; }
  .btn-add-to-cart { max-width: 100%; }
  .btn-wishlist-product { width: 100%; }

  .cart-totals, .order-summary { border-radius: var(--radius-lg); padding: var(--space-4); }

  .mobile-nav-panel { width: 100%; }
  .compare-bar__products { flex-wrap: wrap; }
}

/* ── Print ───────────────────────────────────────────────── */
@media print {
  .site-header, .site-footer, .announcement-bar,
  .cookie-banner, .back-to-top, .compare-bar { display: none !important; }
  .hero-section { min-height: auto; }
  body { font-size: 12pt; color: #000; }
  a { color: #000; text-decoration: underline; }
  .btn { border: 1px solid #000; }
}

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

/* ── High Contrast ───────────────────────────────────────── */
@media (prefers-contrast: high) {
  :root {
    --color-border: #000000;
    --color-text-muted: #333333;
  }
  .product-card { border: 2px solid var(--color-text); }
  .btn-outline { border-width: 3px; }
}