/**
 * JAPI Helix Header dla Helix Ultimate
 * Autor modułu: kubaweb.dev by Kuba Pieczewski
 */

#sp-header.japi-helix-header {
    /* JAPI v1.0.23: szerokość celowo bez !important, plugin może ustawić --japi-header-container-width */
    position: relative;
    z-index: 1000;
    height: auto !important;
    min-height: 0 !important;
    /*
     * Header Height z Helixa jest wysokością jednego rzędu standardowego headera.
     * W naszym headerze są dwa rzędy, więc nie można dawać tej samej wartości na oba,
     * bo całość robi się za wysoka. Helix steruje górnym rzędem, dolny ma osobną bazę.
     */
    --japi-helix-header-height: var(--header_height, 60px);
    --japi-header-1-height: var(--japi-helix-header-height);
    --japi-header-2-height: 48px;
    --japi-header-align-items: center;
    background: var(--header_bg_color, #fff);
    box-shadow: none;
}

.japi-helix-header .japi-helix-header-inner {
    width: min(100%, var(--japi-header-container-width, 1320px));
    max-width: var(--japi-header-container-width, 1320px);
    margin: 0 auto;
    background: var(--header_bg_color, #fff);
    box-sizing: border-box;
}


/* Domyślna szerokość headera 1320px. Fix nie blokuje szerokości pluginu żadnym !important. */
#sp-header.japi-helix-header {
    display: flex;
    justify-content: center;
}

#sp-header.japi-helix-header .japi-helix-header-inner {
    width: min(100%, var(--japi-header-container-width, 1320px));
    max-width: var(--japi-header-container-width, 1320px);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media (max-width: 1199px) {
    #sp-header.japi-helix-header .japi-helix-header-inner {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}

.japi-header-row {
    display: flex;
    align-items: var(--japi-header-align-items, center);
    width: 100%;
    box-sizing: border-box;
}

.japi-header-row-top {
    min-height: var(--japi-header-1-height, var(--header_height, 92px));
    padding: 0;
    gap: 22px;
    justify-content: center;
}

.japi-header-cell {
    display: flex;
    align-items: center;
    min-width: 0;
}

.japi-header-cell .sp-column {
    width: 100%;
}

.japi-header-cell-logo {
    flex: 0 0 auto;
    min-width: 0;
}

.japi-header-cell-logo .logo,
.japi-header-cell-logo .sp-module,
.japi-header-cell-logo a {
    display: flex;
    align-items: center;
}

.japi-header-cell-logo img {
    max-height: 74px;
    width: auto;
}

.japi-header-cell-menu {
    flex: 0 1 auto;
    justify-content: flex-start;
}

.japi-header-cell-menu .sp-megamenu-parent {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1005;
}

.japi-header-cell-menu .sp-megamenu-parent > li > a,
.japi-header-cell-menu .sp-megamenu-parent > li > span {
    /* kolor celowo bez nadpisania - ma iść z presetów Helixa */
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    padding: 0 10px;
    text-transform: uppercase;
}

/* Nie ustawiamy kolorów hover/active górnego menu.
   Ma je brać bezpośrednio z css/presets/preset*.css Helix Ultimate. */

.japi-helix-header .sp-megamenu-parent .sp-dropdown {
    z-index: 1100 !important;
}

.japi-header-cell-action {
    flex: 0 0 auto;
    justify-content: center;
}

.japi-header-cell-action .sp-module,
.japi-header-cell-action .sppb-addon,
.japi-header-cell-action p {
    margin: 0;
}

.japi-header-cell-social {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.japi-header-cell-social .sp-column {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.japi-header-cell-social .sp-module {
    margin: 0;
}

.japi-header-cell-social ul,
.japi-header-cell-social .social-icons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.japi-header-cell-burger-right,
.japi-header-cell-burger-left {
    flex: 0 0 auto;
}

.japi-header-burger {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #111;
}


/* JAPI v1.0.23 - górny rząd centruje całą grupę: logo + menu + akcje + sociale + burger */
#sp-header.japi-helix-header .japi-header-row-top {
    justify-content: center;
}
#sp-header.japi-helix-header .japi-header-cell-logo,
#sp-header.japi-helix-header .japi-header-cell-menu,
#sp-header.japi-helix-header .japi-header-cell-action,
#sp-header.japi-helix-header .japi-header-cell-social,
#sp-header.japi-helix-header .japi-header-cell-burger-left,
#sp-header.japi-helix-header .japi-header-cell-burger-right {
    flex-grow: 0;
}
#sp-header.japi-helix-header .japi-header-cell-logo {
    min-width: 0;
}
#sp-header.japi-helix-header .japi-header-cell-menu {
    flex: 0 1 auto;
}
#sp-header.japi-helix-header .japi-header-cell-menu .sp-megamenu-parent {
    width: auto;
}

