/* MOBILE FIXES - Override existing styles */

/* Fix navigation to fit on one line */
@media (max-width: 768px) {
    .nav-container {
        padding: 0 0.75rem !important;
        gap: 0.5rem !important;
    }

    .logo {
        gap: 0.5rem !important;
        flex-shrink: 0 !important;
    }

    .logo img {
        height: 38px !important;
    }

    .logo-text {
        font-size: 0.75rem !important;
    }

    .nav-cta {
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
        align-items: center !important;
        flex-shrink: 1 !important;
    }

    .phone-link {
        font-size: 0.7rem !important;
        white-space: nowrap !important;
    }

    .cta-btn {
        padding: 0.45rem 0.7rem !important;
        font-size: 0.7rem !important;
        white-space: nowrap !important;
    }

    /* Fix gallery widths */
    .full-gallery-grid,
    .inline-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .gallery-item {
        max-width: 100% !important;
        width: 100% !important;
    }

    .gallery-item img {
        max-width: 100% !important;
        width: 100% !important;
    }

    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

@media (max-width: 480px) {
    .nav-container {
        padding: 0 0.5rem !important;
    }

    .logo img {
        height: 32px !important;
    }

    .logo-text {
        font-size: 0.65rem !important;
    }

    .phone-link {
        font-size: 0.65rem !important;
    }

    .cta-btn {
        padding: 0.4rem 0.6rem !important;
        font-size: 0.65rem !important;
    }
}