/* ============================================================
   GAMINGHUB - responsive.css
   Breakpoints: tablet 1024px, mobile 768px, small 480px
   ============================================================ */

/* ===== TABLET ===== */
@media (max-width: 1024px) {
  .nav-menu .mega-dropdown { min-width: 340px; }
  .mega-grid { grid-template-columns: repeat(3, 1fr); }

  .slider-wrapper { height: 320px; }
  .side-promos { width: 160px; }
  .slider-btn.next { right: 172px; }

  .footer-links { grid-template-columns: repeat(3, 1fr); }
  .footer-categories { grid-template-columns: 1fr 1fr; }

  .download-phone { width: 150px; }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  /* Topbar */
  .topbar-inner { padding: 0 12px; }
  .lang-selector > .lang-item { font-size: 0.7rem; padding: 3px 7px; }
  .btn-login, .btn-register { padding: 5px 12px; font-size: 0.75rem; }

  /* Navbar */
  .nav-inner { padding: 0 12px; }
  .hamburger { display: flex; }

  .nav-menu {
    display: none;
    position: fixed;
    top: calc(var(--topbar-height) + var(--nav-height));
    left: 0; right: 0;
    background: var(--bg-nav);
    border-top: 1px solid var(--border-color);
    flex-direction: column;
    align-items: flex-start;
    gap: 0; padding: 10px 0;
    z-index: 997;
    max-height: calc(100vh - 104px);
    overflow-y: auto;
  }
  .nav-menu.open { display: flex; }

  .nav-item { width: 100%; }
  .nav-link {
    height: auto; padding: 13px 20px; width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
  }

  .mega-dropdown {
    position: static;
    border: none; border-radius: 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    animation: none;
    min-width: auto;
    padding: 12px 10px;
  }
  .nav-item:hover .mega-dropdown { display: none; }
  .nav-item.open .mega-dropdown { display: block; }

  .mega-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .mega-item img { width: 45px; height: 45px; }

  /* Hero */
  .slider-wrapper { height: 220px; flex-direction: column; }
  .slider-track { width: 100%; height: 180px; }
  .side-promos {
    width: 100%; flex-direction: row;
    height: 40px; border-left: none;
    border-top: 1px solid var(--border-color);
    overflow-x: auto; overflow-y: hidden;
  }
  .side-promo {
    flex-direction: row; border-bottom: none;
    border-right: 1px solid var(--border-color);
    white-space: nowrap; min-width: 140px;
    font-size: 0.72rem; padding: 6px 10px;
  }
  .side-promo img { width: 40px; height: 24px; }
  .slider-btn.prev { left: 8px; top: calc(50% - 20px); }
  .slider-btn.next { right: 8px; top: calc(50% - 20px); }
  .slider-dots { bottom: 48px; left: 50%; transform: translateX(-50%); }

  .slide-content h2 { font-size: 1.2rem; }
  .slide-content p { font-size: 0.8rem; }

  /* Game Grid */
  .game-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; }

  /* Download */
  .download-inner { flex-direction: column; padding: 24px 20px; gap: 20px; }
  .download-phone { width: 120px; }

  /* SEO */
  #seoText { padding: 20px; }

  /* Footer */
  .footer-links { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .footer-categories { grid-template-columns: 1fr; }
  .footer-speed { flex-direction: column; gap: 10px; }
  .footer-certs { flex-direction: column; gap: 20px; }

  /* Modal */
  .modal-box { width: 94%; }
  .form-row { grid-template-columns: 1fr; }

  #backToTop { bottom: 16px; right: 16px; width: 36px; height: 36px; font-size: 0.8rem; }
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 480px) {
  .game-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .section-title { font-size: 1.1rem; }
  .btn-more { font-size: 0.75rem; padding: 5px 10px; }
  .footer-links { grid-template-columns: 1fr; }
  .jackpot-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
}