/*ikony przed linkami w nawigacji*/

li.alch-tarasy-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/taras-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

li.alch-dachy-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/dach-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

li.alch-baseny-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/baseny-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

li.alch-posadzki-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/layer-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

li.alch-parkingi-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/parking-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

li.alch-konfigurator-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/konfigurator-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

li.alch-produkty-nav-link::before {
    content:url("https://alchimica.pl/wp-content/uploads/2025/11/paint-30.png");
    width:30px;
    height:30px;
    position: static;
    display: flex;
    margin-right: 8px;
}

/*header logo*/

.alch-logo {min-width:120px;}

/*bezwzgledne wysrodkowanie kontenerow mega menu*/
/*1 - zdejmujemy pozycje relative z li, zamieniamy na static i dajemy na nav*/
.alch-mega-menu {position:relative;}

.wp-block-navigation-item.has-mega-menu {
    position: static!important;
}

/*spozycjonowanie kontenera na srodek w linii 159*/

/* Hover podkreślenie dla elementów nawigacji */
.wp-block-navigation a:hover:hover {
    text-decoration:none!important;
    color:#ff4757!important;
}

.alch-full-width {width:100%;}

.alch-mega-menu .wp-block-navigation-item > a {
   position: relative;
}

.alch-mega-menu .wp-block-navigation-item > a::after {
   content: '';
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 0;
   height: 2px;
   background-color: #ff4757;
   transition: width 0.3s ease;
}

.alch-mega-menu .wp-block-navigation-item:hover > a::after {
   width: 100%;
}

/* Mega Menu - style podstawowe */
.alch-mega-menu .wp-block-navigation__submenu-container {
    position:absolute!important;
    width: 100vw!important;
    max-width: 100vw !important;
    right: 0 !important;
    left:55px!important;
    transform: none !important;
    margin-left: calc(-50vw + 50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    background-color:#000;
}

.alch-mega-menu-produkty-wrapper {gap:0;}
.alch-mega-menu-column-nested {gap:0;}

.alch-mega-menu-dachy-wrapper {
    display:flex;
flex-direction:column!important;}


.alch-mega-menu-column-row, .alch-mega-menu-column-tarasy {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start;
}

.alch-mega-menu-column-row-2 {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start;
    padding:23px 10px;
}

.alch-mega-menu-column-tarasy {gap:0;}

.alch-mega-menu-column-row-taras {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start;
    padding:25px 20px;
}

.alch-mega-menu-column-row-taras:not(:last-child), .alch-mega-menu-column-taras {
    border-right:4px double #ffffff33;
}

.alch-mega-menu-column {
    padding:25px 10px;
}

.alch-mega-menu-column-2 {
    padding:0px;
}

.alch-mega-menu-column:not(:last-child), .alch-mega-menu-column-2:not(:last-child) {
    border-right:4px double #ffffff33;
}

.alch-mega-menu-column-horizontal {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start;
    justify-content: flex-start;
    padding:25px 20px;
    gap:20px;
    border-right:4px double #ffffff33;
}

.alch-mega-menu-stack {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}


.alch-mega-menu-image {
    width: 95px !important;
  min-width: 95px;}
.alch-mega-menu-image-2 {width:98px!important; max-width:98px!important;}

/* Mega dropdown container - FLEX zamiast GRID */
.alch-mega-menu .mega-dropdown {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem;
    background: var(--wp--preset--color--base);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin: 0 auto;
}

.wp-block-navigation ul li {
    padding: 20px 5px;
}

/* Hover - pokazanie menu */
.alch-mega-menu .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.alch-mega-menu .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
}

/* Mega menu loading state */
.mega-menu-loading {
    padding: 20px;
    text-align: center;
    min-width: 200px;
}

.wp-block-navigation-item.has-mega-menu .wp-block-navigation__submenu-container {
    position: absolute!important;
    top: 100%;
    left: 0!important;
    right: 0!important;
}

.alch-tarasy-submenu-kont .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100%;
    left:281px!important;
} 

.alch-dachy-submenu-kont .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100%;
    left:-29px!important;
} 

.alch-baseny-submenu-kont .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100%;
    left:-163px!important;
} 

.alch-parkingi-submenu-kont .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100%;
    left:-303px!important;
} 

.alch-posadzki-submenu-kont .wp-block-navigation__submenu-container {
    position: absolute !important;
    top: 100%;
    left:111px!important;
} 

.alch-produkty-submenu-kont .wp-block-navigation__submenu-container {
        position: absolute !important;
        top: 100%;
        left:73%!important;
}

.alch-wykonczenia-heading {
    border-bottom:4px double #ffffff33;
    line-height:1;
}

/* Zwykle submenu fix */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #000;
    border:none;
}

/* Pattern content */
.mega-menu-pattern-content {
    width: calc(100vw - 60px)!important;
    max-width: 100%;
    padding:30px;
}

.mega-menu-pattern-content .wp-block-columns {
    margin: 0;
    padding: 0;
}

.alch-mega-menu-columns {
    border:4px double #ffffff33!important;
    gap:0;
    flex-grow:1;
}

/* Reset dla mega menu */
.alch-mega-menu .is-mega-menu {
    position: static !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .alch-mega-menu .mega-dropdown {
        flex-direction: column;
    }
}

@media (min-width:920px) and (max-width:1200px) {
    .alch-mega-menu-column-row, .alch-mega-menu-column-tarasy {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }

    .alch-mega-menu-image, .alch-mega-menu-image-2 {display:none;}

    .alch-mm-dachy-heading {padding-right:0!important;}

    .alch-mega-menu-column-horizontal:last-child {border-right:none!important;}
}

@media (max-width:919px) {
    .alch-menu-hide-mobile {display:none!important;}
    
    .wp-block-navigation__responsive-container-open {color: #fff;}

    .wp-block-navigation__responsive-container-open svg {height:34px;}

    .wp-block-navigation__responsive-container-close svg {height:26px;}

    .wp-block-navigation ul li {padding: 0 5px!important;}
    
    .alch-produkty-submenu li {padding: 7px 5px!important;}

    li.wp-block-navigation-submenu {
        align-items: flex-start;
        background-color: inherit;
        display: flex;
        flex-direction: row!important;
        flex-wrap:wrap;
        justify-content: flex-start;
    }

    .wp-block-navigation__submenu-container {
            width:100%!important;
            padding-left:10px!important;
            background-color:#f5f5f5;
    }

    ul.wp-block-navigation-submenu li.wp-block-navigation-item {
        padding-top:9px!important;
        padding-bottom:9px!important;
    }

    /*delikatna animacja submenu*/
    .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
        transition: transform 0.3s ease;
    }
    
    /* Rotacja strzałki */
    .wp-block-navigation__submenu-icon[aria-expanded="true"] {
        transform: rotate(180deg);
    }
    
    /* SVG widoczne */
    .wp-block-navigation__submenu-icon svg {
        display: block;
        width: 12px;
        height: 12px;
    }
    
}

@media (min-width:920px) {
    .alch-menu-hide-desktop {
    display:none!important;
    }
}