/* =========================================================
   POMOSDA NAVBAR — MOBILE NEWSLETTER R1.2 POSITION FIX
   Keep Subscribe + hamburger on the SAME mobile header row.
   Desktop remains untouched.
   ========================================================= */

@media (max-width: 900px) {
    /*
     * Newsletter must not participate in the header flex/grid flow,
     * otherwise the existing hamburger can wrap to a second row.
     */
    [data-pomosda-mobile-newsletter] {
        position: absolute !important;
        top: 50% !important;
        right: 70px !important;
        z-index: 30 !important;

        width: auto !important;
        min-width: 96px !important;
        max-width: 118px !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        transform: translateY(-50%) !important;
        flex: none !important;
        align-self: auto !important;

        white-space: nowrap !important;
    }

    /*
     * Give the mobile header a containing block for the absolute CTA.
     * These selectors are intentionally broad but mobile-only.
     */
    header.site-header,
    .site-header,
    [data-pomosda-shared-nav] {
        position: relative !important;
    }

    /*
     * Restore the hamburger to the original right edge if an earlier
     * flex wrap pushed it down. Do not alter its visual design.
     */
    [data-pomosda-mobile-nav-toggle] {
        position: absolute !important;
        top: 50% !important;
        right: 22px !important;
        z-index: 31 !important;

        margin: 0 !important;
        transform: translateY(-50%) !important;
    }
}

@media (max-width: 420px) {
    [data-pomosda-mobile-newsletter] {
        right: 66px !important;
        min-width: 88px !important;
        max-width: 102px !important;
        min-height: 36px !important;
        padding: 0 11px !important;
        font-size: 10px !important;
    }

    [data-pomosda-mobile-nav-toggle] {
        right: 18px !important;
    }
}

@media (max-width: 360px) {
    [data-pomosda-mobile-newsletter] {
        right: 62px !important;
        min-width: 80px !important;
        max-width: 92px !important;
        padding: 0 9px !important;
        font-size: 9.5px !important;
    }

    [data-pomosda-mobile-nav-toggle] {
        right: 16px !important;
    }
}