/* Mobile responsive overrides for CargoFlow */
/* Breakpoint: 768px (Bootstrap md) */

@media (max-width: 767.98px) {
    /* Navigation */
    .navbar-brand {
        font-size: var(--text-lg);
    }

    /* Form layouts - stack fields vertically */
    .rate-search-form .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.5rem;
    }

    /* Touch-friendly form controls */
    .form-control, .form-select,
    .pk-form-control {
        min-height: 44px;
        font-size: var(--text-md); /* prevents iOS zoom on focus */
    }

    /* Buttons - full width on mobile */
    .btn-search, .btn-primary[type="submit"] {
        width: 100%;
        min-height: 44px;
    }

    /* Tables - hide on mobile when card alternative exists */
    .desktop-only {
        display: none !important;
    }

    /* Cards - show on mobile */
    .mobile-only {
        display: block !important;
    }

    /* Summary strip - 2x2 grid */
    .status-summary {
        grid-template-columns: 1fr 1fr !important;
    }

    /* Pagination - compact */
    .pagination .page-link {
        padding: 0.5rem 0.75rem;
        min-height: 44px;
        min-width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Booking form - single column */
    .booking-form .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Footer links - stack vertically */
    .footer-links {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
    }

    .footer-links .me-3,
    .footer-links .me-4 {
        margin-right: 0 !important;
    }

    /* Login page touch targets */
    .auth-link,
    .pk-btn-sm {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}