/* Responsive Adjustments */

/* Mobile & Tablet: unify horizontal spacing sitewide */
@media (max-width: 991.98px) {
    .container,
    .container-fluid {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }

    .row {
        --bs-gutter-x: 0.9rem;
    }

    /* Cards/blocks span full width without extra side margins */
    .card,
    .hover-lift,
    .bg-image {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

/* Mobile (Landscape Phones & Portrait Tablets) */
@media (max-width: 767.98px) {

    .hero-section {
        padding: 100px 0 60px;
        text-align: center;
    }
    
    .hero-content .d-flex {
        justify-content: center;
    }
    
    .navbar-nav {
        background-color: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        margin-top: 10px;
    }
    
    .nav-link.btn {
        margin-left: 0 !important;
        margin-top: 10px;
        text-align: center;
    }
    
    /* Stats Section Mobile Optimization */
    /* Ensure parent container doesn't affect centering */
    .container .row .col-lg-6 .stats-section {
        width: 100%;
        padding: 0;
        margin: 0 auto 2rem auto;
    }
    
    .stats-section {
        gap: 1.5rem;
        margin-bottom: 2rem;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0;
    }
    
    .stats-section .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        display: flex;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }
    
    .stats-card {
        padding: 1.75rem 1.25rem;
        margin-bottom: 1rem;
        border-radius: 12px;
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }
    
    /* Ensure parent row doesn't have extra padding */
    .stats-section.row {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    
    /* Override any Bootstrap row defaults */
    .row.stats-section {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
    
    .stats-number {
        font-size: 2.2rem;
        margin-bottom: 0.5rem;
    }
    
    .stats-label {
        font-size: 1.1rem;
    }
}

/* Tablet (Portrait Tablets & Small Desktops) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* No specific font size overrides here, using main.css responsive settings */
}

/* Desktop */
@media (min-width: 992px) {
    /* Navbar height adjustment on scroll could go here if JS adds a class */
}