/* Auto-generated navigations.css - All navigations for website 019c3805-0de7-aed3-430d-5c8b00da6d30 */
/* Generated: 2026-02-20 20:26:27 */

/* Navigation: menu główne (ID: 019c3849-afe9-613f-ab03-533610f4c23c) */
/* Auto-generated navigation CSS for: menu główne (menu-glowne) */
/* Generated at: 2026-02-20 20:26:27 */

/* ========================================
   BREAKPOINTS (from Website settings)
   ========================================
   Mobile:   0 - 575px
   Tablet:   576px - 991px
   Desktop:  >= 992px (DEFAULT)
   ======================================== */

ul.navigation-menu-glowne {
}

@media (min-width: 992px) /* Desktop - >= 992px */ {
    ul.navigation-menu-glowne {
        background-color: transparent;
        color: ;
        padding: 0px 0px 0px 0px;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
    }
}

@media (min-width: 576px) and (max-width: 991px) /* Tablet navigation - 576px to 991px */ {
    ul.navigation-menu-glowne {
        background-color: transparent;
        color: ;
        padding: 0px 0px 0px 0px;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
    }
}

@media (max-width: 575px) /* Mobile - <= 575px */ {
    ul.navigation-menu-glowne {
        background-color: transparent;
        color: ;
        padding: 0px 0px 0px 0px;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
    }
}

nav:has(ul.navigation-menu-glowne),
ul.navigation-menu-glowne {
    position: relative;
    z-index: 1000;
}

ul.navigation-menu-glowne {
    display: none; /* Hidden by default - media queries will show for enabled breakpoints */
    list-style: none;
    margin: 0;
    padding: 0;
}

body.mobile-nav-open ul.navigation-menu-glowne > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mobile-nav-open ul.navigation-menu-glowne > li > a {
    padding: 12px 16px 12px 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px; /* Minimum touch target size for mobile */
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

body.mobile-nav-open ul.navigation-menu-glowne > li:has(> ul) > a {
    position: relative;
}

body.mobile-nav-open ul.navigation-menu-glowne > li:has(> ul) > a::after {
    padding: 16px; /* Large touch area - easy to tap on mobile */
    margin: -16px -16px -16px 4px; /* Expand touch area, keep visual spacing */
    cursor: pointer;
}

body.mobile-nav-open ul.navigation-menu-glowne > li.submenu-open > a {
    /* Parent link when submenu is open */
}

/* Submenu icon indicator - Mobile */
@media (max-width: 991px) {
    body.mobile-nav-open ul.navigation-menu-glowne > li:has(> ul) > a::after {
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px;
        transition: transform 0.3s ease;
        flex-shrink: 0;
    }
    body.mobile-nav-open ul.navigation-menu-glowne > li.submenu-open > a::after {
        transform: rotate(180deg);
    }
}

@media (min-width: 576px) and (max-width: 991px) /* Mobile menu submenu Tablet - 576px to 991px */ {
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul {
        background-color: ;
        margin: 0;
        padding: 0;
        list-style: none;
        position: static;
        box-shadow: none;
        border: none;
    }
}

@media (max-width: 575px) /* Mobile menu submenu Mobile - <= 575px */ {
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul {
        background-color: ;
        margin: 0;
        padding: 0;
        list-style: none;
        position: static;
        box-shadow: none;
        border: none;
    }
}

@media (max-width: 575px) /* Mobile menu submenu dropdown Mobile - <= 575px */ {
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    }
    body.mobile-nav-open ul.navigation-menu-glowne > li.submenu-open > ul {
        max-height: 2000px; /* Large enough for any submenu */
        opacity: 1;
    }
}

@media (min-width: 576px) and (max-width: 991px) /* Mobile menu submenu Tablet - 576px to 991px */ {
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul > li > a {
        color: ;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
        min-height: 40px;
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 8px 16px;
    }
}

@media (max-width: 575px) /* Mobile menu submenu Mobile - <= 575px */ {
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    body.mobile-nav-open ul.navigation-menu-glowne > li > ul > li > a {
        color: ;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
        min-height: 40px; /* Touch target for submenu items */
        display: flex;
        align-items: center;
        text-decoration: none;
        padding: 8px 16px;
    }
}

