/* ============================================================
   PureRetroLegends — responsive.css
   Breakpoints: 1200 / 992 / 768 / 480px
   ============================================================ */

/* ── 1200px ──────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .prl-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

/* ── 992px ───────────────────────────────────────────────── */
@media (max-width: 992px) {
  .prl-history-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

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

  .prl-contact-grid {
    grid-template-columns: 1fr;
  }

  .prl-hamburger {
    display: flex;
  }

  .prl-nav-links {
    display: none;
  }

  .prl-games-grid {
    grid-template-columns: 1fr;
  }
}

/* ── 768px ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --prl-header-h: 60px;
  }

  .prl-section {
    padding: 56px 0;
  }

  .prl-section-header {
    margin-bottom: 36px;
  }

  .prl-games-grid {
    grid-template-columns: 1fr;
  }

  .prl-facts-grid {
    grid-template-columns: 1fr;
  }

  .prl-footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .prl-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .prl-form-row {
    grid-template-columns: 1fr;
  }

  .prl-hero-cta {
    flex-direction: column;
    align-items: center;
  }

  .prl-cookie-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .prl-cookie-actions {
    width: 100%;
  }

  .prl-cookie-btn {
    flex: 1;
    text-align: center;
  }

  .prl-legal-content table {
    display: block;
    overflow-x: auto;
  }
}

/* ── 480px ───────────────────────────────────────────────── */
@media (max-width: 480px) {
  .prl-container {
    padding: 0 16px;
  }

  h1 {
    font-size: 1.1rem;
  }

  .prl-hero-title {
    font-size: 1rem;
  }

  .prl-card-image,
  .prl-card-image-placeholder {
    height: 180px;
  }

  .prl-history-card,
  .prl-fun-fact {
    padding: 24px 20px;
  }

  .prl-newsletter-form {
    flex-direction: column;
  }

  .prl-filters {
    gap: 8px;
  }

  .prl-filter-btn {
    font-size: 0.6rem;
    padding: 7px 14px;
  }

  .btn-primary,
  .btn-outline {
    width: 100%;
    text-align: center;
  }
}

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

  .prl-reveal {
    opacity: 1;
    transform: none;
  }

  .prl-marquee {
    animation: none;
  }
}

/* ── Print ───────────────────────────────────────────────── */
@media print {
  .prl-header,
  .prl-cookie-banner,
  .prl-hamburger,
  .prl-marquee-wrapper {
    display: none !important;
  }

  body {
    background: #fff;
    color: #000;
  }

  a {
    color: #000;
    text-decoration: underline;
  }
}
