.elementor-409 .elementor-element.elementor-element-37a12df{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-409 .elementor-element.elementor-element-6f73571 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-409 .elementor-element.elementor-element-6f73571{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-409 .elementor-element.elementor-element-6f73571 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}#elementor-popup-modal-409 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-409{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-409 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-409 .dialog-close-button{display:flex;}@media(max-width:767px){#elementor-popup-modal-409{justify-content:center;align-items:center;}}@media(min-width:768px){.elementor-409 .elementor-element.elementor-element-37a12df{--width:100vw;}}/* Start custom CSS for container, class: .elementor-element-37a12df *//* --- PREMIUM CENTERED MENU (INTERACTIVE ACCORDION) --- */

/* =========================================
   1. KONTENER PODMENU (Bazowy Styl - Ukryty)
   ========================================= */
.elementor-nav-menu .sub-menu,
.elementor-nav-menu--dropdown ul {
    /* Domyślnie ukryte! */
    display: none; 
    
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    position: relative !important; /* Kluczowe: rozpycha treść w dół */
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 20px 0 !important;
    
    /* Centrowanie zawartości */
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    
    /* Animacja wejścia */
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* =========================================
   2. LOGIKA OTWIERANIA (HOVER & CLICK)
   ========================================= */

/* Pokaż menu po najechaniu (Desktop) */
.elementor-nav-menu li.menu-item-has-children:hover > .sub-menu {
    display: flex !important;
}

/* Pokaż menu po kliknięciu/aktywacji (Mobile & Obsługa strzałek) */
/* Elementor dodaje klasę 'elementor-item-active' lub 'highlighted' przy kliku */
.elementor-nav-menu li.menu-item-has-children.elementor-item-active > .sub-menu,
.elementor-nav-menu li.menu-item-has-children.highlighted > .sub-menu {
    display: flex !important;
}

/* Subtelna linia nad rozwiniętym menu */
.elementor-nav-menu .sub-menu:before {
    content: '';
    display: block;
    width: 40px; 
    height: 1px;
    background: rgba(176, 162, 147, 0.4); /* Złoto */
    margin: 0 auto 15px auto;
}

/* =========================================
   3. ELEMENTY LISTY (Linki)
   ========================================= */
.elementor-nav-menu .sub-menu li {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.elementor-nav-menu .sub-menu li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background: transparent !important;
    padding: 8px 0 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    border: none !important;
}

/* =========================================
   4. KOLORYSTYKA (Light vs Dark Mode)
   ========================================= */

/* Przejścia */
.elementor-nav-menu li a,
.elementor-nav-menu span.sub-arrow {
    transition: color 0.3s ease, fill 0.3s ease !important;
}

/* --- LIGHT MODE --- */
html:not([data-theme="dark"]) .elementor-nav-menu .sub-menu li a,
html:not([data-theme="dark"]) .elementor-nav-menu span.sub-arrow {
    color: #1A1A1A !important;
    fill: #1A1A1A !important;
}

/* --- DARK MODE --- */
html[data-theme="dark"] .elementor-nav-menu .sub-menu li a,
html[data-theme="dark"] .elementor-nav-menu span.sub-arrow {
    color: rgba(250, 249, 246, 0.8) !important;
    fill: #FAF9F6 !important;
}

/* =========================================
   5. EFEKTY (Hover & Strzałki)
   ========================================= */

/* Hover na link podmenu */
.elementor-nav-menu .sub-menu li a:hover,
.elementor-nav-menu .sub-menu li.current-menu-item a {
    color: #B0A293 !important; /* Brand Gold */
    transform: scale(1.05);
}

/* Aktywny rodzic (gdy menu otwarte) */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li.elementor-item-active > a {
    color: #B0A293 !important;
}
.elementor-nav-menu li:hover > a span.sub-arrow,
.elementor-nav-menu li.elementor-item-active > a span.sub-arrow {
    fill: #B0A293 !important;
    color: #B0A293 !important;
    transform: translateY(-50%) rotate(180deg); /* Obrót strzałki */
}

/* Ustawienie strzałki rozwijania */
.elementor-nav-menu span.sub-arrow {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: 40px !important; /* Większy obszar kliknięcia */
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease !important;
}

/* Fix dla rodzica */
.elementor-nav-menu li.menu-item-has-children {
    position: relative !important;
}

/* =========================================
   6. MOBILE FIX (Responsywność)
   ========================================= */
@media (max-width: 767px) {
    .elementor-nav-menu .sub-menu {
        padding-left: 0 !important;
        text-align: center !important;
    }
    
    .elementor-nav-menu .sub-menu li a {
        padding: 12px 0 !important; /* Większe odstępy na palec */
        font-size: 13px !important;
    }
    
    /* Na mobilu wyłączamy hover, polegamy na kliku (active class) */
    .elementor-nav-menu li.menu-item-has-children:hover > .sub-menu {
        display: none; /* Reset hovera na dotyku */
    }
    /* Ale przywracamy dla klasy aktywnej (klikniętej) */
    .elementor-nav-menu li.menu-item-has-children.elementor-item-active > .sub-menu {
        display: flex !important;
    }
}/* End custom CSS */