/**
 * Baner UE + flaga w menu mobilnym.
 *
 * Wyniesione ze style.css motywu. Reguly bez zmian.
 */

/* EU Mobile */
@media (min-width: 981px) {
    .eu-flag-mobile-link {
        display: none !important;
    }
}

@media (max-width: 980px) {
    .et_mobile_nav_menu .mobile_nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 20px; 
    }

    .mobile_menu_bar {
        position: relative !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .eu-flag-mobile-link {
        display: block !important;
        z-index: 9999;
    }

    .eu-flag-mobile-link img {
        height: 32px !important;
        width: auto !important;
        background: #ffffff !important;
        padding: 2px !important;
        border-radius: 2px !important;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.2) !important;
        display: block !important;
    }
}

.ue-baner {
    max-width: none !important; 
    width: max-content; 
    position: relative;
    z-index: 10;  
    left: 50%;
    transform: translateX(-50%);
}