/*
 ASEMANEEHA PHASE 819C
 UNIFIED PUBLIC MOBILE HEADER
 Scoped to the shared React nc navigation.
*/

.asem-public-mobile-title-819C {
    display: none;
}

@media screen and (max-width: 767px) {

    .asem-public-nav-819C {
        direction: rtl !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
        min-height: 43px !important;
        padding: 4px 8px !important;
        gap: 7px !important;
    }

    /*
       Preserve the original hamburger button
       and its React onClick handler.
    */

    .asem-public-nav-819C > button {
        order: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
       Shared organization-title container.
       Hide only its original two-line desktop spans.
    */

    .asem-public-nav-819C
    > div:last-of-type {
        order: 1 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .asem-public-nav-819C
    > div:last-of-type
    > span:not(.asem-public-mobile-title-819C) {
        display: none !important;
    }

    .asem-public-nav-819C
    .asem-public-mobile-title-819C {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        direction: rtl !important;
        text-align: right !important;
        font-family: Tahoma, sans-serif !important;
        font-size: clamp(7.5px, 2.05vw, 10px) !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
        letter-spacing: -0.15px !important;
        text-shadow: none !important;
    }
}

@media screen and (max-width: 359px) {
    .asem-public-nav-819C
    .asem-public-mobile-title-819C {
        font-size: 7.5px !important;
        letter-spacing: -0.25px !important;
    }
}