/* NikahFinder Theme — compact header/footer parity with muslimancestry (pink accent) */

:root {
    --nikahfinder-pink-gradient: linear-gradient(135deg, #f472b6 0%, #db2777 100%);
    --nikahfinder-pink-solid: #db2777;
    --nikahfinder-text-white: #ffffff;
    --nikahfinder-text-muted: #fce7f3;
    --header-text-dark: #1a1a1a;
}

/* Social strip */
.layer-social {
    background: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

.layer-social .social-bubble {
    color: #64748b !important;
}

/* Footer: drawer panels keep dark text on white */
body.nikahfinder-site #filing-cabinet-footer .footer-drawer-panel h3,
body.nikahfinder-site #filing-cabinet-footer .footer-drawer-panel h4,
body.nikahfinder-site #filing-cabinet-footer .footer-drawer-panel a,
body.nikahfinder-site #filing-cabinet-footer .footer-drawer-panel i,
body.nikahfinder-site #filing-cabinet-footer .footer-drawer-panel .footer-az-letter {
    color: inherit;
}

body.nikahfinder-site #filing-cabinet-footer .footer-drawer-panel {
    color: #0f172a !important;
}

/* Mobile: centered NIKAHFINDER title in top row */
@media (max-width: 980px) {
    body.nikahfinder-site #headerMiddlePanel {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 6px !important;
    }

    body.nikahfinder-site #headerMiddlePanel > .header-top-bar {
        order: 1 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 24px !important;
        overflow: visible !important;
        position: relative !important;
    }

    body.nikahfinder-site #headerMiddlePanel .header-top-bar .top-bar-brand-mobile,
    html body.nikahfinder-site #mainHeader .header-top-bar .top-bar-brand-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #be185d !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        z-index: 3 !important;
        pointer-events: none !important;
        max-width: none !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
    }

    body.nikahfinder-site .header-top-bar > .top-bar-left,
    body.nikahfinder-site .header-top-bar > .top-bar-right {
        gap: 4px !important;
    }

    body.nikahfinder-site .header-top-bar > .top-bar-left > a,
    body.nikahfinder-site .header-top-bar > .top-bar-right > a,
    body.nikahfinder-site .header-top-bar .top-bar-left > .top-bar-dropdown-wrap > a,
    body.nikahfinder-site .header-top-bar .top-bar-right > .top-bar-dropdown-wrap > a,
    body.nikahfinder-site .header-top-bar .top-bar-right span a {
        padding: 0 3px !important;
        margin: 0 !important;
        font-size: 0 !important;
    }

    body.nikahfinder-site .header-top-bar > .top-bar-left > a i,
    body.nikahfinder-site .header-top-bar > .top-bar-right > a i,
    body.nikahfinder-site .header-top-bar .top-bar-left > .top-bar-dropdown-wrap > a > i,
    body.nikahfinder-site .header-top-bar .top-bar-right > .top-bar-dropdown-wrap > a > i,
    body.nikahfinder-site .header-top-bar .top-bar-right span a i {
        font-size: 12px !important;
        margin: 0 !important;
        opacity: 1 !important;
    }

    body.nikahfinder-site .header-top-bar span.sep,
    body.nikahfinder-site .header-top-bar .top-bar-dropdown-wrap > a i.fa-caret-down {
        display: none !important;
    }

    /* Navigator row: icon + label under each button */
    body.nikahfinder-site #mainHeader .nikahfinder-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        justify-content: center !important;
        align-content: flex-start !important;
        gap: 1px !important;
        row-gap: 1px !important;
        column-gap: 1px !important;
    }

    body.nikahfinder-site #mainHeader .nikahfinder-nav-dropdown-wrap {
        overflow: visible !important;
    }

    body.nikahfinder-site #mainHeader .nikahfinder-nav-link {
        flex: 0 0 auto !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 1px !important;
        min-width: 0 !important;
        max-width: none !important;
        font-size: 0 !important;
        line-height: 1.1 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        text-align: center !important;
        padding: 1px 2px !important;
    }

    body.nikahfinder-site #mainHeader .nikahfinder-nav-link > i:first-of-type {
        display: block !important;
        font-size: 11px !important;
        margin: 0 !important;
        line-height: 1 !important;
        visibility: visible !important;
    }

    body.nikahfinder-site #mainHeader .nikahfinder-nav-link .nikahfinder-nav-label {
        display: block !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        color: #1a1a1a !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        max-width: 56px !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        visibility: visible !important;
    }

    body.nikahfinder-site #mainHeader .nikahfinder-nav-more-trigger .fa-caret-down {
        display: none !important;
    }

    body.nikahfinder-site #mainHeader .nikahfinder-nav-dropdown-wrap.is-open .nikahfinder-nav-dropdown {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.nikahfinder-site #mainHeader #headerSecondRow,
    body.nikahfinder-site #headerMiddlePanel,
    body.nikahfinder-site #mainHeader #headerSecondRow .nikahfinder-nav-dropdown-wrap {
        overflow: visible !important;
    }
}

@media (max-width: 1024px) {
    body.nikahfinder-site #mainHeader {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }
}