/**
 * BidFresh site-wide mobile baseline.
 * Loaded on public pages and authenticated dashboards when mobile view is enabled.
 */

@media (max-width: 991.98px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        max-width: 100%;
        overflow-x: clip;
    }

    img,
    video,
    svg,
    canvas,
    iframe {
        max-width: 100%;
        height: auto;
    }

    .main-wrapper,
    .page-wrapper,
    .page-wrapper .content,
    .content {
        max-width: 100%;
        min-width: 0;
    }

    .page-wrapper {
        margin-left: 0 !important;
    }

    .two-col-sidebar {
        width: 0 !important;
    }

    .sidebar-overlay.opened {
        display: block;
    }

    .table-responsive,
    .dataTables_wrapper,
    .table-card .card-body,
    .card-body:has(table),
    .bf-table-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .row > [class*="col-"] {
        min-width: 0;
    }

    .d-flex.flex-nowrap {
        flex-wrap: wrap !important;
    }

    .btn-group {
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .container,
    .container-fluid,
    .page-wrapper .content,
    .page-wrapper > .content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .page-title,
    .content-page-header,
    .card-header {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .page-title h4,
    .page-title h3,
    .content-page-header h4 {
        font-size: 1.125rem;
    }

    .modal-dialog {
        margin: 0.75rem;
        max-width: calc(100% - 1.5rem);
    }

    .form-row,
    .row.g-3,
    .row.g-4 {
        --bs-gutter-x: 0.75rem;
    }
}