.japi-header-row-bottom {
    min-height: var(--japi-header-2-height, 48px);
    padding: 0;
    justify-content: center;
    border-bottom: 0 !important;
    border-image: none !important;
    background: #fff;
}

.japi-header-bottom-menu-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.japi-header-row-bottom .sp-module {
    margin: 0;
    width: 100%;
}

.japi-header-row-bottom ul,
.japi-header-row-bottom .mod-menu,
.japi-header-row-bottom .nav,
.japi-header-row-bottom .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.japi-header-row-bottom li {
    position: relative;
    margin: 0;
    padding: 0;
}

.japi-header-row-bottom a,
.japi-header-row-bottom span.separator,
.japi-header-row-bottom .nav-header {
    display: flex;
    align-items: center;
    min-height: calc(var(--japi-header-2-height, 48px) - 14px);
    padding: 0 15px;
    /* kolor celowo bez nadpisania - ma iść z presetów Helixa */
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}


/* strzalka przy pozycjach dolnego menu, ktore maja podmenu */
.japi-header-row-bottom li.parent > a::after,
.japi-header-row-bottom li.deeper > a::after,
.japi-header-row-bottom li.parent > span.separator::after,
.japi-header-row-bottom li.deeper > span.separator::after,
.japi-header-row-bottom li.parent > .nav-header::after,
.japi-header-row-bottom li.deeper > .nav-header::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

/* w podmenu strzalka idzie w prawo, jeśli jest kolejny poziom */
.japi-header-row-bottom ul ul li.parent > a::after,
.japi-header-row-bottom ul ul li.deeper > a::after,
.japi-header-row-bottom ul ul li.parent > span.separator::after,
.japi-header-row-bottom ul ul li.deeper > span.separator::after,
.japi-header-row-bottom ul ul li.parent > .nav-header::after,
.japi-header-row-bottom ul ul li.deeper > .nav-header::after {
    margin-left: auto;
    transform: rotate(-45deg);
}

.japi-header-row-bottom ul ul ul {
    top: 0;
    left: 100%;
}

/* Kolory dolnego menu mają iść z presetów Helixa albo z pluginu JAPI Helix Config. */

.japi-header-row-bottom ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(0,0,0,.14);
    z-index: 1200;
}

.japi-header-row-bottom li:hover > ul,
.japi-header-row-bottom li:focus-within > ul {
    display: block;
}

.japi-header-row-bottom ul ul li {
    width: 100%;
}

.japi-header-row-bottom ul ul a,
.japi-header-row-bottom ul ul span.separator,
.japi-header-row-bottom ul ul .nav-header {
    min-height: auto;
    padding: 14px 18px;
    font-size: 15px;
    background: #fff;
    justify-content: flex-start;
}


/* dolne menu - dropdown ma wyglądać jak standardowy dropdown Helixa, a nie jak kolejne górne menu */
.japi-header-row-bottom ul ul {
    padding: 10px 0 !important;
    min-width: 180px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.12) !important;
    border: 0 !important;
}

.japi-header-row-bottom ul ul a,
.japi-header-row-bottom ul ul span.separator,
.japi-header-row-bottom ul ul .nav-header {
    min-height: 0 !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    background: #fff !important;
    justify-content: flex-start !important;
}

.japi-header-row-bottom ul ul a:hover,
.japi-header-row-bottom ul ul li.active > a,
.japi-header-row-bottom ul ul li.current > a {
    background: #fff !important;
}

.japi-header-row-bottom ul ul li.parent > a::after,
.japi-header-row-bottom ul ul li.deeper > a::after,
.japi-header-row-bottom ul ul li.parent > span.separator::after,
.japi-header-row-bottom ul ul li.deeper > span.separator::after,
.japi-header-row-bottom ul ul li.parent > .nav-header::after,
.japi-header-row-bottom ul ul li.deeper > .nav-header::after {
    width: 6px !important;
    height: 6px !important;
    margin-left: auto !important;
    border-right-width: 1.5px !important;
    border-bottom-width: 1.5px !important;
    transform: rotate(-45deg) !important;
}

.dj-megamenu-modern {
    z-index: 10 !important;
}

@media (max-width: 1399px) {
    .japi-header-row-top {
        padding-left: 20px;
        padding-right: 20px;
        gap: 16px;
    }

    .japi-header-cell-logo {
        min-width: 190px;
    }

    .japi-header-cell-menu .sp-megamenu-parent > li > a,
    .japi-header-cell-menu .sp-megamenu-parent > li > span,
    .japi-header-row-bottom a,
    .japi-header-row-bottom span.separator,
    .japi-header-row-bottom .nav-header {
        font-size: 16px;
        padding-left: 9px;
        padding-right: 9px;
    }
}

