/* ==========================================================================
   Ember & Olive — Responsive & Accessibility CSS
   ========================================================================== */

/* Mobile Phones (375px - 640px) */
@media (max-width: 640px) {
  .site-header-inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero-heading {
    font-size: 2.25rem !important;
    line-height: 1.12 !important;
  }

  .grid-mobile-1 {
    grid-template-columns: 1fr !important;
  }

  .hide-on-mobile {
    display: none !important;
  }
}

/* Tablets (641px - 1023px) */
@media (min-width: 641px) and (max-width: 1023px) {
  .grid-tablet-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Reduced Motion Support (WCAG 2.2 AA) */
@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;
  }
}

/* Print Stylesheet (For printable menus) */
@media print {
  header, footer, .btn, .no-print {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #000000 !important;
  }

  .menu-section {
    page-break-inside: avoid;
  }
}