/* =========================================================
   1. GŁÓWNE MENU HELIX — STRZAŁKI PIERWSZEGO POZIOMU
   ========================================================= */

/* Ukrycie starych, uszkodzonych ikon */
.sp-megamenu-parent > li.sp-has-child > a::before,
.sp-megamenu-parent > li.sp-has-child > span::before,
.sp-megamenu-parent > li.sp-has-child > span::after,
.sp-megamenu-parent > li.sp-has-child > a > span::before,
.sp-megamenu-parent > li.sp-has-child > a > span::after {
    content: none !important;
    display: none !important;
}

/* Ułożenie tekstu i strzałki */
.sp-megamenu-parent > li.sp-has-child > a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Strzałka w dół przy pozycjach pierwszego poziomu */
.sp-megamenu-parent > li.sp-has-child > a::after {
    content: "▼" !important;
    display: inline-block !important;
    position: static !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    background: none !important;
    border: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}


/* =========================================================
   2. GŁÓWNE MENU HELIX — STRZAŁKI W PODMENU
   ========================================================= */

.sp-megamenu-parent .sp-dropdown-items li.sp-has-child > a {
    display: block !important;
    position: relative !important;
    padding-right: 36px !important;
}

/* Ukrycie starej ikony w podmenu */
.sp-megamenu-parent .sp-dropdown-items li.sp-has-child > a::before,
.sp-megamenu-parent .sp-dropdown-items li.sp-has-child > a > span::before,
.sp-megamenu-parent .sp-dropdown-items li.sp-has-child > a > span::after {
    content: none !important;
    display: none !important;
}

/* Strzałka w prawo w kolejnych poziomach głównego menu */
.sp-megamenu-parent .sp-dropdown-items li.sp-has-child > a::after {
    content: "›" !important;
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    right: 12px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;
    background: none !important;
    border: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}


/* =========================================================
   3. DRUGIE ZIELONE MENU — WYRÓWNANIE DO LAYOUTU
   ========================================================= */

#sp-second-menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#sp-second-menu > .row {
    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

#sp-second-menu #sp-user3,
#sp-second-menu .sp-column,
#sp-second-menu .sp-module,
#sp-second-menu .sp-module-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   4. MAXI MENU CK — BIAŁE STRZAŁKI NA POZIOMACH 2–5
   ========================================================= */

/* Przygotowanie miejsca na strzałkę */
#sp-second-menu li.maximenuck.parent.level2 > a.maximenuck,
#sp-second-menu li.maximenuck.parent.level3 > a.maximenuck,
#sp-second-menu li.maximenuck.parent.level4 > a.maximenuck,
#sp-second-menu li.maximenuck.parent.level5 > a.maximenuck {
    position: relative !important;
    padding-right: 34px !important;
}

/* Usunięcie starych znaczników z linków */
#sp-second-menu li.maximenuck.parent.level2 > a.maximenuck::before,
#sp-second-menu li.maximenuck.parent.level3 > a.maximenuck::before,
#sp-second-menu li.maximenuck.parent.level4 > a.maximenuck::before,
#sp-second-menu li.maximenuck.parent.level5 > a.maximenuck::before {
    content: none !important;
    display: none !important;
}

/* Białe strzałki na poziomach 2–5 */
#sp-second-menu li.maximenuck.parent.level2 > a.maximenuck::after,
#sp-second-menu li.maximenuck.parent.level3 > a.maximenuck::after,
#sp-second-menu li.maximenuck.parent.level4 > a.maximenuck::after,
#sp-second-menu li.maximenuck.parent.level5 > a.maximenuck::after {
    content: "›" !important;
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    right: 10px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;
    background: none !important;
    border: 0 !important;

    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

/* Ukrycie starych niebieskich znaczników Maxi Menu CK */
#sp-second-menu li.maximenuck.parent.level2 > .floatck,
#sp-second-menu li.maximenuck.parent.level3 > .floatck,
#sp-second-menu li.maximenuck.parent.level4 > .floatck,
#sp-second-menu li.maximenuck.parent.level5 > .floatck {
    background-image: none !important;
}

#sp-second-menu li.maximenuck.parent.level2 > .floatck::before,
#sp-second-menu li.maximenuck.parent.level2 > .floatck::after,
#sp-second-menu li.maximenuck.parent.level3 > .floatck::before,
#sp-second-menu li.maximenuck.parent.level3 > .floatck::after,
#sp-second-menu li.maximenuck.parent.level4 > .floatck::before,
#sp-second-menu li.maximenuck.parent.level4 > .floatck::after,
#sp-second-menu li.maximenuck.parent.level5 > .floatck::before,
#sp-second-menu li.maximenuck.parent.level5 > .floatck::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   5. MAXI MENU CK — AKTYWNA POZYCJA
   ========================================================= */

