/* Naglowek - rozwijane menu (np. "Blog" w menu glownym).
   Kadence ustawia tlo dropdownu na palette3 (#1A202C, granat) a hover pozycji na palette4;
   klient chce cale rozwijane menu w bordowym #b20b0b, spojnym z przyciskami.
   Prefiks .site podnosi specyficznosc - inline CSS Kadence (kadence-global-inline-css) laduje sie
   po tym pliku i przy rownej specyficznosci by wygrywal. */
.site .header-navigation .header-menu-container ul ul.sub-menu,
.site .header-navigation .header-menu-container ul ul.submenu {
    background: #b20b0b;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.site .header-navigation .header-menu-container ul ul li.menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.site .header-navigation .header-menu-container ul ul li.menu-item:last-child {
    border-bottom: 0;
}

.site .header-navigation .header-menu-container ul ul li.menu-item > a {
    color: #fff;
}

/* najechana / biezaca pozycja: ciemniejszy bordowy (ten sam co hover przyciskow) */
.site .header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.site .header-navigation .header-menu-container ul ul li.menu-item > a:focus-visible,
.site .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
    color: #fff;
    background: #8e0808;
}