/* 1. Vypnutie šípky / trojuholníka */
.container-header .mod-menu .mm-toggler,
.container-header .mod-menu .dropdown-toggle::after {
    display: none !important;
}

/* 2. HLAVNÉ ROZBAĽOVACIE OKNO (1. úroveň - zobraziť po nabehnutí na LIGA) */
.container-header .mod-menu > li {
    position: relative !important;
}

.container-header .mod-menu > li:hover > ul {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1000 !important;
    min-width: 12rem !important;
}

/* Základné štýly pre všetky roztváracie zoznamy */
.container-header .mod-menu ul {
    display: none;
    background-color: #803038 !important; /* Vínové pozadie */
    border: 1px solid rgba(0,0,0,0.15) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.3) !important;
    padding: 0.4rem 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Vzhľad položiek (odkazov) */
.container-header .mod-menu ul li {
    position: relative !important; /* Dôležité pre vysunutie ďalšieho menu doprava */
    width: 100% !important;
}

.container-header .mod-menu ul li a {
    color: #ffffff !important;
    display: block !important;
    padding: 0.6rem 1.2rem !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Zvýraznenie pri prejdení myšou */
.container-header .mod-menu ul li a:hover,
.container-header .mod-menu ul li:hover > a {
    background-color: #5c2026 !important;
    color: #ffffff !important;
}

/* 3. VŠETKY ĎALŠIE ÚROVNE PODMENU - TRVALÉ VYSUNUTIE DOPRAVA */
.container-header .mod-menu ul ul {
    top: 0 !important;
    left: 100% !important;
}

.container-header .mod-menu ul li:hover > ul {
    display: block !important;
    position: absolute !important;
    top: 0 !important;          /* Zarovná sa presne na výšku rodičovskej položky */
    left: 100% !important;       /* Vysunie sa doprava vedľa okna */
    z-index: 1001 !important;
    min-width: 12rem !important;
}