/* ============================================================
   Jay Digital — Responsive adjustments
   Bootstrap 5 handles the grid; these rules refine breakpoints.
   Tested targets: 320 / 375 / 425 / 768 / 1024 / 1440 / 1920
   ============================================================ */

/* Large desktops */
@media (min-width: 1440px) {
    .container { max-width: var(--container-max); }
}

/* Tablets and below */
@media (max-width: 991.98px) {
    .section { padding: 3.5rem 0; }
    .hero { padding: 4rem 0; }
    .mega-menu { min-width: 0; }

    /* Stacked mobile dropdown menu */
    .navbar-jd .dropdown-menu {
        box-shadow: none;
        border: 0;
        padding-left: 1rem;
    }
    .navbar-jd .navbar-collapse {
        background: var(--white-color);
        padding: 1rem 0;
    }
    .navbar-jd .nav-link { padding: .75rem .85rem; font-size: 1.05rem; }
    .nav-cta-wrap { padding: .75rem .85rem 0; display: flex; flex-direction: column; gap: .6rem; }
    .nav-cta-wrap .btn-jd { width: 100%; text-align: center; }
}

/* Phones */
@media (max-width: 767.98px) {
    .section { padding: 3rem 0; }
    .hero { padding: 3.2rem 0; }
    .cta-band { padding: 2.2rem 1.4rem; }
    .topbar .d-none-mobile { display: none; }
    .stat-block { padding: 1rem .5rem; }
    .footer { padding-top: 3rem; }
    h1 { font-size: clamp(1.85rem, 7vw, 2.4rem); }
}

/* Small phones */
@media (max-width: 424.98px) {
    .btn-jd { padding: .7rem 1.15rem; font-size: .93rem; }
    .card-jd { padding: 1.4rem; }
    .whatsapp-fab { width: 50px; height: 50px; font-size: 1.5rem; }
    .back-to-top { bottom: 5rem; }
}