/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.level-1.parent:hover>.menu-sub,
.level-1.parent:focus-within>.menu-sub {
    opacity: 1;
    z-index: 5;
    visibility: visible;
}

.menu.visible--desktop .level-1.parent:hover>.menu-sub,
.menu.visible--desktop .level-1.parent:focus-within>.menu-sub {
    animation: unlock_sub_menu 0.45s forwards 0s;
}

@keyframes unlock_sub_menu {
    from {
        pointer-events: none;
    }

    to {
        pointer-events: auto;
    }
}

.menu.visible--desktop .level-1.parent>.menu-sub,
.menu.visible--desktop .menu__underline {
    pointer-events: none;
}

/*.menu__item:focus-within .menu__item-link--hassubmenu:after {
    transform: rotate(-180deg);
}*/

.menu-sub.menu-sub-presta-shop-category,
.menu-sub.menu-sub-presta-shop-category-full-tree {
    grid-template-columns: repeat(3, auto) 300px;
    grid-template-areas: auto;
}

.menu-sub.menu-sub-presta-shop-category>*:nth-child(n+23).category_show_all,
.menu-sub.menu-sub.menu-sub-presta-shop-category-full-tree>*:nth-child(n+26).category_show_all {
    margin-top: 1rem;
    grid-column: 3;
    text-align: right;
}

.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__grup.menu_sub.level-3>.category_show_all:nth-child(+n+18) {
    margin-top: 1rem;
    grid-column: 2;
}

.menu-sub.menu-sub-presta-shop-category>.menu__item.level-2.category_item>a,
.menu-sub.menu-sub-presta-shop-category>.menu__item.level-2.category_item>.empty-a,
.menu-sub.menu-sub-presta-shop-category-full-tree>.menu__item.level-2.category_item>a,
.menu-sub.menu-sub-presta-shop-category-full-tree>.menu__item.level-2.category_item>.empty-a {
    grid-template-columns: 64px auto;
}


h3.category_item_title {
    margin: 0px;
    margin-left: .75rem;
    font-weight: 500;
    min-width: 80px;
    font-size: 0.875rem;
}

.menu-sub {
    display: grid;
    grid-template-columns: minmax(250px, 300px) repeat(2, auto) 300px;
    grid-template-areas:
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top'
        'auto level-3 level-3 top';
    padding: 2rem 0;
    top: calc(100% + .5px);
    border: 1px solid #e8e9eb;
    transition: all 0.45s ease-in-out 0s, z-index 0s ease-in-out 0.45s;
}

div.menu-sub .menu__title {
    display: none;
}

.menu-sub>.menu__item.level-2>a,
.menu-sub>.menu__item.level-2>.empty-a,
.menu__grup.level-3>.menu__item.level-3>a {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    align-items: center;
    grid-template-columns: 80px auto;
}

.menu-sub>.menu__item.level-2>a:hover,
.menu-sub>.menu__item.level-2>.empty-a:hover,
.menu__item.children:hover {
    text-decoration: underline;
    color: var(--primary);
}

.menu-sub>.menu__item_room.level-2>a,
.menu-sub>.menu__item_room.level-2>.empty-a {
    grid-template-columns: 108px auto;
}

.menu-sub>.menu__grup.level-3 {
    grid-area: level-3;
    display: none;
    overflow-x: hidden;
}

.menu-sub>.menu__grup.level-3.shown,
.menu__grup.level-3>.menu__item.children {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    align-content: flex-start;
    background-color: white;
}

.menu__grup.level-3>.menu__item.children {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    grid-template-columns: 64px auto;
    width: fit-content;
}

.menu-sub .menu__item, .menu-sub .menu__grup {
    padding: 1rem;
    outline-offset: -2px;
}

.menu.visible--desktop .menu-sub {
    border: 0;
    transition: all 0.45s ease-in-out 0s, z-index 0s linear 0s;
}

.menu.visible--desktop .menu-sub:before {
    content: '';
    height: 100%;
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: #fff;
    position: absolute;
    border-bottom: 1px solid #E8E9EB;
}

.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__item.level-2.parent.shown {
    border-color: #e8e9eb;
    background-color: #ffffff;
    position: relative;
}

