/* =========================================================
   POMOSDA NAVBAR — MOBILE NEWSLETTER R1
   Adds a compact newsletter CTA beside the hamburger.
   Desktop remains untouched.
   ========================================================= */

[data-pomosda-mobile-newsletter] {
    display: none;
}

@media (max-width: 900px) {
    [data-pomosda-mobile-newsletter] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;

        min-height: 38px;
        padding: 0 13px;
        margin-left: auto;
        margin-right: 10px;

        border: 0;
        border-radius: 999px;

        background: #f8c400;
        color: #0a3f35;

        font-family: "Poppins", sans-serif;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0;

        white-space: nowrap;
        text-decoration: none;

        box-shadow: 0 8px 22px rgba(0, 0, 0, .10);

        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    [data-pomosda-mobile-newsletter]:hover,
    [data-pomosda-mobile-newsletter]:focus-visible {
        background: #ffcf19;
        color: #07372f;
    }

    [data-pomosda-mobile-newsletter]:focus-visible {
        outline: 2px solid rgba(255,255,255,.9);
        outline-offset: 2px;
    }
}

@media (max-width: 380px) {
    [data-pomosda-mobile-newsletter] {
        min-height: 36px;
        padding: 0 10px;
        margin-right: 8px;
        font-size: 10px;
    }
}