/* =========================================
   Кнопка раскрытия подменю (стрелка)
   ========================================= */
.menu--level-1 .menu__item--has-children .view-subelements {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  /*margin-left: 6px;*/ 
  margin-right: 10px;
  margin-left: -8px;
  vertical-align: middle;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.14); /* Легкая полупрозрачная подложка */
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  cursor: pointer; /* Обязательно меняем курсор на «руку» */
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.25s ease;
  user-select: none;         /* Запрещает выделение стрелки как текста */
  -webkit-user-select: none; /* Для Safari */
  caret-color: transparent;  /* Полностью скрывает мигающий текстовый курсор */
}

/* Убираем лишний отступ шрифта fontello, чтобы стрелка встала строго по центру */
.menu--level-1 .menu__item--has-children .view-subelements:before {
  margin: 0 !important;
  width: auto !important;
  font-size: 12px;
  line-height: 1;
}

/* Внятный эффект при наведении */
.menu--level-1 .menu__item--has-children .view-subelements:hover {
  background-color: rgba(255, 255, 255, 0.32);
  border-color: rgba(255, 255, 255, 0.65);
  transform: translateY(1px); /* Легкий намек на движение вниз */
}

/* Состояние, когда подменю уже открыто (класс .open на родительском <li>) */
.menu--level-1 .menu__item--has-children.open > .view-subelements {
  background-color: #ffffff;
  color: #8c4a27; /* Инверсия цветов: белая кнопка, терракотовая стрелка */
  border-color: #ffffff;
  transform: rotate(180deg); /* Плавный переворот стрелки вверх */
}

.menu--level-1 .menu__item--has-children.open > .view-subelements:hover {
  background-color: #faf9f6;
}

.menu-btn {
  user-select: none;         /* Запрещает выделение стрелки как текста */
  -webkit-user-select: none; /* Для Safari */
  caret-color: transparent;  /* Полностью скрывает мигающий текстовый курсор */
}