.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__item.level-2.parent.shown::after {
    content: '';
    position: absolute;
    display: block;
    left: calc(100% - .5rem);
    top: 0%;
    z-index: 99;
    background-color: white;
    width: 1rem;
    bottom: 0%;
}

.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__item.level-2.parent {
    border: 1px solid;
    border-color: transparent;
    margin: unset;
    padding: 1rem;
    background: #f8f9f9;
}

.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__grup.level-3.shown {
    border: 1px solid #e8e9eb;
    position: sticky;
    top: 0;
}

.menu-sub>.level-2.category_top {
    grid-column: 4;
    grid-row: 1/-1;
    display: block;
    padding: .5rem;
}

.menu.visible--desktop .menu-sub>.level-2.category_top:not(.shown)>*,
.menu.visible--desktop .menu-sub.menu-sub-presta-shop-category>.category_item:nth-child(n+23):not(:last-child),
.menu.visible--desktop .menu-sub.menu-sub-presta-shop-category>*:nth-child(-n+23).category_show_all,
.menu.visible--desktop .menu-sub.menu-sub-presta-shop-category-full-tree>.category_item:nth-child(n+25 of .category_item):not(:last-child),
.menu.visible--desktop .menu-sub.menu-sub-presta-shop-category-full-tree>.level-2:nth-child(-n+25 of .level-2).category_show_all,
.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__grup.menu_sub.level-3>a.children:nth-child(n+16):not(:last-child),
.menu.visible--desktop .menu-sub.menu-sub-stock>.menu__grup.menu_sub.level-3>.category_show_all:nth-child(-n+16) {
    display: none;
}

.mnavigationmenu.backdrop {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -999;
    opacity: 0;
    transition: all 0.45s ease-in-out 0s, z-index 0s linear 0.45s;
}

.mnavigationmenu.backdrop.visible {
    opacity: 1;
    z-index: 1038;
    transition: all 0.45s ease-in-out 0s, z-index 0s linear 0s;
    pointer-events: auto;
}

/* mobile  */

.menu.visible--desktop div.menu-sub {
    display: grid;
}

.top-menu-mobile .menu-sub .menu__item {
    padding: 0.25rem 1rem;
    width: unset;
}

.top-menu-mobile div.menu-sub,
.top-menu-mobile div.menu__grup {
    padding: 0px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: -5 !important;
    height: 100% !important;
    background-color: white;
}

.top-menu-mobile div.menu-sub>*:not(.menu__item):not(.menu__title):not(.menu_sub) {
    display: none;
}

.top-menu-mobile div.menu-sub .menu__title {
    align-items: center;
    display: flex;
    background-color: white;
    z-index: 1;
}

.top-menu-mobile div.menu-sub .menu__title>*:not(a):not(.navbar-toggler.level-3) {
    display: none;
}

/* modal tablet */

.level-1.parent>.menu-sub:focus-within {
    z-index: -2 !important;
}

.top-menu-mobile .menu__item.level-1:not(:focus-within) div.menu-sub.collapse:not(.show),
.top-menu-mobile div.menu-sub.collapse:not(:focus-within) div.menu_sub:not(.show) {
    display: none;
}

.top-menu-mobile:focus-within div.menu-sub.collapse:not(.show) {
    overflow: hidden;
}

/* .top-menu-mobile div.menu-sub.collapsing, */
.top-menu-mobile div.menu__grup.collapsing {
    display: flex !important;
}

.top-menu-mobile div.menu-sub.show,
.top-menu-mobile .menu__grup.level-3.show,
.top-menu-mobile div.menu-sub:focus-within,
.top-menu-mobile .menu__grup.level-3:focus-within {
    left: 100%;
    overflow-x: auto;
}

.top-menu-mobile .menu__item.parent {
    position: relative;
}

.top-menu-mobile .menu__grup.level-3.collapse {
    display: block;
    transition: all 0s ease-in-out 0s, z-index 0s ease-in-out 0s;
}

.top-menu-mobile .menu__grup.level-3.collapse.show,
.top-menu-mobile .menu__grup.level-3.collapse:focus-within {
    display: flex;
    z-index: 99 !important;
    transition: all 0.45s ease-in-out 0s, z-index 0s ease-in-out 0s;
}

