/* ============================================================
   CHAKRIBONDHU — MOBILE FOOTER COMPACT 2-COLUMN OVERRIDE
   Step: UX-PHASE1-MOBILE-FOOTER-2COL-20260901
   Loaded AFTER site-footer.css
   ============================================================ */

@media (max-width: 768px) {
    .cb-site-footer {
        padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .cb-site-footer .cb-footer-shell {
        width: min(100% - 24px, 760px) !important;
    }

    /* Mobile footer: brand full width, Candidates + Employers side-by-side. */
    .cb-site-footer .cb-footer-top {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: stretch !important;
    }

    .cb-site-footer .cb-footer-brand {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: 108px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
        padding: 14px !important;
    }

    .cb-site-footer .cb-footer-static-logo {
        width: 108px !important;
        max-width: 108px !important;
        margin: 0 !important;
    }

    .cb-site-footer .cb-footer-brand h2 {
        font-size: 21px !important;
        margin: 0 0 4px !important;
    }

    .cb-site-footer .cb-footer-brand p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin: 0 0 10px !important;
    }

    .cb-site-footer .cb-footer-cta {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    .cb-site-footer .cb-footer-btn {
        min-height: 38px !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
        flex: 1 1 120px !important;
        justify-content: center !important;
    }

    /* Candidate and Employer cards occupy the two columns. */
    .cb-site-footer .cb-footer-col {
        min-width: 0 !important;
        padding: 14px 12px !important;
        border-radius: 18px !important;
    }

    .cb-site-footer .cb-footer-col h3 {
        font-size: 16px !important;
        line-height: 1.2 !important;
        margin-bottom: 11px !important;
    }

    .cb-site-footer .cb-footer-links {
        gap: 8px !important;
    }

    .cb-site-footer .cb-footer-links li,
    .cb-site-footer .cb-footer-links a {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Contact section goes full width below the two columns. */
    .cb-site-footer .cb-footer-col:last-child {
        grid-column: 1 / -1 !important;
    }

    .cb-site-footer .cb-footer-address {
        margin-bottom: 10px !important;
    }

    .cb-site-footer .cb-footer-contact {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 8px 0 !important;
    }

    /* Legal area remains compact and readable. */
    .cb-site-footer .cb-footer-legal-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 15px 0 !important;
    }

    .cb-site-footer .cb-footer-legal-label {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 1px !important;
    }

    .cb-site-footer .cb-footer-legal-nav a {
        padding: 7px 10px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .cb-site-footer .cb-footer-bottom {
        gap: 7px !important;
        font-size: 12px !important;
        text-align: center !important;
        align-items: center !important;
    }

    /* Keep Bondhu AI safely above the fixed mobile bottom navigation. */
    .cb-bondhu-ai-fab {
        bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
        right: 18px !important;
        z-index: 9998 !important;
    }
}

/* Very small phones: keep the important two-column layout, just tighten it. */
@media (max-width: 390px) {
    .cb-site-footer .cb-footer-shell {
        width: min(100% - 18px, 760px) !important;
    }

    .cb-site-footer .cb-footer-top {
        gap: 10px !important;
    }

    .cb-site-footer .cb-footer-brand {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        padding: 11px !important;
    }

    .cb-site-footer .cb-footer-static-logo {
        width: 90px !important;
        max-width: 90px !important;
    }

    .cb-site-footer .cb-footer-col {
        padding: 12px 10px !important;
    }

    .cb-site-footer .cb-footer-col h3 {
        font-size: 15px !important;
    }

    .cb-site-footer .cb-footer-links li,
    .cb-site-footer .cb-footer-links a {
        font-size: 12px !important;
    }

    .cb-site-footer .cb-footer-legal-nav a {
        font-size: 11px !important;
        padding: 7px 9px !important;
    }
}