/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * 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 Goryachev Nikolay <versus73333333@gmail.com>
 * @copyright 2021-2025 Goryachev Nikolay
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * International Registered Trademark & Property of PrestaShop SA
*/

:root {
    --ngblockmenu-var-base-color: #000000;
    --ngblockmenu-body-base-color: #008ad2;
    --ngblockmenu-body-base-color-outline: #f3f3f3;
    --ngblockmenu-fon-color: #ffffff;
    --ngblockmenu-fon-color-mobile: #ffffff;
}
.ngblockmenu-trees {
    font-family: Gotham Pro, serif;
}
.ngblockmenu-trees_root-title_caret {
    font-weight: 600;
}
.ngblockmenu-trees_btn,
.ngblockmenu-menu_btn {
    padding: .35em 3.4em;
}
.ngblockmenu-trees_btn_icon,
.ngblockmenu-menu_btn_icon {
    font-size: 2em;
    margin-right: 0.88em;
}

@media (min-width: 992px) and (min-width: 768px) {
    .ngblockmenu-trees_menu {
        font-size: 0.85rem;
    }
}

@media (min-width: 992px) {
    .ngblockmenu-trees_content {
        height: 55vh;
        min-height: 457px;
        padding-left: 0;
        margin-top: 5px;
    }
    .ngblockmenu-trees_root_left {
        padding: 50px 0;
        border-right: 1px solid #ececec;
    }
    .ngblockmenu-trees_root_right {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
    }
    .ngblockmenu-trees_root_tree_title {
        margin-bottom: 1.6em;
    }
    .ngblockmenu-trees_root_tree-box {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .ngblockmenu-trees_root-item.ngblockmenu-hover .ngblockmenu-trees_root-title_name,
    #header .ngblockmenu-trees_root-item.ngblockmenu-hover .ngblockmenu-trees_root-title_name,
    .ngblockmenu-trees_root-title_name:hover,
    #header .ngblockmenu-trees_root-title_name:hover {
        color: var(--ngblockmenu-var-base-color);
    }
    .ngblockmenu-trees_root-title_name:hover + .ngblockmenu-trees_root-title_caret,
    .ngblockmenu-trees_root-item.ngblockmenu-hover .ngblockmenu-trees_root-title_name + .ngblockmenu-trees_root-title_caret {
        color: var(--ngblockmenu-var-base-color);
    }
    .ngblockmenu-trees_list[data-depth="2"] .ngblockmenu-trees_title_name--active,
    #header .ngblockmenu-trees_list[data-depth="2"] .ngblockmenu-trees_title_name--active {
        color: var(--ngblockmenu-body-base-color);
    }
    .ngblockmenu-trees_root-title_name {
        border-radius: 0;
        font-weight: 500;
        padding: 1.25em 2.5em;
        font-size: 1.15em;
    }
    .ngblockmenu-trees_list[data-depth="2"] {
        margin-left: -35px;
        margin-right: -35px;
        padding-right: 15px;
    }
    .ngblockmenu-trees_item[data-depth="2"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .ngblockmenu-trees_item--group[data-depth="2"] {
        margin-bottom: 30px;
    }
    .ngblockmenu-trees_item--tree[data-depth="2"],
    .ngblockmenu-trees_item--group[data-depth="2"] {
        font-size: 1.05em;
    }
}

@media (max-width: 992px) {
    .menu-modal_content .ngblockmenu-menu-responsive {
        margin-left: -15px;
        margin-right: -15px;
    }
    .ngblockmenu-trees_root-title_caret {
        width: 3.3em;
        min-width: 3.3em;
    }
    .ngblockmenu-menu_btn {
        margin-right: 30px;
    }
}