/* Mood 3D category/menu icons — transparent webp assets, no CSS filters. */

.mood-cat-icon-img,
.mood-menu-icon-img.mood-cat-icon-img {
  display: block;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  pointer-events: none;
  user-select: none;
}

/* Боковое меню: иконка уже содержит свой фон/объём */
.mood-rail__icon:has(.mood-cat-icon-img) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.mood-rail__icon .mood-cat-icon-img {
  width: 32px;
  height: 32px;
}

.mood-rail__link:hover .mood-rail__icon:has(.mood-cat-icon-img),
.mood-rail__link.active .mood-rail__icon:has(.mood-cat-icon-img) {
  background: transparent;
  border-color: transparent;
  color: inherit;
  transform: none;
}

body.mood-layout-v2.sidebar-collapsed .mood-rail__icon .mood-cat-icon-img {
  width: 28px;
  height: 28px;
}

/* Горизонтальные чипы категорий */
.catalog-tab-chip-icon:has(.mood-cat-icon-img) {
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.catalog-tab-chip-icon .mood-cat-icon-img {
  width: 24px;
  height: 24px;
}

body.mood-layout-v2 .mood-filter-bar .catalog-tab--mood-chip.active .catalog-tab-chip-icon:has(.mood-cat-icon-img),
#pageHome .mood-filter-bar .catalog-tab--mood-chip.active .catalog-tab-chip-icon:has(.mood-cat-icon-img),
#pageGames .mood-filter-bar .catalog-tab--mood-chip.active .catalog-tab-chip-icon:has(.mood-cat-icon-img) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Мобильное меню */
.mood-mob-menu__chip-icon .mood-cat-icon-img,
.mood-mob-menu__list .mood-rail__icon .mood-cat-icon-img {
  width: 28px;
  height: 28px;
}

/* Редактор rail-меню */
.mood-rail-editor__chip-icon .mood-cat-icon-img {
  width: 40px;
  height: 40px;
}

/* Плашка поддержки */
.mood-rail__support-bar-icon .mood-cat-icon-img,
.mood-air-support-bar__icon .mood-cat-icon-img {
  width: 22px;
  height: 22px;
}

/* Шапки секций на главной */
body.mood-layout-v2 .home-section-icon:has(.mood-cat-icon-img) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Личный кабинет — вкладки */
#accountModal .acc-nav-icon,
#accountModal .acc-nav-item .mood-profile-icon-img,
body.mood-mobile-v3 #accountModal .acc-nav .acc-nav-item > .acc-nav-icon,
body.mood-account-page-mode .acc-nav-item .acc-nav-icon,
body.mood-account-page-mode .acc-nav-item .mood-profile-icon-img {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: block;
  object-fit: contain;
}

/* Личный кабинет — статусы в сайдбаре */
#accountModal .acc-status__ico--asset,
#accountModal .acc-status__ico:has(.mood-profile-icon-img) {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: inherit !important;
}

#accountModal .acc-status__ico .mood-profile-icon-img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}

#accountModal .acc-status--ok .acc-status__ico--asset,
#accountModal .acc-status--wait .acc-status__ico--asset,
#accountModal .acc-status--bad .acc-status__ico--asset,
#accountModal .acc-status--idle .acc-status__ico--asset {
  background: transparent !important;
  color: inherit !important;
}

/* Шапка — колокол уведомлений (тот же 3D-ассет, что «Сообщения» в ЛК) */
.mood-hd-notify__icon:has(.mood-profile-icon-img) {
  background: transparent;
}

/* VIP — блок «Как работает программа» */
.mvp-guide-card__icon:has(.mood-vip-how-icon-img) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* VIP — кристаллы уровней */
.mood-vip-rank-icon-img {
  display: block;
  object-fit: contain;
}

/* Личный кабинет — 3D-иконки в заголовках блоков */
#accountModal .acc-card__ico--asset,
#accountModal .acc-card__ico:has(.mood-profile-icon-img),
body.mood-account-page-mode .acc-card__ico--asset,
body.mood-account-page-mode .acc-card__ico:has(.mood-profile-icon-img) {
  width: 44px;
  height: 44px;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: inherit !important;
}

#accountModal .acc-card__ico .mood-profile-icon-img,
body.mood-account-page-mode .acc-card__ico .mood-profile-icon-img {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
}

#accountModal .acc-history-deposit-help__ico:has(.mood-profile-icon-img),
body.mood-account-page-mode .acc-history-deposit-help__ico:has(.mood-profile-icon-img) {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

#accountModal .acc-history-deposit-help__ico .mood-profile-icon-img {
  width: 36px;
  height: 36px;
  display: block;
  object-fit: contain;
}

.profile-contact-row__ico:has(.mood-profile-icon-img) {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: inherit !important;
  width: 40px;
  height: 40px;
}

.profile-contact-row__ico .mood-profile-icon-img {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: contain;
}

.verif-step__mark--asset {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.verif-step__mark--asset .mood-profile-icon-img {
  width: 30px;
  height: 30px;
  display: block;
  object-fit: contain;
}

.verif-progress-row__ico--asset {
  width: 36px;
  height: 36px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

.verif-progress-row__ico--asset .mood-profile-icon-img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

.acc-state__ico--asset {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.acc-state__ico--asset .mood-profile-icon-img {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
}

.ppm-type__icon:has(.mood-profile-icon-img),
.ppm-type__icon .mood-profile-icon-img,
.ppm-payout-type-icon {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
}

.ppm-card-stage__type-icon:has(.mood-profile-icon-img),
.ppm-sbp-sheet__type-icon:has(.mood-profile-icon-img),
.ppm-fk-wallet__icon:has(.mood-profile-icon-img),
.ppm-crypto-sheet__icon:has(.mood-profile-icon-img) {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.dmc-icon.mood-profile-icon-img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}