/**
 * ACM Chapter Theme — Responsive / Media Queries
 * All breakpoints in one place.
 */

/* ── Tablet: 960px and below ── */
@media (max-width: 960px) {

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

    .membership-grid {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }
    .membership-card { position: static; }

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

    /* Responsive logos */
    .logo-desktop { display: none; }
    .logo-tablet  { display: block; }
    .logo-mobile  { display: none; }
}

/* ── Mobile: 640px and below ── */
@media (max-width: 640px) {

    .section { padding: var(--space-12) var(--space-5); }
    .container { padding: 0 var(--space-5); }

    .hero-content { padding: var(--space-12) var(--space-5); }
    .hero-btns { flex-direction: column; }
    .hero-btns .btn { text-align: center; }

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

    .event-card {
        grid-template-columns: 76px 1fr;
        padding: var(--space-4) var(--space-5);
    }
    .btn-rsvp { display: none; }

    .footer-grid { grid-template-columns: 1fr; gap: var(--space-8); }
    .footer-bottom { flex-direction: column; gap: var(--space-2); text-align: center; }

    .header-inner { padding: 0 var(--space-5); }

    /* Responsive logos */
    .logo-desktop { display: none; }
    .logo-tablet  { display: none; }
    .logo-mobile  { display: block; }
}

/* ── Small Mobile: 480px and below ── */
@media (max-width: 480px) {
    .site-nav ul { display: none; }
    .nav-toggle  { display: flex; }
}