/**
 * TW Sticky Container
 */

/* Kontener sticky - stan normalny */
.tw-sticky-container {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

/* Przezroczyste tło na start */
.tw-sticky-container[data-tw-sticky-transparent="1"]:not(.tw-sticky-scrolled) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.tw-sticky-container[data-tw-sticky-transparent="1"]:not(.tw-sticky-scrolled)::before,
.tw-sticky-container[data-tw-sticky-transparent="1"]:not(.tw-sticky-scrolled) > .elementor-background-overlay {
    opacity: 0 !important;
}

.tw-sticky-container[data-tw-sticky-transparent="1"]:not(.tw-sticky-scrolled) > .e-con-inner {
    background: transparent !important;
    background-color: transparent !important;
}

/* Kontener w trybie fixed (przyklejony) */
.tw-sticky-container.tw-sticky-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
}

/* Placeholder - utrzymuje miejsce gdy kontener jest fixed */
.tw-sticky-placeholder {
    display: none;
}

.tw-sticky-placeholder.is-active {
    display: block;
}

/* Stan po scrollu - zmiana stylu */
.tw-sticky-container.tw-sticky-scrolled {
    background: var(--tw-sticky-bg, #ffffff) !important;
    background-color: var(--tw-sticky-bg, #ffffff) !important;
    background-image: none !important;
    box-shadow: var(--tw-sticky-shadow, none) !important;
}

/* Ukryj overlay tła Elementora gdy sticky jest aktywne */
.tw-sticky-container.tw-sticky-scrolled::before,
.tw-sticky-container.tw-sticky-scrolled > .elementor-background-overlay {
    display: none !important;
}

/* Przezroczyste tło wewnętrznego kontenera Elementora */
.tw-sticky-container.tw-sticky-scrolled > .e-con-inner {
    background: transparent !important;
}

/* Kolor tekstu po scrollu */
.tw-sticky-container.tw-sticky-scrolled .tw-nav-menu__link,
.tw-sticky-container.tw-sticky-scrolled .elementor-heading-title,
.tw-sticky-container.tw-sticky-scrolled .elementor-widget-heading .elementor-heading-title,
.tw-sticky-container.tw-sticky-scrolled a:not(.elementor-button) {
    color: var(--tw-sticky-text, inherit) !important;
}

.tw-sticky-container.tw-sticky-scrolled .tw-nav-hamburger span {
    background-color: var(--tw-sticky-text, #333) !important;
}

.tw-sticky-container.tw-sticky-scrolled .tw-nav-menu__arrow {
    border-top-color: var(--tw-sticky-text, currentColor) !important;
}