/* Optional: Custom CSS to enhance the dropdown styling */

    .dropdown-menu {
        width: auto; /* Ensure wide dropdown */
        height: auto;
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden; /* Запрещает горизонтальную прокрутку */
        white-space: nowrap; /* каталог в одну строку */
    }
    .dropdown-toggle:focus {
        box-shadow: 0;
    }
    .dropdown-toggle::after {
        box-shadow: 0;
    }
    .dropdown-header {
        font-weight: bold;
        font-size: 1rem;
        color: #007bff;
    }
    .dropdown-item {
        font-size: 0.9rem;
        padding: 5px 10px;
        white-space: nowrap; /* Позволить перенос текста */
/* 20260330 hide        min-width: max-content; */
    }
    .navbar .dropdown-menu {
        position: static;
    }
    .dropdown-item:hover {
        color: var(--primary-color);
        background-color: #f9f9f9; /*#fff0 - прозрачное выделение */
        
    }
    .dropdown-menu-end[data-bs-popper] {
        min-width: max-content;
        max-width: 1000px; /* Максимальная ширина */
        right: 0; /* Выровнять по правому краю */
        padding: 10px; /* Внутренние отступы */
        transition: opacity 0.3s ease; /* Анимация при появлении */
    }

    .dropdown-menu .col-md-4 {
        min-width: 250px; /* Минимальная ширина каждой колонки */
        flex: content; /* Равномерное распределение ширины = 1 */
    }

    
/* Стили для мобильных устройств */
@media (max-width: 993px) {
    .dropdown-menu {
        width: 100%;
        box-sizing: border-box; /* Включает padding и border в ширину */
        overflow-x: hidden; /* Запрещает горизонтальную прокрутку */
        white-space: normal; /* Разрешает перенос текста на новую строку */
        word-wrap: break-word; /* Перенос слов при необходимости */
    }
    .dropdown-menu h6 {
        padding-left: 0px;
    }
    .dropdown-menu a {
        padding-left: 15px;
    }
    .dropdown-menu .row {
        flex-wrap: wrap; /* Элементы внутри row будут переноситься на новую строку, если не помещаются */
    }
    .dropdown-menu .col-12,
    .dropdown-menu .col-md-4 {
        width: 100%; /* Занимают всю ширину экрана на мобильных устройствах */
    }
    .dropdown-item {
        white-space: normal; /* Разрешает перенос текста внутри элементов меню */
        padding: 10px 15px; /* Дополнительный отступ для лучшего восприятия */
        border-top: 1px solid #ddd; /* Разделитель между пунктами меню */
        overflow: hidden; /* Скрывает лишний текст */
        text-overflow: ellipsis; /* Добавляет троеточие, если текст не помещается */
    }
    /*
    .dropdown-item:last-child {
        border-bottom: none; /* Убираем разделитель у последнего элемента 
    }
    */
    
    .p-3 {
        padding: 0rem !important;
    }
    /* Дополнительные стили для внешнего вида меню */
    .dropdown-header {
        border-bottom: 2px solid #333; /* Разделитель между заголовком и пунктами меню */
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .dropdown-menu-end[data-bs-popper] {
        min-width: min-content;
    }
}
/*    .navbar > .container {
/*        display: flex;
/*        justify-content: space-evenly;
/*        word-break: break-word; /* Переносит длинные слова */
/*    }
}

/* Стили для наложения */
/*body.menu-open #content-overlay {
/*    position: fixed;
/*    top: 0;
/*    left: 0;
/*    width: 100%;
/*    height: 100%;
/*    background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачное черное затемнение */
/*    z-index: 1030; /* Под навигационным меню, но над остальным контентом */
/*    display: block; /* Показываем наложение */
/*}

/* Изначально скрыто */
/*#content-overlay {
/*    display: none;
/*    z-index: 1030; /* Уровень выше контента, но ниже навигационного меню */
/*}
/*
/* Для мобильных устройств */
/*@media (max-width: 991.98px) {
/*    .navbar-collapse {
/*        z-index: 1040; /* Навигация остается сверху */
/*    }
/*}

/* starts add 20260329 for 320 px dropdown menu */
@media (max-width: 320px) {
  .dropdown-menu {
    width: 100% !important;
    min-width: unset !important;
    padding: 10px !important;
  }

  .dropdown-menu .row {
    margin: 0;
  }

  .dropdown-menu .col-12 {
    padding: 0;
  }

  .dropdown-item {
    white-space: normal; /* перенос строк */
    word-break: break-word;
    font-size: 12px;
  }
}

/* 
.navbar-nav .dropdown-menu {
  position: absolute;
  border-color: var(--primary-color);
  border-width: unset;
}
*/
/* end add 20260329 for 320 px dropdown menu */