/* базовое */
.mod_admin_menu_component_index_front.tpl_default
{
  padding-left: 15px;

}


.mod_admin_menu_component_index_front.tpl_default > ul,
.mod_admin_menu_component_index_front.tpl_default ul {
  list-style: none;
  margin: 0;
  padding: 0;

}
.mod_admin_menu_component_index_front.tpl_default > ul ul
{
   box-shadow: var(--bs-card-box-shadow);
}

.mod_admin_menu_component_index_front.tpl_default > ul {
  display: flex;
  position: relative;
}




.mod_admin_menu_component_index_front.tpl_default li {
  position: relative;
}

.mod_admin_menu_component_index_front.tpl_default > ul > li
{
  padding: 6px 0px 7px 0px;

}

/* все ссылки */
.mod_admin_menu_component_index_front.tpl_default a {
  display: block;
  text-decoration: none;
  line-height: 1.2;
  color: var(--bs-gray-700);
  
  transition: background-color 0.15s ease-out, color 0.15s ease-out;
  cursor: pointer;
  white-space: nowrap;

}

.mod_admin_menu_component_index_front.tpl_default a>i
{
  padding-right: 5px;
}

/* 1-й уровень */
.mod_admin_menu_component_index_front.tpl_default > ul > li > a {
  padding: 8px 15px;
  white-space: nowrap;
 
}


.mod_admin_menu_component_index_front.tpl_default > ul > li > a i {
  transition: color 0.15s ease-out;
}

/* подсветка пункта и родителя при открытом подменю */
.mod_admin_menu_component_index_front.tpl_default li:hover > a {
  background: #fff;
  color: #000;
}

/* 2-й уровень (вниз) */
.mod_admin_menu_component_index_front.tpl_default > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
}

.mod_admin_menu_component_index_front.tpl_default > ul > li:hover > ul {
  display: block;
  animation: dropdownFadeOnly 0.15s ease-out forwards;
  pointer-events: auto;
}

/* ссылки 2-го уровня */
.mod_admin_menu_component_index_front.tpl_default > ul > li > ul > li  a {
  padding: 10px 12px;
  background: #fff;
}

/* 3-й и далее — в бок, но с тем же эффектом */
.mod_admin_menu_component_index_front.tpl_default ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 180px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
}

.mod_admin_menu_component_index_front.tpl_default ul li:hover > ul {
  display: block;
  animation: dropdownFadeOnly 0.15s ease-out forwards;
  pointer-events: auto;
}

/* анимация появления подменю */
@keyframes dropdownFadeOnly {
  from { opacity: 0; }
  to   { opacity: 1; }
}