.top-menu-mobile .menu__grup.level-3 {
    background-color: white;
    width: 100%;
    transition: all 0.45s ease-in-out 0s, z-index 0.45s ease-in-out 0s;
}

.top-menu-mobile .collapsing>.collapse.show {
    left: 0px !important;
}

.top-menu-mobile .menu-sub.menu-sub-stock>.menu__grup.menu_sub.level-3>.category_show_all {
    display: none;
}

.top-menu-mobile .menu__grup.level-3>.menu__item.children {
    grid-template-columns: 40px auto;
}

.top-menu-mobile .menu-sub>.menu__item.level-2>a,
.top-menu-mobile .menu-sub>.menu__item.level-2>.empty-a,
.top-menu-mobile .menu__grup.level-3>.menu__item.level-3>a {
    grid-template-columns: 40px auto;
}

.top-menu-mobile .menu-sub>.menu__item_room.level-2>a,
.top-menu-mobile .menu-sub>.menu__item_room.level-2>.empty-a {
    grid-template-columns: 54px auto;
}

.top-menu-mobile .menu-sub.menu-sub-presta-shop-category>.menu__item.level-2.category_item>a,
.top-menu-mobile .menu-sub.menu-sub-presta-shop-category>.menu__item.level-2.category_item>.empty-a,
.top-menu-mobile .menu-sub.menu-sub-presta-shop-category-full-tree>.menu__item.level-2.category_item>a,
.top-menu-mobile .menu-sub.menu-sub-presta-shop-category-full-tree>.menu__item.level-2.category_item>.empty-a {
    grid-template-columns: 40px auto;
}

.top-menu-mobile .menu__collapseicon {
    margin-top: -5px;
    margin-bottom: -5px;
    cursor: pointer;
}

.top-menu-mobile .menu__item.parent>a>.category_item_title {
    padding-right: 3rem;
}

/* modal mobile */

@media only screen and (max-width: 768px) {

    .level-1.parent>.menu-sub:focus-within {
        z-index: 3 !important;
    }

    .top-menu-mobile div.menu-sub,
    .top-menu-mobile .menu__grup.level-3 {
        left: -100%;
        z-index: 1 !important;
    }

    .top-menu-mobile div.menu-sub.show,
    .top-menu-mobile .menu__grup.level-3.show,
    .top-menu-mobile div.menu-sub:focus-within,
    .top-menu-mobile .menu__grup.level-3:focus-within {
        left: 0%;
        transition: all 0.45s ease-in-out 0s, z-index 0s ease-in-out 0s;
    }

    .top-menu-mobile div.menu-sub .menu__title {
        position: sticky;
        top: 0px;
    }

    .top-menu-mobile div.menu-sub .menu__title>*:not(a) {
        display: block !important;
    }

}


/* ikona rozwijania */

.top-menu-mobile .menu__item .navbar-toggler svg {
    transform: rotate(270deg);
}

.top-menu-mobile .menu__item .navbar-toggler svg {
    transform: rotate(270deg);
}

.menu__grup.menu_sub.level-3 .navbar-toggler.level-3.icon-collapse {
    transform: rotate(180deg);
}



.top-menu-mobile .menu__item.level-2.parent .navbar-toggler,
.top-menu-mobile .menu__item.level-3.parent .navbar-toggler {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    padding-block: 1rem;
}

/* empty  */

.menu-top [class$="--empty"] {
    display: block;
    background-color: rgba(0, 0, 0, .05);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-size: 3rem 100%;
    background-repeat: no-repeat;
    background-position: left -3rem top 0;
    animation: shine 1.5s ease-in-out infinite;
}

@keyframes shine {
    to {
        background-position: right -3rem top 0;
    }
}

picture.d-block.rc_fluid {
    display: flex !important;
    justify-content: center;
}

picture.d-block.rc_fluid>img.ls-is-cached.lazyloaded {
    left: unset;
    width: unset;
}

.lightspeed {
    transition: all 0.0s ease-in-out 0s !important;
}

#mobile_top_menu_wrapper:has(:focus-visible) .top-menu-mobile .menu__grup.menu_sub,
#mobile_top_menu_wrapper:has(:focus-visible) .top-menu-mobile div.menu-sub.show {
    left: 0%;
}

