/* ============================================================
   catmenu.css — стили компонента catmenu (BEM)
   Сущность: components/catmenu.tpl
   ============================================================ */


/* === ROOT (бывший nav-item + dropdown + drp) === */

.catmenu__root {
  border-top-left-radius: 0.45rem;
  border-top-right-radius: 0.45rem;
}

.catmenu__root:hover {
  background: hsla(240, 7%, 12%, 0.95);
}

.catmenu__root.active {
  color: #fff;
}

/* === LINK (бывший nav-link px-2 py-2 + p-md-4) === */

.catmenu__link {
  display: block;
  padding: 0.5rem;
  color: #adb7be;
  text-decoration: none;
}

.catmenu__link:hover {
  color: #fff;
  text-decoration: none;
}

@media (min-width: 768px) {
  .catmenu__link {
    padding: 1.5rem;
  }
}

/* === DROPDOWN-MENU позиционирование (JS хук, переименование невозможно) === */

.catmenu__root > .dropdown-menu {
  position: static;
  float: none;
}

@media (min-width: 992px) {
  .catmenu__root > .dropdown-menu {
    position: absolute;
  }
}

/* === SUBMENU (бывший dropdown-submenu из ech.css) === */

.catmenu__submenu {
  position: relative;
}

.catmenu__submenu > a::after {
  content: "";
  display: inline-block;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  margin-left: .255em;
  vertical-align: .255em;
  transform: rotate(359deg);
  position: absolute;
  right: 6px;
}

.catmenu__submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* === ITEM (бывший dropdown-item + dfx + py-2) === */

.catmenu__item {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.5rem;
  color: #adb7be;
  text-decoration: none;
  font-weight: 400;
  clear: both;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  width: 100%;
}

.catmenu__item:hover,
.catmenu__item:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.05);
}

/* === ICON (бывший ecn + d-flex + align-items-center) === */

.catmenu__icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  margin-right: 8px;
  color: #ffc107;
  flex-shrink: 0;
}

.catmenu__icon svg {
  display: block;
}

/* === TEXT (бывший mr-4) === */

.catmenu__text {
  margin-right: 1.5rem;
}

/* === DROPDOWN-HIDE (responsive скрытие пунктов) === */
/* Case B — возможно генерируется PHP, переименование нецелесообразно */

@media (min-width: 1250px) {
  .dropdown-hide-1250 { display: none !important; }
}

@media (min-width: 1400px) {
  .dropdown-hide-1400 { display: none !important; }
}

@media (min-width: 1600px) {
  .dropdown-hide-1600 { display: none !important; }
}

@media (min-width: 1800px) {
  .dropdown-hide-1800 { display: none !important; }
}

@media (min-width: 2000px) {
  .dropdown-hide-2000 { display: none !important; }
}