/*убрать значок достижений в меню верх*/
button.ant-btn.ant-btn-primary.flex.flex-center.bg-blue-1.border-blue-2.h-fit.br-xxs.color-gray-8.p-8.flex.gap-5.fw-500 {
    display: none;
}
/*значки техподдержки и уведомлений*/
button.ant-btn.ant-btn-circle.ant-btn-link.ant-btn-icon-only.bg-gray-3.secondary-text {
    display:none;
}

/*верхнее меню*/
.ant-layout-header,
.ant-layout-header .ant-menu {
     background-color: #f6f6f6!important;
      color: #000!important;
}
/*подчеркивание внизу голубое убираю*/
.ant-menu-horizontal>.ant-menu-item:after, .ant-menu-horizontal>.ant-menu-submenu:after {
   display: none;

}
.ant-menu-horizontal>.ant-menu-submenu,
.ant-menu-horizontal>.ant-menu-item {
    background: #fff;
    margin: 0 5px;
    border-radius: 10px;
    padding: 0 5px !important;
    height: 50px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    align-content: center;
   
    flex-direction: row;
    flex-wrap: wrap;
}
/*при наведении на верхнее меню*/


.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,
 .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after {
         border-bottom: 0px solid transparent!important;
         color: #000!important;
         background: linear-gradient(90deg,#2a9df4 0%, #8ee07a 100%); 
}  


/* новые пункты в основном меню */
.custom-menu-item {
  flex-shrink: 0 !important;
}

.custom-menu-item .custom-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding: 8px 12px;
  border-radius: 10px;
  transition: background-color .2s ease, color .2s ease;
}
.custom-menu-item .custom-link:hover {
    border-bottom: 0px solid transparent!important;
    background: #ffffff00!important;
}
.custom-menu-item .custom-link:hover,
.custom-link a:hover {
         border-bottom: 0px solid transparent!important;
         background: #ffffff00!important; 
}
.custom-menu-item .ant-menu-horizontal>.ant-menu-item a:hover {
     color: #fff!important;
}
.ant-menu-horizontal>.ant-menu-item a:hover {
     color: #fff!important;
}
.custom-menu-item .custom-link:hover a.custom-link:before {
         border-bottom: 0px solid transparent!important;
         color: #fff!important;
         background: #ffffff00!important;
}
/* пункты внутри троеточия (rest-меню) */
.ant-menu-submenu-popup .custom-menu-item .custom-link {
  width: 100%;
  display: block;
  padding: 10px 14px;
}

/* мобильный вид */
@media (max-width: 1100px) {
  header.ant-layout-header .ant-menu-root {
    flex-direction: column;
    gap: 6px;
  }
  .custom-menu-item {
    width: 100%;
  }
  .custom-menu-item .custom-link {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
  }
}



/* пункты внутри drawer */
.ant-drawer .ant-menu-vertical .custom-menu-item .custom-link {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: background-color .2s ease, color .2s ease;
}

.ant-drawer .ant-menu-vertical .custom-menu-item .custom-link:hover {

  color: #1769aa;
}

/* Общие стили для иконок и текста */
.ant-menu-item .ant-menu-title-content {
    display: flex;
    align-items: center;
    gap: 3px; /* Отступ между иконкой и текстом */
}

/* Цвет иконок по умолчанию */
.ant-menu-item .ant-menu-title-content .fa-icon {
    color: #000; /* Черный цвет */
}

/* Цвет иконок при наведении */
.ant-menu-item:hover .ant-menu-title-content .fa-icon {
    color: #fff; /* белый цвет */
}
@media (max-width: 800px) {
    .ant-menu-item:hover .ant-menu-title-content .fa-icon {
    color: #000; /* черный цвет */
}
]
/* Скрываем текст и центрируем иконки на узких экранах */
@media (min-width: 1100px) and (max-width: 1600px) {
    .ant-menu-item .ant-menu-title-content .menu-item-text {
        display: none !important;
    }

    .ant-menu-item .ant-menu-title-content {
        min-width: 50px;
        justify-content: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}