/*!
 * Shared mobile polish for Bibahabd / profession-search chrome pages
 * Loaded after theme CSS so overrides win.
 */
/* Global overflow + safe gutters */
html {
    -webkit-text-size-adjust: 100%;
}

body.ps-page,
body.bbd-page,
body.bbd-auth-page {
    overflow-x: hidden;
}

body.ps-nav-open {
    overflow: hidden;
}

.left-padding {
    padding-left: 15px;
    padding-right: 15px;
}

/* ---------- ≤991px (tablet + phone) ---------- */
@media (max-width: 991px) {
    .ps-main {
        padding-bottom: 28px;
    }

    .pre-header {
        font-size: 12px;
        padding: 8px 0;
    }

    .pre-header li {
        padding-left: 6px;
        padding-right: 8px;
    }

    .pre-header .bd-font {
        display: none;
    }

    .pre-header .far.fa-calendar-alt {
        display: none;
    }

    .header {
        margin-bottom: 14px;
        padding: 6px 0 4px;
    }

    .header .mobi-toggler {
        z-index: 5;
    }

    .header .header-navigation.is-open {
        max-height: min(70vh, 520px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bbd-footer-links .col-md-3,
    .bbd-footer-links .col-sm-6 {
        width: 50%;
        float: left;
    }

    /* Forms: avoid iOS zoom */
    .bbd-contact__form-box .form-control,
    .bbd-auth-form .form-control,
    .cv-bbd-page .form-control,
    .mf-page .form-control {
        font-size: 16px !important;
    }

    .btn.btn-primary.search-result-quarry,
    button.btn.btn-primary.search-result-quarry {
        width: 100%;
        display: block;
        text-align: center;
    }

    .bg-frontend-search .main-form-seach .single-box label {
        font-size: 16px !important;
    }
}

/* ---------- ≤767px (phones) ---------- */
@media (max-width: 767px) {
    .container.ps-main,
    .ps-main.container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .single-page-box h1.page-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .single-page-box .common-bredcumb .breadcrumb {
        font-size: 13px;
        padding: 8px 10px;
        margin-bottom: 14px;
    }

    .left-padding,
    .custom-padding-left,
    .left-padding-15px {
        padding-left: 0;
        padding-right: 0;
    }

    /* Pre-header: login/register only, full width */
    .additional-shop-info {
        display: none !important;
    }

    .pre-header .col-md-6 {
        width: 100% !important;
        float: none !important;
    }

    .pre-header .additional-nav .pull-right {
        float: none !important;
        text-align: center;
        width: 100%;
    }

    .pre-header .additional-nav li {
        border: none;
        padding: 0 10px;
    }

    .site-logo img {
        max-width: 148px;
        height: auto !important;
    }

    /* Contact */
    .bbd-contact__intro {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .bbd-contact__form-box,
    .bbd-contact__support,
    .bbd-contact__related {
        padding: 14px;
    }

    .bbd-contact__support h2 {
        font-size: 22px;
    }

    .bbd-contact__support h3 {
        font-size: 15px;
        word-break: break-word;
    }

    .bbd-contact__related h3 {
        font-size: 18px;
    }

    .bbd-contact__map iframe {
        height: 210px;
    }

    .bbd-contact__branch-card {
        min-height: 0;
        padding: 14px;
    }

    .bbd-contact__branches-intro {
        font-size: 14px;
    }

    /* CMS */
    .bbd-cms__lead {
        font-size: 15px;
    }

    .bbd-cms__content {
        padding: 14px;
        margin-bottom: 20px;
    }

    .bbd-cms__prose,
    .bbd-cms__prose .bbd-about {
        font-size: 15px;
    }

    .bbd-cms__prose h3,
    .bbd-about h3 {
        font-size: 18px;
        margin: 16px 0 10px;
    }

    .bbd-cms__prose {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bbd-cms__prose table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 13px;
    }

    .bbd-cms__prose img,
    .bbd-cms__content img {
        max-width: 100% !important;
        height: auto !important;
    }

    .bbd-cms__sidebar,
    .bbd-cms__support {
        padding: 14px;
    }

    .bbd-cms__sidebar h3,
    .bbd-cms__support h3 {
        font-size: 18px;
    }

    .bbd-about__eyebrow {
        font-size: 12px;
        padding: 5px 10px;
        max-width: 100%;
        white-space: normal;
    }

    /* Membership packages on BBD */
    .bbd-cms .hn3-packages__intro {
        font-size: 1rem;
    }

    .bbd-cms .hn3-package__name {
        font-size: 1.35rem;
    }

    .bbd-cms .hn3-package__price,
    .bbd-cms .hn3-package__desc,
    .bbd-cms .hn3-packages__note {
        font-size: 1rem;
    }

    .bbd-cms .hn3-package__features li {
        font-size: 0.95rem;
    }

    .bbd-cms .hn3-package__cta {
        font-size: 0.95rem;
        width: 100%;
        text-align: center;
    }

    /* Footer */
    .bbd-footer-links .col-md-3,
    .bbd-footer-links .col-sm-6,
    .bbd-footer-links .col-sm-4 {
        width: 100%;
        float: none;
        margin-bottom: 8px;
    }

    .footer {
        padding-left: 12px;
        padding-right: 12px;
    }

    .footer-style {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
    }

    .footer-style-right {
        text-align: center !important;
        float: none !important;
    }

    /* Browse / lists */
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Blog / matrimonial under BBD */
    .bbd-inner-content img {
        max-width: 100%;
        height: auto;
    }

    .bbd-inner-content .hn2-container,
    .bbd-inner-content .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---------- ≤480px (small phones) ---------- */
@media (max-width: 480px) {
    .single-page-box h1.page-title {
        font-size: 22px;
    }

    .site-logo img {
        max-width: 128px;
    }

    .pre-header {
        font-size: 11px;
    }

    .header .header-navigation li > a {
        font-size: 15px;
    }
}