/* ========== DESKTOP MENU: Tablet + Desktop (>= 576px) ========== */
@media (min-width: 576px) /* Tablet + Desktop >= 576px */ {
    ul.navigation-menu-glowne {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    ul.navigation-menu-glowne > li > a {
        text-decoration: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    @media (min-width: 1400px) {
        ul.navigation-menu-glowne > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
    }

    @media (min-width: 992px) and (max-width: 1399px) {
        ul.navigation-menu-glowne > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
    }

    @media (max-width: 991px) {
        ul.navigation-menu-glowne > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 0.875rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
    }

    ul.navigation-menu-glowne > li > a:hover {
        -webkit-transition: background-color 300ms ease, color 300ms ease;
        -moz-transition: background-color 300ms ease, color 300ms ease;
        -o-transition: background-color 300ms ease, color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease;
    }

    @media (min-width: 1400px) {
        ul.navigation-menu-glowne > li > a:hover {
            background-color: transparent;
        }
    }

    @media (min-width: 992px) and (max-width: 1399px) {
        ul.navigation-menu-glowne > li > a:hover {
            background-color: transparent;
        }
    }

    @media (max-width: 991px) {
        ul.navigation-menu-glowne > li > a:hover {
            background-color: transparent;
        }
    }

    ul.navigation-menu-glowne > li > a.active,
    ul.navigation-menu-glowne > li.active > a {
        -webkit-transition: -webkit-transform 200ms ease;
        -moz-transition: -moz-transform 200ms ease;
        -o-transition: -o-transform 200ms ease;
        transition: transform 200ms ease;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    @media (min-width: 1400px) {
        ul.navigation-menu-glowne > li > a.active,
        ul.navigation-menu-glowne > li.active > a {
            background-color: transparent;
        }
    }

    @media (min-width: 992px) and (max-width: 1399px) {
        ul.navigation-menu-glowne > li > a.active,
        ul.navigation-menu-glowne > li.active > a {
            background-color: transparent;
        }
    }

    @media (max-width: 991px) {
        ul.navigation-menu-glowne > li > a.active,
        ul.navigation-menu-glowne > li.active > a {
            background-color: transparent;
        }
    }

    ul.navigation-menu-glowne > li {
        position: relative;
    }

    ul.navigation-menu-glowne > li > ul {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        border-radius: 4px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        min-width: 200px;
        list-style: none;
        margin: 0;
        padding: 0.5rem 0;
        display: none;
        z-index: 1000;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    @media (min-width: 1400px) /* Desktop submenu position - >= 1400px */ {
        ul.navigation-menu-glowne > li > ul {
            top: 100%;
            left: 0;
        }
    }

    @media (min-width: 992px) and (max-width: 1399px) /* Tablet submenu position - 992px to 1399px */ {
        ul.navigation-menu-glowne > li > ul {
            top: 100%;
            left: 0;
        }
    }

    @media (max-width: 991px) /* Mobile submenu position - <= 991px */ {
        ul.navigation-menu-glowne > li > ul {
            top: 100%;
            left: 0;
        }
    }

    ul.navigation-menu-glowne > li:hover > ul {
        display: block;
        opacity: 1;
    }

    ul.navigation-menu-glowne > li > ul > li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.navigation-menu-glowne > li > ul > li > a {
        color: ;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
        padding: 8px 16px 8px 16px;
        text-decoration: none;
        display: block;
        transition: all 0.3s ease;
    }

    ul.navigation-menu-glowne > li > ul > li > a:hover {
        background-color: transparent;
    }

}

.hamburger-wrapper[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] {
    position: relative;
    z-index: 9998;
}

/* Close button (X) - visible ONLY when mobile menu is active */
.mobile-nav-close {
    display: none !important; /* Hidden by default */
}

/* Show close button ONLY in mobile view when menu is active */
@media (max-width: 991px) {
    body.mobile-nav-open .mobile-nav-active .mobile-nav-close {
        display: flex !important;
        position: absolute;
        top: 20px;
        right: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 10;
        color: currentColor;
        transition: transform 0.2s ease, background-color 0.2s ease;
        width: 32px;
        height: 32px;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
    }

    body.mobile-nav-open .mobile-nav-active .mobile-nav-close:hover {
        transform: scale(1.1);
        background-color: rgba(0, 0, 0, 0.05);
    }
}

.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"],
.hamburger-button.hamburger--default {
    display: none; /* Hidden by default */
    padding: 15px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    min-width: 40px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 992px) /* Desktop hamburger hidden - >= 992px */ {
    .hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"],
    .hamburger-button.hamburger--default {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) /* Tablet hamburger - 576px to 991px */ {
    .hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"],
    .hamburger-button.hamburger--default {
        display: inline-flex !important;
    }
}

@media (max-width: 575px) /* Mobile hamburger - <= 575px */ {
    .hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"],
    .hamburger-button.hamburger--default {
        display: inline-flex !important;
    }
}

.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].is-active,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].active,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"]:active,
.hamburger-button.hamburger--default.is-active,
.hamburger-button.hamburger--default.active,
.hamburger-button.hamburger--default:active {
    background-color: transparent;
}

.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] .hamburger-box,
.hamburger-button.hamburger--default .hamburger-box {
    width: 40px !important;
    height: 30px !important;
    position: relative !important;
    display: inline-block !important;
    top: 20px !important;
}

.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] .hamburger-inner,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] .hamburger-inner::after,
.hamburger-button.hamburger--default .hamburger-inner,
.hamburger-button.hamburger--default .hamburger-inner::before,
.hamburger-button.hamburger--default .hamburger-inner::after {
    background-color: #333333 !important;
    width: 40px !important;
    height: 3px !important;
    position: absolute !important;
}

