/* =============================================
   CRAZY MONKEY SOCIAL CASINO — RESPONSIVE.CSS
   Mobile-First Responsive System
   ============================================= */

/* ─── TABLET: 768px - 1024px ─── */
@media (max-width: 1024px) {
  :root {
    --pad-desktop: var(--pad-tablet);
  }

  .hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
    padding: var(--space-2xl) 0;
  }

  .hero-content {
    order: 1;
  }

  .hero-visual {
    order: 2;
    display: flex;
    justify-content: center;
  }

  .hero-subtitle,
  .hero-stats {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-actions {
    justify-content: center;
  }

  .hero-stats {
    justify-content: center;
  }

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

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

  .about-grid {
    grid-template-columns: 1fr;
  }

  .about-card-stack {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .about-stat-card {
    flex: 1 1 200px;
  }

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

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

  .footer-brand {
    grid-column: 1 / -1;
  }

  .steps-grid {
    flex-direction: column;
    align-items: stretch;
  }

  .step-connector {
    width: auto;
    height: 40px;
    justify-content: center;
  }

  .connector-vine {
    width: 2px;
    height: 100%;
  }

  .connector-vine::after {
    content: '▼';
    right: auto;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
  }

  .nav-center {
    display: none;
  }

  .mobile-toggle {
    display: flex;
  }
}

/* ─── MOBILE: max 767px ─── */
@media (max-width: 767px) {
  :root {
    --pad-desktop: var(--pad-mobile);
    --space-3xl: 60px;
    --space-4xl: 60px;
  }

  /* Hero */
  .hero-title {
    font-size: 2rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }

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

  .hero-stats {
    flex-wrap: wrap;
    gap: var(--space-sm);
    justify-content: center;
  }

  .slot-preview-frame {
    max-width: 320px;
  }

  .reel-symbol {
    font-size: 1.6rem;
    padding: var(--space-xs);
  }

  /* Sections */
  .section-title {
    font-size: 1.7rem;
  }

  .section-header {
    margin-bottom: var(--space-xl);
  }

  /* Features */
  .features-grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  /* Values */
  .values-grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  /* Game Section */
  .game-iframe-wrap {
    aspect-ratio: 3/4;
  }

  .game-meta {
    gap: var(--space-sm);
  }

  .game-meta-item {
    padding: 8px 14px;
    font-size: 0.85rem;
  }

  /* Steps */
  .steps-grid {
    gap: var(--space-sm);
  }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }

  .about-card-stack {
    flex-direction: column;
  }

  /* Contact */
  .contact-grid {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }

  /* Disclaimer */
  .disclaimer-inner {
    flex-direction: column;
    text-align: center;
    padding: var(--space-md);
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
    padding: var(--space-xl) 0 var(--space-lg);
  }

  .footer-brand {
    grid-column: auto;
  }

  /* Legal */
  .legal-block {
    flex-direction: column;
    gap: var(--space-sm);
  }

  .legal-nav-links {
    flex-direction: column;
  }

  .legal-nav-links .btn {
    text-align: center;
    justify-content: center;
  }

  .responsible-intro-card {
    flex-direction: column;
  }

  /* Page Hero */
  .page-hero-title {
    font-size: 2rem;
  }

  /* Header */
  .nav-center {
    display: none;
  }

  .mobile-toggle {
    display: flex;
  }

  /* Hero scroll */
  .hero-scroll-indicator {
    display: none;
  }
}

/* ─── LARGE DESKTOP: 1400px+ ─── */
@media (min-width: 1400px) {
  .hero-title {
    font-size: 4.2rem;
  }

  .features-grid {
    gap: var(--space-xl);
  }
}
/* ENDFILE */