/**
* 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-sub.menu-sub-presta-shop-category {
    grid-template-columns: repeat(3, auto) minmax(200px, 354px);
    grid-template-areas: auto;
}

.menu-sub.menu-sub-presta-shop-category>*:nth-child(n+23).category_show_all {
    grid-column: 3;
}

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

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


h4.category_item_title {
    margin: 0px;
    margin-left: .75rem;
    font-weight: 400;
}

.menu-sub {
    display: grid;
    grid-template-columns: minmax(250px, 300px) repeat(2, auto) minmax(200px, 354px);
    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 {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    align-items: center;
    grid-template-columns: 80px auto;
}

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

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

.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;
    grid-gap: 2px;  /*wcag support*/
}

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

.menu-sub .menu__item,
.menu-sub .menu__grup {
    padding: 1rem;
}

.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;
    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;
}

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

.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-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;
}

.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) {
    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 */

.top-menu-mobile div.menu-sub.collapse:not(.show) {
    display: none;
}

/*.top-menu-mobile div.menu-sub.collapsing,*/
.top-menu-mobile div.menu__grup.collapsing {
    display: block !important;
    background-color: white;
}

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

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

.top-menu-mobile .menu__grup.level-3.collapse.show {
    display: block;
    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 {
    grid-template-columns: 40px auto;
}

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

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

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


/* modal mobile */

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

    .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 {
        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);
}



.top-menu-mobile .menu__item.level-2.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;
}