.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].is-active .hamburger-inner,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].is-active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].is-active .hamburger-inner::after,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].active .hamburger-inner,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].active .hamburger-inner::after,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"]:active .hamburger-inner,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"]:active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"]:active .hamburger-inner::after,
.hamburger-button.hamburger--default.is-active .hamburger-inner,
.hamburger-button.hamburger--default.is-active .hamburger-inner::before,
.hamburger-button.hamburger--default.is-active .hamburger-inner::after,
.hamburger-button.hamburger--default.active .hamburger-inner,
.hamburger-button.hamburger--default.active .hamburger-inner::before,
.hamburger-button.hamburger--default.active .hamburger-inner::after,
.hamburger-button.hamburger--default:active .hamburger-inner,
.hamburger-button.hamburger--default:active .hamburger-inner::before,
.hamburger-button.hamburger--default:active .hamburger-inner::after {
    background-color: #333333 !important;
}

.nav-wrapper[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] {
    position: relative;
}

nav.header-navigation[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] {
    transition: transform 0.3s ease-in-out;
}

/* Close button (X) - visible only when mobile menu is active */
.mobile-nav-close {
    display: none; /* Hidden by default */
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10; /* Above UL (z-index: 1) */
    color: currentColor;
    transition: transform 0.2s ease, background-color 0.2s ease;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-close:hover {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, 0.05);
}

/* Show close button in Mobile + Tablet view */
@media (max-width: 991px) {
    body.mobile-nav-open .mobile-nav-active .mobile-nav-close {
        display: flex !important;
    }
}

/* Mobile menu - enabled for Mobile + Tablet (<= 991px) */
@media (max-width: 991px) /* Mobile + Tablet <= 991px */ {
    nav.header-navigation[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"] {
        position: fixed;
        top: 0;
        right: -100%;
        transition: left 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.3s ease;
    }

    /* Mobile menu OPEN - wszystkie style */
    body.mobile-nav-open nav.header-navigation[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].mobile-nav-active {
        position: fixed;
        top: 0;
        right: 0;
        width: 80dvw;
        max-width: 400px;
        height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9999;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        padding: 20px;
        background-color: #ffffff;
    }

    /* Animacja zamykania */
    nav.header-navigation[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"].closing {
        right: -100% !important;
    }

    /* UL vertical layout w menu mobilnym */
    body.mobile-nav-open .mobile-nav-active ul.navigation-menu-glowne {
        display: flex;
        flex-direction: column !important;
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        z-index: 1; /* Above backdrop (::before) */
    }

    /* LI items 100% width */
    body.mobile-nav-open .mobile-nav-active ul.navigation-menu-glowne > li {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 992px) /* Desktop mobile menu background - >= 992px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

@media (min-width: 576px) and (max-width: 991px) /* Tablet mobile menu background - 576px to 991px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

@media (max-width: 575px) /* Mobile menu background - <= 575px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

/* Backdrop overlay - on .nav-wrapper, displays under hamburger and menu */
.nav-wrapper[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9997; /* Under hamburger (9998) and nav (9999) */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none; /* Allow clicks to pass through when hidden */
}

/* Backdrop visible when menu is open */
body.mobile-nav-open .nav-wrapper[data-navigation-id="019c3849-afe9-613f-ab03-533610f4c23c"]::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Allow backdrop clicks when visible */
}

/* Prevent body scroll when mobile menu is open */
body.mobile-nav-open {
    overflow: hidden;
}