/**
 * LocumKit — global mobile / small-tablet layout hardening.
 * Rules are confined to max-width media queries so desktop is unchanged.
 * Load after style.css + responsive.css + new-design-assets (before @stack('styles')).
 */

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

    /* Legacy floats / fixed widths often cause horizontal scroll */
    body {
        overflow-x: hidden;
    }

    /* Classic header: menu was width:100.3%; left:-1px — overflows small screens */
    .header-wrapper .top-main-nav .navbar-collapse {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        max-width: 100vw;
        box-sizing: border-box;
    }

    /* Primary content shells */
    .main-content,
    #primary-content,
    .white-bg.contents,
    .contents,
    .register .contents {
        max-width: 100%;
        box-sizing: border-box;
    }

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

    textarea,
    select,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"] {
        box-sizing: border-box;
        max-width: 100%;
    }

    .form-control {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Bootstrap 3 modals */
    .modal-dialog {
        margin: 12px auto;
        width: auto !important;
        max-width: calc(100vw - 24px);
    }

    .modal-content {
        max-width: 100%;
        box-sizing: border-box;
    }

    .modal-body {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* Tables: scroll container, keep table display */
    .table-responsive,
    .dataTables_wrapper,
    .job-list-div,
    .emp-current-booking-info,
    .opening-div-wrapp,
    .job-view-scroll,
    .profile-edit-scroll,
    .canvas-scroll-wrapp,
    .manage-private-job-scroll,
    .cash_table-fiexd-scroll {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* responsive.css pulls .mar-mins negative — only used on Post Job; safe to neutralize */
    .mar-mins {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Toastify / fixed toasts */
    .toastify {
        max-width: calc(100vw - 20px) !important;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* New public layout (layouts.app) */
    header.header .navbar-collapse,
    header.header #navbar {
        max-width: 100vw;
        box-sizing: border-box;
    }

    .input-group {
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 575px) {
    .btn-group {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }

    /* Long headings / breadcrumbs */
    .breadcrum-title h3,
    .welcome-heading h1 {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}