/* RESPONSIVE FIXES & IMPROVEMENTS */

/* Mobile First Approach */
@media (max-width: 575px) {
    /* Typography */
    body {
        font-size: 14px;
    }
    
    h1, .h1 { font-size: 1.75rem; }
    h2, .h2 { font-size: 1.5rem; }
    h3, .h3 { font-size: 1.25rem; }
    
    /* Container padding */
    .container-xxl {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    /* Header adjustments */
    .header-logo img {
        max-height: 30px;
    }
    
    /* Buttons */
    .btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.875rem;
    }
    
    /* Cards */
    .card {
        margin-bottom: 1rem;
    }
    
    /* Grid gaps */
    .row {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991px) {
    .container-xxl {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Desktop */
@media (min-width: 992px) {
    /* Hover effects only on desktop */
    .hover-scale:hover {
        transform: scale(1.05);
    }
}