#mobile_top_menu_wrapper .top-menu-mobile div.menu-sub.show:has(:focus-visible),
#mobile_top_menu_wrapper .top-menu-mobile .menu__grup.menu_sub:has(:focus-visible) {
    left: 100%;
}

@media only screen and (max-width: 768px) {

    #mobile_top_menu_wrapper:has(:focus-visible) .top-menu-mobile .menu__grup.menu_sub,
    #mobile_top_menu_wrapper:has(:focus-visible) .top-menu-mobile div.menu-sub.show {
        left: -100%;
    }

    #mobile_top_menu_wrapper .top-menu-mobile div.menu-sub.show:has(:focus-visible),
    #mobile_top_menu_wrapper .top-menu-mobile .menu__grup.menu_sub:has(:focus-visible) {
        left: 0%;
    }

}

#mobile_top_menu_wrapper .top-menu-mobile .menu__grup.menu_sub.level-3:has(.collapse.show),
#mobile_top_menu_wrapper .top-menu-mobile .menu__grup.menu_sub.level-3:has(.collapsing) {
    display: flex;
    z-index: 99 !important;
    overflow: unset;
    left: 100%;
    transition: all 0.45s ease-in-out 0s;
}

@media only screen and (max-width: 768px) {
    #mobile_top_menu_wrapper .top-menu-mobile .menu__grup.menu_sub.level-3:has(.collapse.show),
    #mobile_top_menu_wrapper .top-menu-mobile .menu__grup.menu_sub.level-3:has(.collapsing) {
        left: 0%;
    }
}

.menu__link {
    padding: 0.625rem;
    display: flex;
}

@media (min-width: 992px) {
    .menu__item--special .menu__item-header > a {
        position: relative;
    }
    .menu__item--special .menu__item-header > a:after {
        content: "";
        position: absolute;
        top: -7px;
        right: 0;
        padding: 4px 10px;
        z-index: 1;
        font-size: 0.625rem;
        font-weight: 600;
        border-radius: 5px;
        color: #fff;
    }

    .menu__item--new .menu__item-header > a:after {
        content: "Neu!";
        background: #e50000;
        color: #fff;
        box-shadow: 0 0.25rem 1rem rgb(229 0 0 / 25%);
    }

    .menu__item--sd .menu__item-header > a:after {
        content: "Schnelle lieferung";
        background: #e50000;
        color: #fff;
        box-shadow: 0 0.25rem 1rem rgb(229 0 0 / 25%);
    }

    .menu__item--hot .menu__item-header > a:after {
        /* content: 'Hot!'; */
        content: "Bestseller";
        background: #4caf50;
        box-shadow: 0 0.25rem 1rem rgb(139 195 74 / 25%);
    }

    .menu__item--premium .menu__item-header > a:after {
        content: "Premium!";
        background: #6f42c1;
        box-shadow: 0 0.25rem 1rem rgb(111 66 193 / 25%);
    }

    .wt-sub-menu {
        background-color: #fff;
        box-shadow:
            0 1px 3px rgb(0 0 0 / 12%),
            0 1px 2px rgb(0 0 0 / 24%);
    }

    .menu__link {
        padding: 0.3rem;
    }
}

.wt-sub-menu:hover,
.menu__item-header:hover ~ .wt-sub-menu {
    opacity: 1;
    z-index: 5;
    visibility: visible;
}

.wt-menu__subtitle {
    padding: 0.3rem;
    font-size: 1.2rem;
    margin: 0;
    margin-top: 0.5rem;
    font-weight: 600;
}

.special-column .ul-column {
    background: #eee;
    height: 100%;
}
.item-header {
    font-weight: 600;
}

@media (max-width: 992px) {
    .wt-menu-row {
        flex-direction: column;
        margin: 0px;
    }

    .wt-menu-row .wt-menu-col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0px;
    }
    .wt-menu-col .ul-column {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.menu__link {
    border-radius: .125rem;
    background-color: transparent;
    transition: all .2s cubic-bezier(0.55, 0.06, 0.68, 0.19);
    border: 1px solid transparent;
}


.menu__link:hover {
    background-color: #f8f9fa;
    border-color: #efefef;
}