/**
 * Football Widgets - Menu Logos
 * Style dla logo lig/klubów w WordPress Menu (Elementor sidebar)
 */

/* =========================================================================
   LOGO W MENU - BAZOWE
   ========================================================================= */

/* Obrazek logo wstawiany przed tytułem elementu menu */
img.fw-menu-logo {
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 8px;
    flex-shrink: 0;
}

/* =========================================================================
   ELEMENTOR NAV MENU - VERTICAL SIDEBAR
   ========================================================================= */

/* Elementor generuje menu w kontenerze .elementor-nav-menu
   Każdy element to <li> z <a> w środku.
   Musimy zapewnić że <a> jest flexem żeby logo i tekst były w jednej linii */

.elementor-nav-menu .menu-item a,
.elementor-nav-menu--layout-vertical .menu-item a {
    display: flex !important;
    align-items: center !important;
}

/* Dla menu w widgecie WordPress Menu (nie Elementor Nav Menu) */
.widget_nav_menu .menu-item a {
    display: flex;
    align-items: center;
}

/* =========================================================================
   CIEMNY MOTYW (BETSIDE)
   ========================================================================= */

/* Na ciemnym tle - logo bez dodatkowego tła */
.elementor-widget-nav-menu.e-dark img.fw-menu-logo,
[data-elementor-type] .elementor-nav-menu img.fw-menu-logo {
    filter: none;
    background: transparent;
}

/* =========================================================================
   RESPONSYWNOŚĆ
   ========================================================================= */

@media (max-width: 767px) {
    img.fw-menu-logo {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }
}

/* =========================================================================
   SUBMENU / POZIOMY ZAGNIEŻDŻENIA
   ========================================================================= */

/* Elementy submenu mogą mieć mniejsze logo */
.elementor-nav-menu .sub-menu img.fw-menu-logo,
.widget_nav_menu .sub-menu img.fw-menu-logo {
    width: 18px;
    height: 18px;
}