/**
 * Responsive CSS — Party Casino Guyana
 * Theme: Tropic Gold
 */

/* ===== TABLET ===== */
@media (max-width: 1024px) {
    .tg-hero-wrap { gap: 2rem; }
    .tg-phone-device { width: 240px; }
    .tg-phone-screen { height: 360px; }
    .tg-float-top { right: -30px; }
    .tg-float-bottom { left: -30px; }
    .tg-features-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
    .tg-articles-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

/* ===== MOBILE MENU SHOW ===== */
@media (max-width: 900px) {
    .tg-nav-bar { display: none; }
    .tg-mobile-toggle { display: flex; }
    .tg-header-top { height: 56px; }
    --total-header-height: 56px;
    .tg-hero { padding-top: 56px; min-height: auto; }
    .page-hero { padding-top: calc(56px + 2.5rem); }
}

/* ===== TABLET MEDIUM ===== */
@media (max-width: 768px) {
    .tg-hero-wrap {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 3rem var(--container-padding);
        gap: 2.5rem;
    }
    .tg-hero-features { grid-template-columns: 1fr; text-align: left; max-width: 320px; margin-left: auto; margin-right: auto; }
    .tg-hero-btns { justify-content: center; }
    .tg-hero-sub { margin-left: auto; margin-right: auto; }
    .tg-hero-badge { margin-left: auto; margin-right: auto; }
    .tg-hero-title { font-size: clamp(1.8rem, 5vw, 2.8rem); }
    .tg-phone-wrap { margin: 0 auto; }
    .tg-phone-device { transform: none; animation: tg-float-mobile 5s ease-in-out infinite; }
    @keyframes tg-float-mobile {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }
    .tg-float-top { top: 30px; right: -20px; }
    .tg-float-bottom { bottom: 30px; left: -20px; }

    .tg-stats-row { flex-wrap: wrap; gap: 0; }
    .tg-stat { flex: 0 0 50%; padding: 1.25rem; }
    .tg-stat-divider { display: none; }

    .tg-features-grid { grid-template-columns: 1fr; }
    .tg-feat-card-center { order: -1; }

    .tg-gallery-grid { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 130px); }
    .tg-gallery-wide { grid-column: span 1; }

    .tg-articles-grid { grid-template-columns: 1fr; }

    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }

    .page-hero h1 { font-size: var(--text-3xl); }
    .article-grid { grid-template-columns: 1fr; }
}

/* ===== MOBILE SMALL ===== */
@media (max-width: 480px) {
    .tg-hero-title { font-size: 1.75rem; }
    .tg-btn-primary, .tg-btn-outline { padding: 11px 22px; font-size: 0.875rem; }
    .tg-stat { flex: 0 0 100%; }
    .tg-hero-btns { flex-direction: column; align-items: center; }
    .tg-cta-banner { padding: 4rem 0; }
    .tg-cta-content h2 { font-size: var(--text-2xl); }
    .tg-gallery-grid { display: flex; height: auto; flex-direction: column; }
    .tg-gallery-item { height: 140px; }
    .contact-form { padding: 1.5rem; margin: 1rem; }
    .tg-phone-device { width: 210px; }
    .tg-phone-screen { height: 310px; }
    .tg-phone-float { display: none; }
}