@media (max-width: 991px) {
    #sp-header.japi-helix-header {
        --japi-header-1-height: var(--japi-helix-header-height-sm, var(--header_height, 60px));
        --japi-header-2-height: 0px;
    }

    .japi-header-row-top {
        min-height: var(--japi-header-1-height, 60px);
        padding: 8px 15px;
        gap: 12px;
    }

    .japi-header-cell-logo {
        min-width: 0;
        flex: 1 1 auto;
    }

    .japi-header-cell-logo img {
        max-height: min(58px, calc(var(--japi-header-1-height, 60px) - 10px));
    }

    .japi-header-cell-menu,
    .japi-header-cell-action,
    .japi-header-cell-social,
    
/* JAPI v1.0.23 - górny rząd centruje całą grupę: logo + menu + akcje + sociale + burger */
#sp-header.japi-helix-header .japi-header-row-top {
    justify-content: center;
}
#sp-header.japi-helix-header .japi-header-cell-logo,
#sp-header.japi-helix-header .japi-header-cell-menu,
#sp-header.japi-helix-header .japi-header-cell-action,
#sp-header.japi-helix-header .japi-header-cell-social,
#sp-header.japi-helix-header .japi-header-cell-burger-left,
#sp-header.japi-helix-header .japi-header-cell-burger-right {
    flex-grow: 0;
}
#sp-header.japi-helix-header .japi-header-cell-logo {
    min-width: 0;
}
#sp-header.japi-helix-header .japi-header-cell-menu {
    flex: 0 1 auto;
}
#sp-header.japi-helix-header .japi-header-cell-menu .sp-megamenu-parent {
    width: auto;
}

.japi-header-row-bottom {
        display: none !important;
    }

    .japi-header-cell-burger-right,
    .japi-header-cell-burger-left {
        display: flex !important;
    }
}

/* 1.0.8 - strzałki dolnego menu po faktycznym podmenu, nie tylko po klasach Joomla parent/deeper */
.japi-header-row-bottom li:has(> ul) > a::after,
.japi-header-row-bottom li:has(> ul) > span.separator::after,
.japi-header-row-bottom li:has(> ul) > .nav-header::after {
    content: "" !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: 8px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) translateY(-2px) !important;
    flex: 0 0 auto !important;
}

.japi-header-row-bottom ul ul li:has(> ul) > a::after,
.japi-header-row-bottom ul ul li:has(> ul) > span.separator::after,
.japi-header-row-bottom ul ul li:has(> ul) > .nav-header::after {
    width: 6px !important;
    height: 6px !important;
    margin-left: auto !important;
    border-right-width: 1.5px !important;
    border-bottom-width: 1.5px !important;
    transform: rotate(-45deg) !important;
}


/* 1.0.11 - poprawka sticky headera dla własnego headera JAPI.
   Helix dodaje klasę .header-sticky, ale wcześniejszy CSS JAPI nadpisywał position: fixed. */
#sp-header.japi-helix-header.header-sticky,
#sp-header.japi-helix-header.japi-sticky-active {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    z-index: 99999 !important;
    background: var(--header_bg_color, #fff) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
}

#sp-header.japi-helix-header.header-sticky .japi-helix-header-inner,
#sp-header.japi-helix-header.japi-sticky-active .japi-helix-header-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.japi-header-is-sticky .sticky-header-placeholder {
    display: block !important;
}