/* Aktywna pozycja pierwszego poziomu */
#sp-second-menu ul.maximenuck > li.current > a.maximenuck,
#sp-second-menu ul.maximenuck > li.active > a.maximenuck,
#sp-second-menu ul.maximenuck > li.current.active > a.maximenuck {
    background-color: #ffffff !important;
    color: #3f5f2f !important;
}

/* Tekst aktywnej pozycji */
#sp-second-menu ul.maximenuck > li.current > a.maximenuck span,
#sp-second-menu ul.maximenuck > li.active > a.maximenuck span,
#sp-second-menu ul.maximenuck > li.current.active > a.maximenuck span,
#sp-second-menu ul.maximenuck > li.current > a.maximenuck .titreck,
#sp-second-menu ul.maximenuck > li.active > a.maximenuck .titreck,
#sp-second-menu ul.maximenuck > li.current.active > a.maximenuck .titreck {
    color: #3f5f2f !important;
}


/* =========================================================
   6. DRUGIE ZIELONE MENU — WERSJA MOBILNA
   ========================================================= */

@media screen and (max-width: 1200px) {

    /* Usunięcie przerwy między nagłówkiem a drugim menu */
    #sp-header {
        margin-bottom: 0 !important;
    }

    /* Utrzymanie drugiego menu w wersji mobilnej */
    #sp-second-menu,
    #sp-second-menu > .row,
    #sp-second-menu #sp-user3,
    #sp-second-menu .sp-column,
    #sp-second-menu .sp-module,
    #sp-second-menu .sp-module-content,
    #sp-second-menu #psoni-menu-desktop {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #sp-second-menu > .row {
        max-width: none !important;
    }

    /* Przycisk hamburgera Maxi Menu CK */
    #sp-second-menu label.maximenumobiletogglericonck {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        float: none !important;

        width: 44px !important;
        height: 40px !important;

        margin: 0 15px 0 auto !important;
        padding: 0 !important;

        cursor: pointer !important;
        position: relative !important;
        z-index: 1000 !important;

        box-sizing: border-box !important;
    }

    /* Checkbox sterujący menu */
    #sp-second-menu input.maximenubiletogglerck {
        position: absolute !important;

        width: 1px !important;
        height: 1px !important;

        opacity: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* Menu zwinięte */
    #sp-second-menu input.maximenubiletogglerck:not(:checked)
    ~ ul.maximenuck {
        display: none !important;
    }

    /* Menu rozwinięte */
    #sp-second-menu input.maximenubiletogglerck:checked
    ~ ul.maximenuck {
        display: block !important;
        clear: both !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Pozycje menu jedna pod drugą */
    #sp-second-menu ul.maximenuck > li.maximenuck {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    #sp-second-menu ul.maximenuck > li.maximenuck > a.maximenuck {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Ukrycie bocznych strzałek poziomów 2–5 na mobile */
    #sp-second-menu li.maximenuck.parent.level2 > a.maximenuck::after,
    #sp-second-menu li.maximenuck.parent.level3 > a.maximenuck::after,
    #sp-second-menu li.maximenuck.parent.level4 > a.maximenuck::after,
    #sp-second-menu li.maximenuck.parent.level5 > a.maximenuck::after {
        display: none !important;
    }
}
/* =========================================================
   MAXI MENU CK — PODMENU NAD TREŚCIĄ STRONY
   ========================================================= */

#sp-second-menu {
    position: relative !important;
    z-index: 10000 !important;
}

#sp-second-menu .sp-module,
#sp-second-menu .sp-module-content,
#sp-second-menu #psoni-menu-desktop,
#sp-second-menu ul.maximenuck,
#sp-second-menu li.maximenuck {
    position: relative;
    z-index: 10001 !important;
}

#sp-second-menu .floatck,
#sp-second-menu .maxidrop-main,
#sp-second-menu div[class*="maxidrop"] {
    z-index: 10002 !important;
}

/* Treść strony pozostaje pod rozwijanym menu */
#sp-main-body {
    position: relative;
    z-index: 1 !important;
}
/* =========================================================
   KOLEJNOŚĆ WARSTW MENU
   Główne menu Helix zawsze nad drugim menu
   ========================================================= */

#sp-header {
    position: relative !important;
    z-index: 20000 !important;
}

#sp-header .sp-megamenu-parent,
#sp-header .sp-dropdown,
#sp-header .sp-dropdown-inner,
#sp-header .sp-dropdown-items {
    z-index: 20001 !important;
}

#sp-second-menu {
    position: relative !important;
    z-index: 10000 !important;
}

#sp-second-menu .floatck,
#sp-second-menu .maxidrop-main,
#sp-second-menu div[class*="maxidrop"] {
    z-index: 10001 !important;
}

#sp-main-body {
    position: relative !important;
    z-index: 1 !important;
}