/* Mobile first - base styles already mobile-friendly */

/* Article sidebar collapse */
@media (max-width: 1023px) {
  .article-layout {
    grid-template-columns: 1fr !important;
  }
  .article-sidebar {
    display: none;
  }
  .article-hero__decor svg {
    width: 10rem;
    height: 10rem;
  }
}

/* Show mobile toggle, hide desktop nav on small screens */
@media (max-width: 767px) {
  .mobile-menu-toggle {
    display: flex;
  }
  .main-nav,
  .header-actions {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
  .hero-section {
    min-height: auto;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .casino-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-grid {
    grid-template-columns: 1fr;
  }
}

/* Tablet */
@media (min-width: 768px) {
  .container {
    padding: 0 var(--space-lg);
  }
  .hero-section {
    min-height: calc(100vh - var(--header-height));
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .hero-section {
    min-height: calc(100vh - var(--header-height));
  }
}

/* Touch targets - ensure minimum 44px */
@media (pointer: coarse) {
  
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Body menu open */
body.menu-open {
  overflow: hidden;
}

/* Responsive images */
img { max-width: 100%; height: auto; }