/* === ФОН МЕНЮ === */
.uc-scrollmenu .t396__artboard {
  background-color: #F4F4F3 !important;
  transition: background-color 0.3s ease-in-out, transform 0.4s cubic-bezier(0, 0, 0.8, 1.0);
}
.uc-scrollmenu.menu-white .t396__artboard {
  background-color: #1C1C1C !important;
}
.uc-scrollmenu.menu-red .t396__artboard {
  background-color: #F1592A !important;
}

/* === ТЕКСТ === */
.uc-scrollmenu div[data-elem-type="text"] .tn-atom {
  color: #000 !important;
  transition: all 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white div[data-elem-type="text"] .tn-atom {
  color: #fff !important;
}
.uc-scrollmenu.menu-red div[data-elem-type="text"] .tn-atom {
  color: #fff !important;
}

/* === КНОПКИ === */
.uc-scrollmenu div[data-elem-type="button"] .tn-atom {
  color: #000 !important;
  border-color: #000 !important;
  transition: all 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white div[data-elem-type="button"] .tn-atom {
  color: #fff !important;
  border-color: #fff !important;
}
.uc-scrollmenu.menu-red div[data-elem-type="button"] .tn-atom {
  color: #fff !important;
  border-color: #fff !important;
}

/* === ИЗОБРАЖЕНИЯ === */
.uc-scrollmenu div[data-elem-type="image"] .tn-atom {
  filter: invert(0);
  transition: filter 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white div[data-elem-type="image"] .tn-atom {
  filter: invert(1);
}
.uc-scrollmenu.menu-red div[data-elem-type="image"] .tn-atom {
  filter: invert(1);
}

/* === ТОЧКА (uc-no-invert): оранжевая по умолчанию → белая на красном === */
.uc-scrollmenu .uc-no-invert .tn-atom {
  filter: invert(0) !important;
  transition: filter 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white .uc-no-invert .tn-atom {
  filter: invert(0) !important;
}
.uc-scrollmenu.menu-red .uc-no-invert .tn-atom {
  filter: brightness(0) invert(1) !important;
}

/* === ОРАНЖЕВЫЙ ШЕЙП === */
.uc-scrollmenu div[data-elem-type="shape"] .tn-atom {
  transition: background-color 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white div[data-elem-type="shape"] .tn-atom {
  background-color: #F1592A !important;
}
.uc-scrollmenu.menu-red div[data-elem-type="shape"] .tn-atom {
  background-color: #1C1C1C !important;
}

/* === СЕРЫЕ ШЕЙПЫ (класс uc-muted) === */
.uc-scrollmenu div[data-elem-type="shape"].uc-muted .tn-atom {
  background-color: #DEDEDE !important;
  transition: background-color 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white div[data-elem-type="shape"].uc-muted .tn-atom {
  background-color: #363636 !important;
}
.uc-scrollmenu.menu-red div[data-elem-type="shape"].uc-muted .tn-atom {
  background-color: #FF815A !important;
}

/* === АНИМАЦИЯ link_element: цвет текста при hover по состояниям === */
.uc-scrollmenu .link_element a::before {
  color: #000 !important;
  transition: color 0.3s ease-in-out;
}
.uc-scrollmenu.menu-white .link_element a::before {
  color: #fff !important;
}
.uc-scrollmenu.menu-red .link_element a::before {
  color: #fff !important;
}