/* 1.0.15 - dolne menu: kolory i podmenu jak w górnym menu Helixa */
#sp-header.japi-helix-header .japi-header-row-bottom a,
#sp-header.japi-helix-header .japi-header-row-bottom span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom .nav-header {
    color: var(--japi-header-menu-color, #252525) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom li:hover > a,
#sp-header.japi-helix-header .japi-header-row-bottom li.active > a,
#sp-header.japi-helix-header .japi-header-row-bottom li.current > a,
#sp-header.japi-helix-header .japi-header-row-bottom li:hover > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom li.active > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom li.current > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom li:hover > .nav-header,
#sp-header.japi-helix-header .japi-header-row-bottom li.active > .nav-header,
#sp-header.japi-helix-header .japi-header-row-bottom li.current > .nav-header {
    color: var(--japi-header-menu-hover-color, #0345bf) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul {
    background: var(--japi-header-dropdown-bg, #ffffff) !important;
    box-shadow: var(--japi-header-dropdown-shadow, 0 4px 14px rgba(0,0,0,.12)) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul .nav-header {
    color: var(--japi-header-dropdown-color, #252525) !important;
    background: var(--japi-header-dropdown-bg, #ffffff) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:hover > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.active > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.current > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:hover > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.active > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.current > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:hover > .nav-header,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.active > .nav-header,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.current > .nav-header {
    color: var(--japi-header-dropdown-hover-color, var(--japi-header-menu-hover-color, #0345bf)) !important;
    background: var(--japi-header-dropdown-hover-bg, var(--japi-header-dropdown-bg, #ffffff)) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom .japi-menu-caret {
    display: none !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom li.parent > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.deeper > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.japi-header-has-sub > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li:has(> ul) > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.parent > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.deeper > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.japi-header-has-sub > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li:has(> ul) > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.parent > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.deeper > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.japi-header-has-sub > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom li:has(> ul) > .nav-header::after {
    content: "\f107" !important;
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-left: 6px !important;
    border: 0 !important;
    transform: none !important;
    color: currentColor !important;
    vertical-align: middle !important;
    flex: 0 0 auto !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.parent > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.deeper > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.japi-header-has-sub > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:has(> ul) > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.parent > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.deeper > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.japi-header-has-sub > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:has(> ul) > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.parent > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.deeper > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.japi-header-has-sub > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:has(> ul) > .nav-header::after {
    content: "\f105" !important;
    margin-left: auto !important;
}

/* 1.0.16 - final: dolne podmenu ma kopiować normalne kolory dropdownu Helixa, nie kolor aktywnej pozycji */
#sp-header.japi-helix-header .japi-header-row-bottom ul ul {
    background: var(--japi-header-dropdown-bg, #ffffff) !important;
    box-shadow: var(--japi-header-dropdown-shadow, 0 4px 14px rgba(0,0,0,.12)) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul li > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li > .nav-header {
    color: var(--japi-header-dropdown-color, #252525) !important;
    background: var(--japi-header-dropdown-bg, #ffffff) !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:hover > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.active > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.current > a,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:hover > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.active > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.current > span.separator,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:hover > .nav-header,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.active > .nav-header,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.current > .nav-header {
    color: var(--japi-header-dropdown-hover-color, var(--japi-header-menu-hover-color, #0345bf)) !important;
    background: var(--japi-header-dropdown-hover-bg, var(--japi-header-dropdown-bg, #ffffff)) !important;
}

/* ptaszek dolnego menu jak w Helixie: FontAwesome, bez małego rysowanego rombu */
#sp-header.japi-helix-header .japi-header-row-bottom li.parent > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.deeper > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.japi-header-has-sub > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li:has(> ul) > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.parent > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.deeper > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.japi-header-has-sub > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li:has(> ul) > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.parent > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.deeper > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom li.japi-header-has-sub > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom li:has(> ul) > .nav-header::after {
    content: "\f107" !important;
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-left: 7px !important;
    border: 0 !important;
    transform: none !important;
    color: currentColor !important;
    vertical-align: baseline !important;
    flex: 0 0 auto !important;
}

#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.parent > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.deeper > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.japi-header-has-sub > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:has(> ul) > a::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.parent > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.deeper > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.japi-header-has-sub > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:has(> ul) > span.separator::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.parent > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.deeper > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li.japi-header-has-sub > .nav-header::after,
#sp-header.japi-helix-header .japi-header-row-bottom ul ul li:has(> ul) > .nav-header::after {
    content: "\f105" !important;
    margin-left: auto !important;
}


@media (max-width: 575px) {
    #sp-header.japi-helix-header {
        --japi-header-1-height: var(--japi-helix-header-height-xs, var(--japi-helix-header-height-sm, 50px));
    }
}

/* JAPI v1.0.23 - górny rząd: menu ma być wyśrodkowane pomiędzy logo i prawą częścią */
@media (min-width: 1200px) {
    #sp-header.japi-helix-header .japi-header-row-top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto auto auto;
        align-items: center;
        column-gap: 22px;
        justify-content: normal;
    }

    #sp-header.japi-helix-header .japi-header-cell-logo,
    #sp-header.japi-helix-header .japi-header-cell-action,
    #sp-header.japi-helix-header .japi-header-cell-social,
    #sp-header.japi-helix-header .japi-header-cell-burger-left,
    #sp-header.japi-helix-header .japi-header-cell-burger-right {
        min-width: 0;
        flex: 0 0 auto;
    }

    #sp-header.japi-helix-header .japi-header-cell-menu {
        min-width: 0;
        width: 100%;
        justify-content: center;
    }

    #sp-header.japi-helix-header .japi-header-cell-menu .sp-column {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    #sp-header.japi-helix-header .japi-header-cell-menu .sp-megamenu-parent {
        width: max-content;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
}