/* assets/css/responsive.css — Mobile and tablet breakpoints */

/* ── Tablet ≤ 900px ─────────────────────────── */
@media (max-width: 900px) {
    .hero-inner          { grid-template-columns: 1fr; }
    .enquiry-card        { position: static; }
    .services-grid       { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid   { grid-template-columns: repeat(2, 1fr); }
    .stats-list          { grid-template-columns: repeat(2, 1fr); }
    .stat-item           { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.12); padding: 1rem 0; }
    .stat-item:last-child,.stat-item:nth-child(even):last-child { border-bottom: none; }
    .footer-grid         { grid-template-columns: 1fr 1fr; }
    .title-bar-right     { display: none; }
}

/* ── Mobile ≤ 640px ─────────────────────────── */
@media (max-width: 640px) {
    .nav-toggle  { display: flex; }

    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;
        background: #085041;
        padding: 0.5rem 0;
        z-index: 999;
        height: auto;
        box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    }
    .nav-links.open { display: flex; }
    .nav-link {
        height: auto;
        padding: 12px 1.5rem;
        border-bottom: none;
        border-left: 3px solid transparent;
    }
    .nav-link.active { border-left-color: #5DCAA5; }

    .nav-ctas        { display: none; }

    .hero            { padding: 2rem 0; }
    .hero-title      { font-size: 1.6rem; }
    .hero-cta-row    { flex-direction: column; }
    .btn             { justify-content: center; }

    .services-grid      { grid-template-columns: 1fr; }
    .testimonials-grid  { grid-template-columns: 1fr; }
    .footer-grid        { grid-template-columns: 1fr; }

    .awareness-inner    { flex-direction: column; align-items: flex-start; gap: 0.75rem; }

    .footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .login-nav           { flex-wrap: wrap; }

    .section-title   { font-size: 1.375rem; }
}

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

/* ── Print ──────────────────────────────────── */
@media print {
    .main-nav, .nav-ctas, .footer-cta-row, .login-nav { display: none; }
    .hero { background: #fff; }
    a { color: inherit; text-decoration: underline; }
}