/*
 * responsive.css — All Media Queries
 * HuaHinExpats.info
 *
 * Breakpoints:
 *   900px — tablet / nav collapse
 *   600px — mobile / single column
 */

/* ── 900px Breakpoint ── */
@media (max-width: 900px) {

    /* Articles grid: full-width on tablet */
    .articles-grid {
        grid-template-columns: 1fr;
    }

    /* Footer: 2-column on tablet */
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Navigation: hide desktop links, show hamburger on the right */
    .nav-links {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    nav {
        justify-content: flex-end;
    }

    /* Pricing cards: prevent scale from overlapping */
    .price-card.featured {
        transform: none;
    }

    .price-card.featured:hover {
        transform: translateY(-5px);
    }

    /* Form grid: single column */
    .form-grid {
        grid-template-columns: 1fr;
    }
}

/* ── 600px Breakpoint ── */
@media (max-width: 600px) {

    /* Nav padding reduction */
    nav {
        padding: 0 20px;
    }

    /* Stats bar gap reduction */
    .stats-bar {
        gap: 30px;
        padding: 22px 20px;
    }

    /* Footer: single column on mobile */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Reduce section padding */
    section {
        padding: 60px 16px;
    }

    /* Reduce hero padding */
    .hero {
        padding: 90px 16px 70px;
    }

    /* Page hero padding */
    .page-hero {
        padding: 100px 16px 60px;
    }

    /* Ad banner: stack vertically */
    .ad-banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }

    /* Footer padding */
    footer {
        padding: 50px 20px 24px;
    }

    /* Mobile menu top adjusted for smaller screens */
    .mobile-menu {
        top: 106px;
    }

    /* Contact form wrap */
    .contact-form-wrap {
        padding: 24px 20px;
    }

    /* Visa table scrollable */
    .visa-table-wrap {
        overflow-x: auto;
    }
}
