/* ============================================================
   TIMETORIOT — Responsive
   riot-responsive.css
   ============================================================ */

/* ── TABLET (≤992px) ─────────────────────────── */
@media (max-width: 992px) {

  .riot-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

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

  #riot-navbar .riot-nav-links { display: none; }
  #riot-navbar .riot-nav-cta { display: none; }
  .riot-hamburger { display: flex; }

  .riot-hero-split {
    flex-direction: column;
  }

  .riot-hero-split > * {
    width: 100% !important;
  }

  .riot-stat-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .riot-career-layout {
    flex-direction: column !important;
  }

  .riot-team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .riot-contact-layout {
    flex-direction: column !important;
  }

  .riot-article-layout {
    flex-direction: column !important;
  }

  .riot-toc {
    position: static !important;
    width: 100% !important;
  }

  #riot-custom-cursor,
  #riot-cursor-ring {
    display: none;
  }
}

/* ── MOBILE (≤768px) ─────────────────────────── */
@media (max-width: 768px) {

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

  .riot-footer-bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }

  .riot-footer-legal {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .riot-grid-2,
  .riot-grid-3,
  .riot-grid-4 {
    grid-template-columns: 1fr;
  }

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

  .riot-section { padding: 60px 0; }
  .riot-section-sm { padding: 40px 0; }

  .riot-page-hero {
    padding: 120px 0 60px;
  }

  .riot-jobs-filters {
    flex-direction: column !important;
  }

  .riot-career-tabs {
    flex-wrap: wrap !important;
  }

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

  .riot-test-options {
    flex-direction: column !important;
  }

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

  .riot-btn-lg {
    width: 100%;
    justify-content: center;
  }

  .riot-masonry {
    columns: 1 !important;
  }

  .riot-community-profiles {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── SMALL MOBILE (≤480px) ───────────────────── */
@media (max-width: 480px) {

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

  .riot-community-profiles {
    grid-template-columns: 1fr !important;
  }

  .riot-masonry { columns: 1 !important; }

  .riot-nav-cta .riot-btn {
    display: none;
  }

  .riot-hero-badge-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* ── LARGE SCREENS (≥1400px) ─────────────────── */
@media (min-width: 1400px) {
  .riot-container {
    max-width: 1360px;
  }
}

/* ── PRINT ───────────────────────────────────── */
@media print {
  #riot-navbar,
  #riot-footer,
  #riot-cookie-banner,
  #riot-custom-cursor,
  #riot-cursor-ring {
    display: none !important;
  }
}

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