@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Orbitron:wght@700;900&display=swap');

/* ===================== LIVE LENTA OVERRIDES ===================== */
.cs-live-lenta__label {
    background: rgba(14, 12, 24, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(162, 84, 242, 0.25) !important;
    border-right: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px 0 0 12px !important;
}

.case-card {
    background: rgba(14, 12, 24, 0.45) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(162, 84, 242, 0.2) !important;
    border-left: 1px solid rgba(162, 84, 242, 0.35) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

.case-card:hover {
    background: rgba(26, 20, 48, 0.6) !important;
    border-color: rgba(162, 84, 242, 0.5) !important;
    box-shadow: 0 8px 25px rgba(162, 84, 242, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transform: skewX(var(--cs-skew, -12deg)) translateY(-4px) !important;
    filter: brightness(1.2) !important;
}

.case-card-tag {
    color: #d8cbeb !important;
    background: rgba(14, 12, 24, 0.65) !important;
    border: 1px solid rgba(162, 84, 242, 0.25) !important;
    text-shadow: 0 0 5px rgba(162, 84, 242, 0.5) !important;
}

.case-card-user a {
    color: #e2d5f8 !important;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.2) !important;
    transition: color 0.18s ease, text-shadow 0.18s ease !important;
}

.case-card-user a:hover {
    color: var(--bonus-color) !important;
    text-shadow: 0 0 8px var(--bonus-color) !important;
}

.case-card-bonus {
    text-shadow: 0 0 12px var(--bonus-color) !important;
    font-weight: 800 !important;
}

.case-card-time {
    color: #8288a1 !important;
}

.case-card--latest {
    background: rgba(162, 84, 242, 0.12) !important;
    border: 1px solid rgba(162, 84, 242, 0.45) !important;
    border-left: 1px solid rgba(162, 84, 242, 0.6) !important;
    box-shadow: 0 0 15px rgba(162, 84, 242, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* ===================== LOGO IMAGE OVERRIDES ===================== */
.site_logo_neo {
  filter: drop-shadow(0 0 6px rgba(162, 84, 242, 0.4)) !important;
  display: flex !important;
  align-items: center !important;
}

.logo-image-main {
  display: block !important;
  max-height: 125px !important; /* Увеличили размер до 125px */
  width: auto !important;
  height: auto !important;
  margin: -30px 0 !important; /* Компенсируем пустые поля картинки для размера 125px */
}

/* ===================== HUD FLOATING HEADER OVERRIDES ===================== */
/* Свечение для родительского контейнера шапки (drop-shadow видно снаружи clip-path) */
.menu_top_container {
  filter: drop-shadow(0 0 8px rgba(162, 84, 242, 0.25)) !important;
}

/* Основная плавающая панель шапки с обрезанными (chamfered) углами */
html body .wapper .header.pbtop {
  background: rgba(14, 12, 24, 0.5) !important;
  border-radius: 0px !important;
  clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px) !important;
  position: relative !important;
  border: none !important;
  padding: 8px 24px !important;
  margin-top: 15px !important;
  margin-bottom: 20px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Отключаем clip-path у шапки, когда открыты шторки профиля, уведомлений или меню,
   чтобы они не обрезались по краям шапки */
body.profile-drawer-active html body .wapper .header.pbtop,
body.notif-drawer-active html body .wapper .header.pbtop,
html body .wapper .header.pbtop:has(.profile-drawer.is-open),
html body .wapper .header.pbtop:has(.notif-drawer.is-open),
html body .wapper .header.pbtop:has(.pbg-menu-panel.is-open) {
  clip-path: none !important;
}

/* Светящаяся рамка для обрезанной шапки */
html body .wapper .header.pbtop::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: linear-gradient(135deg, rgba(162, 84, 242, 0.45), rgba(162, 84, 242, 0.15)) !important;
  padding: 1px !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

/* Идеальное центрирование кнопки МЕНЮ по вертикали и горизонтали, задний фон плашки */
.pbg-menu-trigger-wrap {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 100 !important;
  width: 210px !important;
  height: 70px !important;
  background: url(../img/plashka.png) no-repeat center center / contain !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
  filter: drop-shadow(0 0 6px rgba(162, 84, 242, 0.45)) !important;
}

.pbg-menu-trigger-wrap:hover {
  transform: translate(-50%, -50%) scale(1.04) !important;
  filter: drop-shadow(0 0 12px rgba(162, 84, 242, 0.75)) !important;
}

/* Кнопка МЕНЮ внутри плашки (прозрачная, выровнена по центру) */
.pbg-menu-trigger {
  background: transparent !important;
  border: none !important;
  clip-path: none !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important; /* Уменьшили расстояние между иконкой и текстом */
  color: #ffffff !important;
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: pointer !important;
  transition: color 0.25s ease !important;
}

.pbg-menu-trigger i {
  margin: 0 !important; /* Сбросили возможные дефолтные отступы у иконки */
}

.pbg-menu-trigger::before {
  display: none !important; /* Убираем прошлую рамку, так как теперь есть плашка */
}

.pbg-menu-trigger:hover {
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: #e2d5f8 !important;
}

/* Округлые кнопки Промокод и Уведомления */
.pbtop-icon-btn, .hqn-btn, .pursee-button, .promo-btn-trigger, .notif-bell-trigger {
  background: rgba(14, 12, 24, 0.55) !important;
  border: 1px solid rgba(162, 84, 242, 0.2) !important;
  border-radius: 20px !important;
  padding: 8px 18px !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 38px !important;
  transition: all 0.25s ease !important;
}

.pbtop-icon-btn:hover, .promo-btn-trigger:hover, .notif-bell-trigger:hover {
  border-color: rgba(162, 84, 242, 0.55) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.2) !important;
  background: rgba(26, 20, 48, 0.6) !important;
}

/* Бейдж уведомлений */
.notif-bell-badge {
  background: rgba(162, 84, 242, 0.85) !important;
  box-shadow: 0 0 8px rgba(162, 84, 242, 0.7) !important;
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
}

/* Рамка аватара с обрезанными углами */
html body .wapper .header.pbtop .blockprofile.pbtop-avatar-btn {
  border-radius: 0px !important;
  clip-path: polygon(6px 0%, calc(100% - 6px) 0%, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0% calc(100% - 6px), 0% 6px) !important;
  position: relative !important;
  border: none !important;
  padding: 1.5px !important;
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.4) !important;
  width: 40px !important;
  height: 40px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .wapper .header.pbtop .blockprofile.pbtop-avatar-btn img {
  width: calc(100% - 3px) !important;
  height: calc(100% - 3px) !important;
  border-radius: 0px !important;
  clip-path: polygon(5px 0%, calc(100% - 5px) 0%, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0% calc(100% - 5px), 0% 5px) !important;
  object-fit: cover !important;
}

/* ===================== GLOBAL THEME ACCENT OVERRIDES ===================== */
:root {
  --primary-glow: rgba(162, 84, 242, 0.6);
  --primary-neon: #a254f2;
  --secondary-neon: #cf4ff7;
  --bg-dark-glass: rgba(14, 12, 24, 0.55);
  --border-neon: rgba(162, 84, 242, 0.25);
  --font-cyber: 'Orbitron', sans-serif;
  --GLOBAL: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
}

/* Глобальное выделение текста и скроллбар */
::selection {
  background: rgba(207, 79, 247, 0.45) !important;
  color: #ffffff !important;
}

::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
::-webkit-scrollbar-track {
  background: rgba(14, 12, 24, 0.85) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--primary-neon) !important;
  border-radius: 4px !important;
  border: 2px solid rgba(14, 12, 24, 0.85) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-neon) !important;
}

/* Общие ссылки и переходы */
a {
  color: #e2d5f8 !important;
  transition: color 0.25s ease, text-shadow 0.25s ease !important;
}
a:hover {
  color: var(--secondary-neon) !important;
  text-shadow: 0 0 8px rgba(207, 79, 247, 0.5) !important;
  text-decoration: none !important;
}

/* Замена зеленого и синего цветов текста */
.text-success, .text-primary, .text-info, .success, .primary, .text-success i, .text-primary i {
  color: var(--secondary-neon) !important;
  text-shadow: 0 0 4px rgba(207, 79, 247, 0.3) !important;
}

/* Стилизация форм, инпутов и текстовых полей */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea, .form-control {
  background: rgba(14, 12, 24, 0.6) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.25s ease !important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--secondary-neon) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.45) !important;
  outline: none !important;
  background: rgba(22, 14, 40, 0.75) !important;
}

/* Стилизация всех кнопок (Зеленые, синие, серые -> Неоновые фиолетовые стеклянные) */
.btn-success, .btn-primary, .btn-info, .btn-default, .btn, .button, input[type="submit"] {
  background: rgba(22, 14, 40, 0.75) !important;
  color: #ffffff !important;
  border: 1px solid var(--border-neon) !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}
.btn-success:hover, .btn-primary:hover, .btn-info:hover, .btn-default:hover, .btn:hover, .button:hover, input[type="submit"]:hover {
  background: rgba(36, 20, 68, 0.9) !important;
  border-color: var(--secondary-neon) !important;
  box-shadow: 0 0 12px rgba(207, 79, 247, 0.6) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}
.btn-success:active, .btn-primary:active, .btn-info:active, .btn-default:active, .btn:active, .button:active {
  transform: translateY(0px) !important;
}

/* Стекломорфизм для блоков, карточек и окон */
.block, .card, .panel, .well, .modal-content, .dropdown-menu {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Бейджи и ярлыки статусов */
.badge, .label {
  background: rgba(162, 84, 242, 0.25) !important;
  border: 1px solid rgba(162, 84, 242, 0.4) !important;
  color: #ffffff !important;
  text-shadow: 0 0 4px rgba(162, 84, 242, 0.5) !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  font-family: var(--font-cyber) !important;
  font-weight: 700 !important;
}
.badge-success, .label-success, .badge-primary, .label-primary {
  background: rgba(207, 79, 247, 0.25) !important;
  border-color: rgba(207, 79, 247, 0.5) !important;
}

/* Карточки кейсов */
.case-card {
  background: rgba(14, 12, 24, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 10px !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.case-card:hover {
  border-color: var(--secondary-neon) !important;
  box-shadow: 0 0 15px rgba(207, 79, 247, 0.35) !important;
  background: rgba(26, 20, 48, 0.6) !important;
}

/* Активные элементы навигации и пагинации */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .pagination .active a, .pagination .active span, .list-group-item.active {
  background: linear-gradient(135deg, var(--secondary-neon), var(--primary-neon)) !important;
  box-shadow: 0 0 10px var(--primary-glow) !important;
  color: #ffffff !important;
  border: none !important;
}

/* ===================== GAME-SPECIFIC SITE COMPONENT OVERRIDES ===================== */

/* Подмена зеленых градиентных иконок заголовков (Последние события, ТОП сообщества) */
.double_heading i, .last_activity_info i, .pbg_top_head_i > .bx, .heading_block .double_heading i {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  box-shadow: 3px 1px 0px 1px rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
}

/* Избавляемся от зеленых кнопок плюса (+) в активности форума и новостях */
.add_theme_forum, .btn_heading {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0, #4c118c 100%) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.3) !important;
  border: none !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  border-radius: 9px !important;
}
.add_theme_forum:hover, .btn_heading:hover {
  background: radial-gradient(100% 100% at 50% 0, #f2ccff 0, #a254f2 100%) !important;
  box-shadow: 0 0 15px rgba(207, 79, 247, 0.6) !important;
  transform: scale(1.08) !important;
  opacity: 1 !important;
  color: #ffffff !important;
}

/* Крупные контейнеры (Последние события и ТОП сообщества) переводим в стекломорфизм */
.row_events, .pbg_top_section, .right_events {
  background: rgba(14, 12, 24, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* Стилизация заголовка блока активности форума */
.last_activity_info {
  background: rgba(36, 20, 68, 0.5) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
}
.flex_activity span {
  color: #e2d5f8 !important;
}

/* Сетки карточек событий и активности (перекраска из серого в фиолетовое стекло) */
#events .event, #last_activity > div, #last_activity > span, .pbg_top_card {
  background: rgba(22, 14, 40, 0.5) !important;
  border: 1px solid rgba(162, 84, 242, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
#events .event:hover, #last_activity > div:hover, #last_activity > span:hover, .pbg_top_card:hover {
  border-color: rgba(207, 79, 247, 0.5) !important;
  box-shadow: 0 0 15px rgba(162, 84, 242, 0.3) !important;
  transform: translateY(-2px) !important;
  background: rgba(36, 20, 68, 0.6) !important;
}

/* Перекраска зеленых иконок внутри событий форума */
#events .event > i {
  color: var(--secondary-neon) !important;
}

/* Переключатель в ТОП сообщества (Игроки / Донатеры) */
.pbg_top_switch_thumb {
  background: linear-gradient(135deg, var(--secondary-neon), var(--primary-neon)) !important;
  box-shadow: 0 4px 14px rgba(207, 79, 247, 0.45) !important;
}
.pbg_top_switch_opt.is-active {
  color: #ffffff !important;
}
.pbg_top_switch_opt:not(.is-active):hover {
  color: #f2ccff !important;
}

/* Карточки игроков в ТОП сообщества */
.pbg_top_rank {
  color: #f2ccff !important;
  background: rgba(14, 12, 24, 0.75) !important;
}
.pbg_top_stat--accent {
  color: var(--secondary-neon) !important;
}
.pbg_top_stat--accent .bx {
  color: var(--secondary-neon) !important;
}
.pbg_top_card:hover {
  border-color: rgba(207, 79, 247, 0.5) !important;
}

/* ===================== WIDE-SCALE GREEN ACCENT OVERRIDES ===================== */

/* 1. Футер: Блоки статистики (.stats_mini_block) */
.pb-footer .stats_mini_block {
  background: radial-gradient(at center bottom, rgba(162, 84, 242, 0.22) 0%, rgba(162, 84, 242, 0) 65%), rgba(20, 14, 40, 0.55) !important;
  border: 1px solid rgba(162, 84, 242, 0.22) !important;
}
.pb-footer .stats_mini_block::after {
  background: radial-gradient(circle, rgba(207, 79, 247, 0.18), transparent 70%) !important;
}
.pb-footer .stats_icon {
  color: var(--secondary-neon) !important;
  background: linear-gradient(145deg, rgba(162, 84, 242, 0.18), rgba(20, 14, 40, 0.6)) !important;
  border: 1px solid rgba(162, 84, 242, 0.25) !important;
}
.pb-footer .stats_mini_block:hover .stats_icon {
  color: #f2ccff !important;
  box-shadow: 0 6px 18px rgba(207, 79, 247, 0.35) !important;
}
.pb-footer .span_number {
  color: #ffffff !important;
}
.pb-footer .name_stats {
  color: #b7bebc !important;
}
.pb-footer__copy {
  color: #e2d5f8 !important;
}

/* 2. Ссылки в футере (Публичная оферта и т.д.) */
.pb-footer__links a i {
  color: var(--secondary-neon) !important;
  background: rgba(207, 79, 247, 0.15) !important;
}
.pb-footer__links a:hover i {
  background: rgba(207, 79, 247, 0.3) !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.5) !important;
}

/* 3. Контакты в футере (Discord, Telegram, Mail, Community) */
.pb-footer__contact--discord {
  background: linear-gradient(135deg, #8a5df5 0%, #5865f2 100%) !important;
}
.pb-footer__contact--telegram {
  background: linear-gradient(135deg, #0088cc 0%, #cf4ff7 100%) !important;
}
.pb-footer__contact--mail, .pb-footer__contact--community {
  background: rgba(162, 84, 242, 0.12) !important;
  border: 1px solid rgba(162, 84, 242, 0.2) !important;
  color: #ffffff !important;
}
.pb-footer__contact--mail:hover, .pb-footer__contact--community:hover {
  background: rgba(162, 84, 242, 0.25) !important;
  border-color: rgba(207, 79, 247, 0.5) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.3) !important;
}
.pb-footer__platform-icon {
  background: rgba(207, 79, 247, 0.15) !important;
  color: #cf4ff7 !important;
}

/* 4. Форум: Категории и разделы (Кастомный стекломорфизм) */
.block_forum {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}
.block_forum_item {
  background: rgba(22, 14, 40, 0.5) !important;
  border: 1px solid rgba(162, 84, 242, 0.18) !important;
  border-radius: 12px !important;
  transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.block_forum_item:hover {
  border-color: rgba(207, 79, 247, 0.5) !important;
  box-shadow: 0 0 15px rgba(162, 84, 242, 0.3) !important;
  transform: translateY(-2px) !important;
  background: rgba(36, 20, 68, 0.6) !important;
}
.block_forum_item i, .block_forum_item .bx {
  color: var(--secondary-neon) !important;
}
.flex_head_block_forum i {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.3) !important;
}

/* 5. Сайдбар: Онлайн, Топ Онлайн, Последние баны */
.bx-shield, .bx-shield-x, .bx-shield-quarter, .bx-check-shield, [class*="shield"] {
  color: var(--secondary-neon) !important;
}
.bx-trending-up, .bx-bar-chart, .bx-stats, [class*="trending"], [class*="stats"] {
  color: var(--secondary-neon) !important;
}
.pbgmn_total_dot, .pbgmn_card_online i {
  background: var(--secondary-neon) !important;
  box-shadow: 0 0 0 4px rgba(207, 79, 247, 0.22) !important;
}
.pbgmn_total {
  background: rgba(162, 84, 242, 0.15) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: #ffffff !important;
}
:root {
  --pbmn-a: #cf4ff7 !important;
  --pbmn-a2: #a254f2 !important;
}

/* 6. Поворот зеленых картинок сейфа/кейсов/подарков/соцсетей в фиолетовые тона */
[src*="safe"], [src*="gift"], [src*="case"], [src*="award"], .block_open_cases {
  filter: hue-rotate(160deg) saturate(1.4) !important;
}

/* 7. Чат: Стилизация кнопок правил чата, панели модератора и отправки */
.btn_heading_rules {
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  background: rgba(162, 84, 242, 0.08) !important;
  color: #f2ccff !important;
  border-radius: 10px !important;
}
.btn_heading_rules:hover {
  background: rgba(207, 79, 247, 0.18) !important;
  border-color: rgba(207, 79, 247, 0.5) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.3) !important;
}
.btn_message {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0, #4c118c 100%) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.3) !important;
}
.btn_message:hover {
  background: radial-gradient(100% 100% at 50% 0, #f2ccff 0, #a254f2 100%) !important;
  box-shadow: 0 0 15px rgba(207, 79, 247, 0.5) !important;
  opacity: 1 !important;
}

/* 8. LIVE лента (доп. детали) */
.cs-live-dot {
  background: var(--secondary-neon) !important;
  box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.55) !important;
  animation: csLiveDotPulsePurple 1.6s ease-out infinite !important;
}
.cs-live-lenta__label-text {
  color: var(--secondary-neon) !important;
}
@keyframes csLiveDotPulsePurple {
  0%   { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.55) !important; }
  70%  { box-shadow: 0 0 0 6px rgba(207, 79, 247, 0) !important; }
  100% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0) !important; }
}

/* Кнопка "Наверх" во флоат баре */
.pbg-float-pill__btn--top {
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
  box-shadow: 0 4px 15px rgba(207, 79, 247, 0.4) !important;
  transition: all 0.2s ease !important;
}
.pbg-float-pill__btn--top i, .pbg-float-pill__btn--top span {
  color: #ffffff !important;
}
.pbg-float-pill__btn--top:hover {
  filter: brightness(1.15) !important;
  box-shadow: 0 6px 20px rgba(207, 79, 247, 0.6) !important;
}

/* Кнопка "Нужна помощь?" во флоат баре */
.pbg-float-support {
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
  box-shadow: 0 4px 15px rgba(207, 79, 247, 0.4) !important;
}
.pbg-float-pill {
  background: rgba(14, 12, 24, 0.75) !important;
  border: 1px solid rgba(162, 84, 242, 0.25) !important;
}
.pbg-float-pill__btn:hover i {
  color: #cf4ff7 !important;
}

/* ===================== CHAT REDESIGN DECORATIONS & BADGES ===================== */
.pbg_chat_unread {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0, #4c118c 100%) !important;
  box-shadow: 0 4px 12px rgba(207, 79, 247, 0.35) !important;
}
.pbg_chat_unread:hover {
  box-shadow: 0 6px 16px rgba(207, 79, 247, 0.55) !important;
}
.pbg_chat_banned, .pbg_chat_pinned {
  background: rgba(162, 84, 242, 0.1) !important;
  border-color: rgba(162, 84, 242, 0.3) !important;
}
.pbg_chat_banned__icon {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
}
.pbg_chat_banned__title, .pbg_chat_pinned__login, .pbg_chat_pinned__unpin {
  color: var(--secondary-neon) !important;
}
.pbg_chat_pinned__unpin:hover {
  background: rgba(207, 79, 247, 0.18) !important;
  color: #fff !important;
}
.pbg_chat_rules li::marker {
  color: var(--secondary-neon) !important;
}
#chat .auth-to-write .chat_icon {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
}
.pbg_moder_badge {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  box-shadow: 0 2px 8px rgba(207, 79, 247, 0.4) !important;
}
.pbg_chat_edit_box textarea:focus, .pbg_moder_rules_edit textarea:focus {
  border-color: var(--secondary-neon) !important;
}
.pbg_online_widget__counter {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  border-radius: 10px !important;
  padding: 3px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.pbg_online_widget__counter b {
  color: var(--secondary-neon) !important;
}
.pbg_online_widget__live {
  background: var(--secondary-neon) !important;
  box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.6) !important;
  animation: pbgLivePulsePurple 1.8s infinite !important;
}
@keyframes pbgLivePulsePurple {
  0% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.55) !important; }
  70% { box-shadow: 0 0 0 7px rgba(207, 79, 247, 0) !important; }
  100% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0) !important; }
}
.pbg_moder_panel__title i {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  box-shadow: 0 4px 14px rgba(207, 79, 247, 0.35) !important;
}
.pbg_moder_tab.is-active {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
}
.pbg_moder_danger_btn {
  border: 1px solid rgba(207, 79, 247, 0.35) !important;
  background: rgba(207, 79, 247, 0.12) !important;
  color: #f2ccff !important;
}
.pbg_moder_danger_btn:hover {
  background: rgba(207, 79, 247, 0.22) !important;
  border-color: rgba(207, 79, 247, 0.55) !important;
  color: #fff !important;
}
.flex_heading_chat i {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #fff !important;
}

/* ===================== SIDEBAR USER PROFILE OVERRIDES ===================== */
.navigation_profile {
  background: rgba(14, 12, 24, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}
.balance_mini_profile {
  background: rgba(22, 14, 40, 0.55) !important;
  border: 1px solid rgba(162, 84, 242, 0.2) !important;
  border-radius: 12px !important;
}
.flex_balance_mp i {
  background: rgba(162, 84, 242, 0.18) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: #cf4ff7 !important;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 16px;
}
.button_plus_purse {
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
  box-shadow: 0 4px 12px rgba(207, 79, 247, 0.3) !important;
  color: #ffffff !important;
  border: none !important;
  transition: all 0.2s ease !important;
}
.button_plus_purse:hover {
  background: linear-gradient(135deg, #f2ccff, #a254f2) !important;
  box-shadow: 0 6px 16px rgba(207, 79, 247, 0.5) !important;
  transform: translateY(-1.5px) !important;
  opacity: 1 !important;
  color: #ffffff !important;
}
.btn_long_nav {
  background: rgba(162, 84, 242, 0.15) !important;
  color: #cf4ff7 !important;
  border: 1px solid rgba(162, 84, 242, 0.25) !important;
  border-radius: 50px !important;
}
.btn_long_nav:hover {
  background: rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
  border: 1px solid rgba(207, 79, 247, 0.5) !important;
}

/* ===================== MOONLIGHT REDESIGN (CHAT, ONLINE, SERVERS) ===================== */

/* 1. Мониторинг серверов (Режимы игры) */
.pbgmn {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 16px !important;
}

.pbgmn_head {
  border-bottom: 1px solid rgba(162, 84, 242, 0.2) !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
}

.pbgmn_head_i > i {
  background: rgba(162, 84, 242, 0.12) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: var(--secondary-neon) !important;
}

/* 2. Виджет Онлайн */
.pbg_online_widget {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 16px !important;
}

.pbg_online_widget__head {
  border-bottom: 1px solid rgba(162, 84, 242, 0.2) !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
}

.pbg_online_widget__head-icon {
  background: rgba(162, 84, 242, 0.12) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: var(--secondary-neon) !important;
}

/* Строки пользователей в списке онлайн */
.pbg_online_widget__scroll .users_chat_online {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
  transition: all 0.25s ease !important;
}

.pbg_online_widget__scroll .users_chat_online:hover {
  background: rgba(36, 20, 68, 0.6) !important;
  border-color: rgba(207, 79, 247, 0.45) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.2) !important;
}

.pbg_online_widget__fade {
  background: linear-gradient(0deg, rgba(14, 12, 24, 0.8) 0%, rgba(14, 12, 24, 0) 100%) !important;
}

/* Кнопка "Посетители" под списком онлайн */
.pbg_online_widget__visitors {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
}

.pbg_online_widget__visitors:hover {
  background: rgba(36, 20, 68, 0.6) !important;
  border-color: rgba(207, 79, 247, 0.45) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.2) !important;
}

/* 3. Виджет Чата */
.pbg_chat {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 16px !important;
}

.pbg_chat .heading_block_chat {
  border-bottom: 1px solid rgba(162, 84, 242, 0.2) !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
}

/* Сообщения в чате */
#chat #chat_messages .chat_message .message,
#chat #messages .chat_message .message {
  background: rgba(22, 14, 40, 0.5) !important;
  border: 1px solid rgba(162, 84, 242, 0.18) !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
}

#chat #chat_messages .chat_message .message:hover,
#chat #messages .chat_message .message:hover {
  background: rgba(36, 20, 68, 0.65) !important;
  border-color: rgba(207, 79, 247, 0.5) !important;
  box-shadow: 0 0 12px rgba(162, 84, 242, 0.2) !important;
}

/* Пунктирный разделитель в шапке сообщения */
#chat .login_share_flex {
  border-bottom: 1px dashed rgba(162, 84, 242, 0.25) !important;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
}

/* 4. Глобальные квадратные аватары */
html body .pb-avatar-wrap > img:not(.pb-avatar-frame-img) {
  border-radius: 8px !important;
}

#chat #chat_messages .chat_message .message .with_code > .back_img_chat img,
#chat #messages .chat_message .message .with_code > .back_img_chat img {
  border-radius: 8px !important;
}

/* Поле ввода сообщения в чате */
#chat #pbg_chat_input_box .smile_input input {
  background: rgba(14, 12, 24, 0.65) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: #fff !important;
}

#chat #pbg_chat_input_box .smile_input input:focus {
  border-color: var(--secondary-neon) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.4) !important;
  background: rgba(22, 14, 40, 0.8) !important;
}

/* ===================== SIDEBAR WIDGETS OVERRIDES ===================== */

/* Соц. сети (Telegram / Discord) */
.social_widget_card {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 17px !important;
}

.social_widget_card:hover {
  background: rgba(36, 20, 68, 0.6) !important;
  border-color: rgba(207, 79, 247, 0.45) !important;
  box-shadow: 0 0 15px rgba(162, 84, 242, 0.3) !important;
}

.social_widget_card__badge {
  color: #f2ccff !important;
  background: rgba(162, 84, 242, 0.18) !important;
  border: 1px solid rgba(162, 84, 242, 0.3) !important;
}

.social_widget_card:hover .social_widget_card__badge {
  color: #ffffff !important;
  background: rgba(207, 79, 247, 0.35) !important;
}

/* ТОП Онлайн (Game Time Widget) */
.gt-top-widget {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 17px !important;
  padding: 20px !important;
}

/* Карточки в ТОП Онлайн */
.gt-top-row {
  background: rgba(22, 14, 40, 0.4) !important;
  border: 1px solid rgba(162, 84, 242, 0.12) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
  border-radius: 13px !important;
  padding: 10px 14px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.gt-top-row:hover {
  background: rgba(36, 20, 68, 0.55) !important;
  border-color: rgba(207, 79, 247, 0.4) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* Текст в карточках */
.gt-top-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-align: left !important;
}

.gt-top-login {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
}

.gt-top-row:hover .gt-top-login {
  color: var(--secondary-neon) !important;
}

.gt-top-hours {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--secondary-neon) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.gt-top-hours i {
  font-size: 14px !important;
}

/* Общий онлайн внизу (тотал блок) */
.gt-top-total {
  border: 1px solid rgba(162, 84, 242, 0.2) !important;
  background: rgba(14, 12, 24, 0.4) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.gt-top-total span:first-child {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.gt-top-total span:last-child {
  color: var(--secondary-neon) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.gt-top-total span:last-child i {
  font-size: 16px !important;
}

/* Последняя активность (Live Events Widget) */
.live-events-widget {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 17px !important;
  padding: 20px !important;
}

/* Переключатели в шапке (в фиолетовых тонах) */
.live-events-widget .btn_top_block {
  border: 1px solid rgba(162, 84, 242, 0.2) !important;
  background: rgba(14, 12, 24, 0.4) !important;
  border-radius: 14px !important;
  display: flex !important;
  padding: 2px !important;
}

.live-events-widget .btn_top_block button,
.live-events-widget .btn_top_block button i {
  background: transparent !important;
  border: none !important;
  color: #a254f2 !important;
  transition: all 0.25s ease !important;
}

.live-events-widget .btn_top_block button {
  padding: 5px 12px !important;
}

.live-events-widget .btn_top_block button[aria-selected="true"] {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0, #6c2b8c 100%) !important;
  box-shadow: 0px 4px 15px rgba(207, 79, 247, 0.3) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

.live-events-widget .btn_top_block button[aria-selected="true"] i {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.live-events-widget .btn_top_block button:hover:not([aria-selected="true"]),
.live-events-widget .btn_top_block button:hover:not([aria-selected="true"]) i {
  color: #cf4ff7 !important;
}

.live-events-widget .btn_top_block button:hover:not([aria-selected="true"]) {
  background: rgba(207, 79, 247, 0.1) !important;
  border-radius: 12px !important;
}

/* Карточки событий в Последней активности (в аккуратном и компактном стиле) */
.live-events-card {
  background: rgba(22, 14, 40, 0.4) !important;
  border-top: 1px solid rgba(162, 84, 242, 0.12) !important;
  border-right: 1px solid rgba(162, 84, 242, 0.12) !important;
  border-bottom: 1px solid rgba(162, 84, 242, 0.12) !important;
  /* border-left НЕ переопределяем, чтобы сохранить оригинальные цветные маркеры (красный для банов, желтый для мутов) */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
  border-radius: 13px !important;
  padding: 10px 14px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  transition: all 0.25s ease !important;
}

.live-events-card:hover {
  background: rgba(36, 20, 68, 0.55) !important;
  border-top-color: rgba(207, 79, 247, 0.4) !important;
  border-right-color: rgba(207, 79, 247, 0.4) !important;
  border-bottom-color: rgba(207, 79, 247, 0.4) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* Иконка слева в карточке */
.live-events-card__icon {
  color: var(--secondary-neon) !important;
  background: rgba(207, 79, 247, 0.15) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  border-radius: 10px !important;
  display: flex !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.live-events-card__icon i {
  font-size: 18px !important;
  color: var(--secondary-neon) !important;
}

/* Текст внутри карточек */
.live-events-card__body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-align: left !important;
}

.live-events-card__title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #e2d5f8 !important;
  line-height: 1.4 !important;
}

.live-events-card__title span {
  color: var(--secondary-neon) !important;
  font-weight: 700 !important;
}

.live-events-card__meta {
  font-size: 11px !important;
  color: #a295c2 !important;
  line-height: 1.2 !important;
}

/* Делаем цифру количества банов белой */
.live-events-total span {
  color: #ffffff !important;
}

.live-events-total i {
  color: var(--secondary-neon) !important;
}

/* Кнопка "Все баны / Все события" в подвале виджета */
.live-events-action {
  background: rgba(207, 79, 247, 0.12) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.live-events-action:hover {
  background: rgba(207, 79, 247, 0.3) !important;
  border-color: #cf4ff7 !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.2) !important;
  color: #ffffff !important;
}

.live-events-action i {
  color: var(--secondary-neon) !important;
  font-size: 16px !important;
  transition: all 0.25s ease !important;
}

.live-events-action:hover i {
  color: #ffffff !important;
}

/* Стилизация кружков с номерами мест (1, 2, 3...) в ТОП Онлайн */
.gt-top-pos {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 1 место (Неоново-фиолетовый) */
.gt-top-pos--1 {
  background: linear-gradient(135deg, #cf4ff7 0%, #6c2b8c 100%) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.5) !important;
  color: #ffffff !important;
  border: 1px solid rgba(207, 79, 247, 0.4) !important;
}

/* 2 место (Яркий сиреневый) */
.gt-top-pos--2 {
  background: rgba(162, 84, 242, 0.35) !important;
  border: 1px solid rgba(162, 84, 242, 0.5) !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(162, 84, 242, 0.3) !important;
}

/* 3 место (Полупрозрачный фиолетовый) */
.gt-top-pos--3 {
  background: rgba(162, 84, 242, 0.15) !important;
  border: 1px solid rgba(162, 84, 242, 0.35) !important;
  color: #ffffff !important;
}

/* Круглые шевроны-стрелочки в строках онлайн-пользователей */
.users_chat_online i.bx-chevron-right {
  background: rgba(207, 79, 247, 0.12) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: var(--secondary-neon) !important;
  border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  transition: all 0.25s ease !important;
}

.users_chat_online:hover i.bx-chevron-right {
  background: rgba(207, 79, 247, 0.3) !important;
  border-color: #cf4ff7 !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.3) !important;
}

/* Иконка RSS/Wifi слева в виджете Посетителей */
.pbg_online_widget__visitors i.bx-rss {
  background: rgba(207, 79, 247, 0.15) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: var(--secondary-neon) !important;
  border-radius: 10px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
}

/* Счетчик количества посетителей справа */
.pbg_online_widget__count {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
}

.pbg_online_widget__visitors:hover .pbg_online_widget__count {
  border-color: #cf4ff7 !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.3) !important;
}

/* Плашка времени в сообщениях чата */
.chat_date {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #a295c2 !important;
  border-radius: 10px !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Блок последнего сообщения в категориях форума */
.user_info_forum {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.25s ease !important;
}

.user_info_forum:hover {
  background: rgba(36, 20, 68, 0.6) !important;
  border-color: rgba(207, 79, 247, 0.4) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.25) !important;
  transform: translateY(-1px) !important;
}

.forum_name_user i {
  color: var(--secondary-neon) !important;
  font-size: 16px !important;
}

/* Стрелочки-шевроны в виджете Активности форума на главной */
#last_activity .activity_btn {
  background: rgba(207, 79, 247, 0.12) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: var(--secondary-neon) !important;
  border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
  margin: 0 !important;
}

#last_activity .lst_activity_block:hover .activity_btn {
  background: rgba(207, 79, 247, 0.3) !important;
  border-color: #cf4ff7 !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.3) !important;
}

#last_activity .activity_btn i {
  color: var(--secondary-neon) !important;
  font-size: 13px !important;
  transition: all 0.25s ease !important;
}

#last_activity .lst_activity_block:hover .activity_btn i {
  color: #ffffff !important;
}

/* Удаление серого фона и тени у внешнего контейнера Чата/Онлайна */
.chat_block.pbg_chat_split,
.chat_block {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Декоративные кружки-блики в шапке чата (перевод из зеленого в фиолетовый) */
.heading_block_chat::before {
  background: rgba(207, 79, 247, 0.15) !important;
}

.heading_block_chat::after {
  background: rgba(207, 79, 247, 0.22) !important;
}

.heading_block_chat {
  border: none !important;
}

/* Перекраска зеленого бейджа MODER в чате */
.pbg_moder_badge {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  box-shadow: 0 2px 8px rgba(207, 79, 247, 0.4) !important;
}

/* Перекраска иконки блокировки чата */
.pbg_chat_banned__icon {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  box-shadow: 0 4px 14px rgba(207, 79, 247, 0.35) !important;
}

/* Перекраска закрепленного сообщения */
.pbg_chat_pinned {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.3) !important;
}

.pbg_chat_pinned__icon,
.pbg_chat_pinned__login {
  color: var(--secondary-neon) !important;
}

/* Перекраска кнопки Сохранить при редактировании сообщения */
.pbg_chat_edit_save {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
}

/* Стилизация футера (верхний блок статистики и нижний блок копирайта) */
.pb-footer__top,
.pb-footer__bottom {
  background: var(--bg-dark-glass) !important;
  border: 1px solid var(--border-neon) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  border-radius: 20px !important;
}

/* Статистика в футере */
.pb-footer .stats_mini_block {
  background: rgba(22, 14, 40, 0.45) !important;
  border: 1px solid rgba(162, 84, 242, 0.15) !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
}

.pb-footer .stats_mini_block:hover {
  background: rgba(36, 20, 68, 0.6) !important;
  border-color: rgba(207, 79, 247, 0.45) !important;
  box-shadow: 0 0 10px rgba(162, 84, 242, 0.2) !important;
}

/* Ссылки (документы) в футере */
.pb-footer__links a {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.pb-footer__links a:hover {
  background: rgba(207, 79, 247, 0.25) !important;
  border-color: #cf4ff7 !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.25) !important;
}

.pb-footer__links a i {
  color: var(--secondary-neon) !important;
}

.pb-footer__links a:hover i {
  color: #ffffff !important;
}

/* Кнопки контактов в футере */
.pb-footer__contact {
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: all 0.25s ease !important;
}

.pb-footer__contact--mail,
.pb-footer__contact--community {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
}

.pb-footer__contact--mail:hover,
.pb-footer__contact--community:hover {
  background: rgba(207, 79, 247, 0.25) !important;
  border-color: #cf4ff7 !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
}

.pb-footer__contact--mail i,
.pb-footer__contact--community i {
  color: var(--secondary-neon) !important;
}

.pb-footer__contact--mail:hover i,
.pb-footer__contact--community:hover i {
  color: #ffffff !important;
}

/* Перекраска зеленого свечения и контура логотипа в футере */
.logotext:nth-child(4n+1) {
  stroke: #cf4ff7 !important;
  text-shadow: 0 0 12px #cf4ff7 !important;
}

.logotext:nth-child(4n+3) {
  stroke: #cf4ff7 !important;
  text-shadow: 0 0 12px #cf4ff7 !important;
}



/* ====== ТИКЕР / ЛАЙВ ЛЕНТА ====== */
.dc_tkr_wrap {
  background: rgba(14, 12, 24, 0.65) !important;
  border: 1px solid rgba(162, 84, 242, 0.25) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.dc_tkr_lbl {
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  border-right: 1px solid rgba(162, 84, 242, 0.3) !important;
  color: #ffffff !important;
  border-radius: 11px 0 0 11px !important;
  text-shadow: 0 0 8px rgba(207, 79, 247, 0.5) !important;
}

.dc_tkr_dot {
  background: #cf4ff7 !important;
  box-shadow: 0 0 6px rgba(207, 79, 247, 0.8) !important;
}

.dc_tkr_sep {
  background: rgba(162, 84, 242, 0.2) !important;
}

/* Зелёные элементы перекрашиваем в фирменный Moonlight (неоново-фиолетовый) */
.dc_tkr_item--green svg { color: #cf4ff7 !important; }
.dc_tkr_item--green .dc_tkr_badge {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #cf4ff7 !important;
}
.dc_tkr_item--green a { color: #eec5ff !important; }

/* ====== СТИЛИЗАЦИЯ ШТОРКИ ПРОФИЛЯ И УВЕДОМЛЕНИЙ ====== */
.profile-drawer,
.notif-drawer {
  background: rgba(20, 16, 32, 0.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-left: 1px solid rgba(207, 79, 247, 0.25) !important;
  box-shadow: -10px 0 50px rgba(0, 0, 0, 0.65), 0 0 40px rgba(207, 79, 247, 0.05) inset !important;
}

.profile-drawer-header,
.notif-drawer-header {
  border-bottom: 1px solid rgba(207, 79, 247, 0.15) !important;
}

.profile-drawer-title::before,
.notif-drawer-title::before {
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
}

.profile-drawer-close:hover,
.notif-drawer-close:hover {
  background: rgba(207, 79, 247, 0.15) !important;
  color: #cf4ff7 !important;
  border-color: rgba(207, 79, 247, 0.3) !important;
}

/* Кнопки в шторке (Баланс, Привилегии) */
.profile-drawer-duo-btn--balance {
  background: rgba(207, 79, 247, 0.08) !important;
  border: 1px solid rgba(207, 79, 247, 0.2) !important;
}
.profile-drawer-duo-btn--balance:hover {
  background: rgba(207, 79, 247, 0.15) !important;
  border-color: #cf4ff7 !important;
}
.profile-drawer-duo-btn--balance .profile-drawer-duo-icon {
  background: rgba(207, 79, 247, 0.15) !important;
  color: #cf4ff7 !important;
}

.profile-drawer-duo-btn--privileges {
  background: rgba(162, 84, 242, 0.08) !important;
  border: 1px solid rgba(162, 84, 242, 0.2) !important;
}
.profile-drawer-duo-btn--privileges:hover {
  background: rgba(162, 84, 242, 0.15) !important;
  border-color: #a254f2 !important;
}
.profile-drawer-duo-btn--privileges .profile-drawer-duo-icon {
  background: rgba(162, 84, 242, 0.15) !important;
  color: #a254f2 !important;
}

/* Обычные кнопки-ссылки в шторке */
.profile-drawer-btn {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
}
.profile-drawer-btn:hover {
  background: rgba(207, 79, 247, 0.08) !important;
  border-color: rgba(207, 79, 247, 0.3) !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.15) !important;
}

/* Кнопки особых разделов (Кейсы, Награды) */
.profile-drawer-feature-btn {
  border-radius: 12px !important;
}
.profile-drawer-feature-btn--cases {
  background: linear-gradient(135deg, rgba(207, 79, 247, 0.15), rgba(76, 17, 140, 0.15)) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
}
.profile-drawer-feature-btn--cases:hover {
  background: linear-gradient(135deg, rgba(207, 79, 247, 0.25), rgba(76, 17, 140, 0.25)) !important;
  border-color: #cf4ff7 !important;
  box-shadow: 0 0 12px rgba(207, 79, 247, 0.25) !important;
}

.profile-drawer-feature-btn--rewards {
  background: linear-gradient(135deg, rgba(162, 84, 242, 0.15), rgba(76, 17, 140, 0.15)) !important;
  border: 1px solid rgba(162, 84, 242, 0.25) !important;
}
.profile-drawer-feature-btn--rewards:hover {
  background: linear-gradient(135deg, rgba(162, 84, 242, 0.25), rgba(76, 17, 140, 0.25)) !important;
  border-color: #a254f2 !important;
  box-shadow: 0 0 12px rgba(162, 84, 242, 0.25) !important;
}

/* Нижние кнопки (Админка, Выход) */
.profile-drawer-admin-btn {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #ffffff !important;
}
.profile-drawer-admin-btn:hover {
  background: rgba(207, 79, 247, 0.25) !important;
  border-color: #cf4ff7 !important;
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.25) !important;
}
.profile-drawer-admin-btn i {
  color: var(--secondary-neon) !important;
}

.profile-drawer-exit-btn {
  background: rgba(234, 79, 79, 0.1) !important;
  border: 1px solid rgba(234, 79, 79, 0.25) !important;
  color: #ffffff !important;
}
.profile-drawer-exit-btn:hover {
  background: rgba(234, 79, 79, 0.25) !important;
  border-color: #ea4f4f !important;
  box-shadow: 0 0 10px rgba(234, 79, 79, 0.25) !important;
}
.profile-drawer-exit-btn i {
  color: #ea4f4f !important;
}

/* ===================== PROFILE AND NOTIFICATION DRAWER GREEN TO PURPLE OVERRIDES ===================== */

/* 1. Profile Drawer user CTA and user hover */
.profile-drawer-user-cta {
  background: rgba(207, 79, 247, 0.12) !important;
  border: 1px solid rgba(207, 79, 247, 0.35) !important;
  color: #f2ccff !important;
}
.profile-drawer-user-cta:hover {
  background: rgba(207, 79, 247, 0.22) !important;
  border-color: #cf4ff7 !important;
  color: #ffffff !important;
}
a.profile-drawer-user:hover {
  background: rgba(207, 79, 247, 0.08) !important;
  border-color: rgba(207, 79, 247, 0.28) !important;
}

/* 2. Profile Grid button hovers and green icons hue-rotation */
.profile-drawer-btn:hover {
  color: #ffffff !important;
}
.profile-drawer-btn-icon {
  filter: hue-rotate(160deg) saturate(1.4) !important;
}

/* 3. Performance switch and icon in profile drawer */
.profile-drawer-perf-icon {
  background: rgba(207, 79, 247, 0.12) !important;
  color: var(--secondary-neon) !important;
}
.profile-drawer-perf-title {
  color: #ffffff !important;
}
.profile-drawer-perf-switch input:checked ~ .profile-drawer-perf-switch__track {
  background: rgba(207, 79, 247, 0.28) !important;
  border-color: rgba(207, 79, 247, 0.55) !important;
}
.profile-drawer-perf-switch input:checked ~ .profile-drawer-perf-switch__track .profile-drawer-perf-switch__thumb {
  background: var(--secondary-neon) !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.55) !important;
}
.profile-drawer-perf-switch input:focus-visible ~ .profile-drawer-perf-switch__track {
  box-shadow: 0 0 0 3px rgba(207, 79, 247, 0.22) !important;
}

/* 4. Balance card in profile drawer (fixes green leakage) */
.profile-drawer-duo-btn--balance .profile-drawer-duo-title {
  color: #ffffff !important;
}
.profile-drawer-duo-btn--balance .profile-drawer-duo-sub {
  color: #eec5ff !important;
}
.profile-drawer-duo-btn--balance .profile-drawer-duo-icon {
  box-shadow: 0 0 10px rgba(207, 79, 247, 0.35) !important;
}

/* 5. Admin button hover fix */
.profile-drawer-admin-btn:hover {
  color: #ffffff !important;
}

/* 6. Notifications drawer green elements override */
.notif-tab-btn.active {
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
  box-shadow: 0 4px 14px rgba(207, 79, 247, 0.25) !important;
}
.notif-platform-card:hover {
  border-color: rgba(207, 79, 247, 0.3) !important;
}
.notif-platform-card--new {
  background: rgba(207, 79, 247, 0.05) !important;
  border-color: rgba(207, 79, 247, 0.28) !important;
}
#notif-panel-personal .notif_block_sucess:hover {
  border-color: rgba(207, 79, 247, 0.25) !important;
}
#notif-panel-personal .icon_notif {
  background: rgba(207, 79, 247, 0.14) !important;
  border-radius: 50% !important;
  color: #cf4ff7 !important;
}
.notif-platform-btn {
  background: linear-gradient(135deg, #cf4ff7, #a254f2) !important;
}
.notif-platform-read-btn {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  color: #cf4ff7 !important;
}
.notif-platform-read-btn:hover {
  background: rgba(207, 79, 247, 0.18) !important;
  border-color: rgba(207, 79, 247, 0.45) !important;
}
.notif-loading {
  color: #cf4ff7 !important;
}
.notif-all-a {
  color: #cf4ff7 !important;
}
.notif-all-a:hover {
  color: #cf4ff7 !important;
}
.notif-drawer-header {
  background: linear-gradient(180deg, rgba(207, 79, 247, 0.07), transparent) !important;
}
.notif-drawer-title::before,
.profile-drawer-title::before {
  background: #cf4ff7 !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.8) !important;
}

/* 7. Bell trigger hover & active overrides */
html body .wapper .header ul.user-menu > li .notif-bell-wrap .notif-bell-trigger:hover,
.notif-bell-trigger:hover {
  background: rgba(26, 20, 48, 0.6) !important;
  box-shadow: inset 0 0 0 1px rgba(162, 84, 242, 0.35), 0 0 14px rgba(162, 84, 242, 0.25) !important;
}
.notif-drawer.is-open .notif-bell-trigger,
.notif-bell-wrap.pbtop-bell-active .notif-bell-trigger {
  background: rgba(162, 84, 242, 0.16) !important;
  color: #cf4ff7 !important;
  box-shadow: inset 0 0 0 1px rgba(162, 84, 242, 0.45), 0 0 14px rgba(162, 84, 242, 0.3) !important;
}
.notif-bell-badge {
  background: rgba(162, 84, 242, 0.85) !important;
  box-shadow: 0 0 8px rgba(162, 84, 242, 0.7) !important;
  color: #ffffff !important;
}

/* 8. Registration/Authorization buttons in topbar (guest mode) */
html body .wapper .header.pbtop .pbtop-auth-btn--primary {
  color: #ffffff !important;
  background: linear-gradient(115deg, #cf4ff7, #8a5df5, #a254f2, #cf4ff7) !important;
  box-shadow: 0 4px 16px rgba(207, 79, 247, 0.3) !important;
}
html body .wapper .header.pbtop .pbtop-auth-btn--primary:hover {
  box-shadow: 0 6px 22px rgba(207, 79, 247, 0.42) !important;
}
html body .wapper .header.pbtop .pbtop-auth-btn--ghost:hover {
  color: #ffffff !important;
  background: rgba(207, 79, 247, 0.08) !important;
  border-color: rgba(207, 79, 247, 0.3) !important;
}

/* 9. Mobile notifications bell trigger & pulse overrides */
@media (max-width: 767px) {
  .pbtop-icon-li--notif .notif-bell-trigger {
    background: rgba(207, 79, 247, 0.12) !important;
    border-color: rgba(207, 79, 247, 0.35) !important;
    color: #cf4ff7 !important;
  }
}
@keyframes pbtopBellPulsePurple {
  0%, 100% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.4); }
  50% { box-shadow: 0 0 0 7px rgba(207, 79, 247, 0); }
}
.pbtop-icon-li--notif .notif-bell-wrap:has(.notif-bell-badge:not(.notif-bell-badge--hidden)) .notif-bell-trigger {
  animation: pbtopBellPulsePurple 1.8s ease-in-out infinite !important;
}

/* 10. Performance Mode Lock Modal (Marketplace) */
.pbtop-market-perf-lock-box {
  border-color: rgba(207, 79, 247, 0.2) !important;
}
.pbtop-market-perf-lock-box i {
  color: #cf4ff7 !important;
}

/* 11. Online/Offline Status Dot & Pulse */
#sonline {
  background: var(--secondary-neon) !important;
  box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.65) !important;
}
@keyframes pbStatusPulseOnlinePurple {
  0%   { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.65); }
  70%  { box-shadow: 0 0 0 7px rgba(207, 79, 247, 0); }
  100% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0); }
}
#sonline {
  animation: pbStatusPulseOnlinePurple 1.8s infinite !important;
}

/* 12. Social card connections in profile settings */
.pbsoc-card_status--ok {
  color: #cf4ff7 !important;
}
a.pbsoc-card:hover .pbsoc-card_arrow {
  color: #cf4ff7 !important;
}
.pbsoc-card_action--save:hover {
  background: rgba(207, 79, 247, 0.16) !important;
  border-color: rgba(207, 79, 247, 0.4) !important;
  color: #cf4ff7 !important;
}
.pbsoc-card--bound {
  background: rgba(207, 79, 247, 0.05) !important;
  border-color: rgba(207, 79, 247, 0.18) !important;
}

/* 13. Promo block styles in P2P / settings */
.promo-block-sub--accent {
  color: #cf4ff7 !important;
}
.promo-active-badge {
  background: rgba(207, 79, 247, 0.15) !important;
  border: 1px solid rgba(207, 79, 247, 0.35) !important;
  color: #cf4ff7 !important;
}
.promo-apply-btn {
  border: 1px solid #cf4ff7 !important;
  color: #cf4ff7 !important;
}
.promo-apply-btn:hover {
  background: rgba(207, 79, 247, 0.12) !important;
}
.promo-submit-btn {
  background: linear-gradient(135deg, #cf4ff7 0%, #a254f2 100%) !important;
  color: #ffffff !important;
}
.promo-state--ok {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.22) !important;
}
.promo-state--ok .promo-state-icon {
  background: rgba(207, 79, 247, 0.18) !important;
  color: #cf4ff7 !important;
}
@keyframes promoGlowPurple {
  0%,100% { box-shadow: 0 32px 96px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.04); }
  50%     { box-shadow: 0 32px 96px rgba(0,0,0,.85), 0 0 0 4px rgba(207,79,247,.22), 0 0 40px rgba(207,79,247,.12); }
}
.promo-modal.is-success {
  animation: promoGlowPurple .9s ease !important;
}

/* 14. Authorization switch consent toggle */
.auth-check__toggle input:checked ~ .auth-check__track {
  background: rgba(207, 79, 247, 0.28) !important;
  border-color: rgba(207, 79, 247, 0.55) !important;
}
.auth-check__toggle input:checked ~ .auth-check__track .auth-check__thumb {
  background: var(--secondary-neon) !important;
  box-shadow: 0 0 8px rgba(207, 79, 247, 0.55) !important;
}
.auth-check__toggle input:focus-visible ~ .auth-check__track {
  box-shadow: 0 0 0 3px rgba(207, 79, 247, 0.22) !important;
}
.auth-check:hover .auth-check__toggle input:checked ~ .auth-check__track {
  border-color: rgba(207, 79, 247, 0.75) !important;
}

/* ===================== PREMIUM NAVIGATION MENU OVERLAY (GREEN TO PURPLE NEON) ===================== */

.pbg-menu-panel {
  --pbg-cat-icon: #cf4ff7 !important;
  --pbg-item-icon: #cf4ff7 !important;
  --pbg-item-glow: #cf4ff7 !important;
  /* Premium dual neon fog background gradients */
  background: 
    radial-gradient(circle at 15% 20%, rgba(207, 79, 247, 0.05) 0%, transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(162, 84, 242, 0.06) 0%, transparent 45%),
    rgba(12, 10, 20, 0.92) !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  border-bottom: 1px solid rgba(207, 79, 247, 0.22) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), 0 0 40px rgba(207, 79, 247, 0.05) inset !important;
}

.pbg-menu-panel__head {
  background: transparent !important;
  border-bottom: 1px solid rgba(207, 79, 247, 0.15) !important;
}

.pbg-menu-panel__title {
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.pbg-menu-panel__title i {
  color: #cf4ff7 !important;
  text-shadow: 0 0 10px rgba(207, 79, 247, 0.6) !important;
  animation: pbgMenuTitlePulse 2s ease-in-out infinite alternate !important;
  display: inline-block !important;
}

@keyframes pbgMenuTitlePulse {
  0% { transform: scale(1); filter: brightness(1); }
  100% { transform: scale(1.08); filter: brightness(1.3); }
}

/* Home Button styling & animation */
.pbg-menu-home-btn {
  background: rgba(207, 79, 247, 0.08) !important;
  border: 1px solid rgba(207, 79, 247, 0.3) !important;
  color: #cf4ff7 !important;
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  overflow: hidden !important;
  position: relative !important;
  animation: pbgHomePulse 2.5s infinite !important;
}

@keyframes pbgHomePulse {
  0% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.3); }
  70% { box-shadow: 0 0 0 8px rgba(207, 79, 247, 0); }
  100% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0); }
}

.pbg-menu-home-btn::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -150% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
  transform: skewX(-20deg) !important;
  animation: pbgHomeShine 4s ease-in-out infinite !important;
}

@keyframes pbgHomeShine {
  0% { left: -150%; }
  30%, 100% { left: 150%; }
}

.pbg-menu-home-btn:hover {
  background: rgba(207, 79, 247, 0.18) !important;
  border-color: #cf4ff7 !important;
  color: #ffffff !important;
}

.pbg-menu-panel__close {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pbg-menu-panel__close:hover {
  background: rgba(234, 79, 79, 0.15) !important;
  color: #ff5c5c !important;
  border-color: rgba(234, 79, 79, 0.3) !important;
  box-shadow: 0 0 10px rgba(234, 79, 79, 0.25) !important;
}

/* Staggered entrance animation for columns */
.pbg-menu-panel.is-open .pbg-menu-col {
  animation: pbgMenuColFadeIn 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.pbg-menu-panel.is-open .pbg-menu-col:nth-child(1) { animation-delay: 0.05s; }
.pbg-menu-panel.is-open .pbg-menu-col:nth-child(2) { animation-delay: 0.12s; }
.pbg-menu-panel.is-open .pbg-menu-col:nth-child(3) { animation-delay: 0.19s; }
.pbg-menu-panel.is-open .pbg-menu-col:nth-child(4) { animation-delay: 0.26s; }

@keyframes pbgMenuColFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.pbg-menu-col {
  background: rgba(14, 12, 24, 0.5) !important;
  border: 1px solid rgba(162, 84, 242, 0.16) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
  border-radius: 16px !important;
  padding: 18px 16px !important;
}

.pbg-menu-col__head {
  color: #ffffff !important;
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 0.5px !important;
  position: relative !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid rgba(207, 79, 247, 0.1) !important;
}

/* Glowing category line separator */
.pbg-menu-col__head::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 50px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #cf4ff7, transparent) !important;
  box-shadow: 0 0 8px #cf4ff7 !important;
}

.pbg-menu-col__head i {
  background: rgba(207, 79, 247, 0.15) !important;
  color: #cf4ff7 !important;
  border: 1px solid rgba(207, 79, 247, 0.25) !important;
  animation: pbgCatHeadGlow 3s ease-in-out infinite !important;
}

@keyframes pbgCatHeadGlow {
  0%, 100% { box-shadow: 0 0 4px rgba(207, 79, 247, 0.25); }
  50% { box-shadow: 0 0 12px rgba(207, 79, 247, 0.55); }
}

/* Card buttons inside categories (menu items) */
.pbg-menu-grid .pbg-menu-item {
  /* Diagonal shine sweeping gradient base */
  background: linear-gradient(115deg, rgba(22, 14, 40, 0.6) 0%, rgba(22, 14, 40, 0.6) 42%, rgba(255, 255, 255, 0.08) 50%, rgba(22, 14, 40, 0.6) 58%, rgba(22, 14, 40, 0.6) 100%) !important;
  background-size: 260% 100% !important;
  background-position: 100% 0 !important;
  border: 1px solid rgba(162, 84, 242, 0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s, background-position 0.5s ease !important;
}

/* Top sliding neon laser line */
.pbg-menu-grid .pbg-menu-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, transparent, #cf4ff7, #ffffff, #cf4ff7, transparent) !important;
  animation: pbgBorderSlideTop 4s linear infinite !important;
  z-index: 2 !important;
  opacity: 0.6 !important;
}

/* Bottom sliding neon laser line */
.pbg-menu-grid .pbg-menu-item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: -100% !important;
  width: 100% !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, transparent, #cf4ff7, #ffffff, #cf4ff7, transparent) !important;
  animation: pbgBorderSlideBottom 4s linear infinite !important;
  z-index: 2 !important;
  opacity: 0.6 !important;
}

@keyframes pbgBorderSlideTop {
  0% { left: -100%; }
  35%, 100% { left: 100%; }
}

@keyframes pbgBorderSlideBottom {
  0% { right: -100%; }
  35%, 100% { right: 100%; }
}

.pbg-menu-grid .pbg-menu-item:hover {
  background-position: 0% 0 !important; /* Slide the diagonal shine highlight */
  border-color: rgba(207, 79, 247, 0.65) !important;
  box-shadow: 0 0 20px rgba(207, 79, 247, 0.4), inset 0 0 10px rgba(207, 79, 247, 0.15) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.pbg-menu-grid .pbg-menu-item:hover::before,
.pbg-menu-grid .pbg-menu-item:hover::after {
  opacity: 1 !important;
  animation-duration: 2s !important;
}

.pbg-menu-item__icon {
  background: rgba(207, 79, 247, 0.1) !important;
  border: 1px solid rgba(207, 79, 247, 0.2) !important;
  color: #cf4ff7 !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s !important;
  box-shadow: inset 0 0 4px rgba(207, 79, 247, 0.1) !important;
}

.pbg-menu-item__icon i {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), text-shadow 0.3s ease !important;
}

/* Icon tilt & pop on hover */
.pbg-menu-item:hover .pbg-menu-item__icon i {
  color: #ffffff !important;
  transform: scale(1.15) rotate(8deg) !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.8) !important;
}

.pbg-menu-item:hover .pbg-menu-item__icon img,
.pbg-menu-item:hover .pbg-menu-item__icon--img {
  filter: brightness(0) invert(1) !important;
}

.pbg-menu-item:hover .pbg-menu-item__icon {
  background: rgba(207, 79, 247, 0.2) !important;
  border-color: rgba(207, 79, 247, 0.5) !important;
  animation: pbgMenuIconPulse 1.5s infinite !important;
}

@keyframes pbgMenuIconPulse {
  0% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0.4); }
  70% { box-shadow: 0 0 0 6px rgba(207, 79, 247, 0); }
  100% { box-shadow: 0 0 0 0 rgba(207, 79, 247, 0); }
}

/* Make card subtitles transition color on hover */
.pbg-menu-item__subtitle {
  transition: color 0.25s ease !important;
}
.pbg-menu-item:hover .pbg-menu-item__subtitle {
  color: #d8cbeb !important;
}

.pbg-menu-item--glow:hover .pbg-menu-item__icon:not(.pbg-menu-item__icon--img) {
  background: rgba(207, 79, 247, 0.18) !important;
  box-shadow: 0 0 14px -2px rgba(207, 79, 247, 0.7) !important;
}

.pbg-menu-singles .pbg-menu-item {
  background: linear-gradient(135deg, rgba(207, 79, 247, 0.08), rgba(207, 79, 247, 0.02)) !important;
  border: 1px solid rgba(207, 79, 247, 0.15) !important;
}

.pbg-menu-singles .pbg-menu-item:hover {
  border-color: rgba(207, 79, 247, 0.45) !important;
  background: linear-gradient(135deg, rgba(207, 79, 247, 0.12), rgba(207, 79, 247, 0.03)) !important;
}

.pbg-menu-singles .pbg-menu-item__icon {
  background: rgba(207, 79, 247, 0.15) !important;
  box-shadow: inset 0 0 0 1px rgba(207, 79, 247, 0.22) !important;
}

/* ===================== MOBILE RESPONSIVE HEADER ADAPTATION ===================== */
/* 1. For tablets and landscape mobile orientation (max-width: 1200px) */
@media (max-width: 1200px) {
  /* Shrink logo image to make space */
  .logo-image-main {
    max-height: 44px !important;
    margin: 0 !important;
  }
  
  .site_logo_neo {
    filter: drop-shadow(0 0 4px rgba(162, 84, 242, 0.3)) !important;
  }

  /* Unlock menu button from absolute center and allow flex flow to prevent overlaps */
  .pbg-menu-trigger-wrap {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 10px !important;
    width: 140px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(162, 84, 242, 0.25) !important;
    border-radius: 20px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 10px rgba(162, 84, 242, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    filter: none !important;
  }

  .pbg-menu-trigger-wrap:hover {
    transform: scale(1.03) !important;
    border-color: rgba(207, 79, 247, 0.5) !important;
    box-shadow: 0 0 12px rgba(207, 79, 247, 0.25) !important;
  }

  .pbg-menu-trigger {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 13px !important;
  }

  .pbg-menu-trigger i {
    font-size: 16px !important;
    color: #cf4ff7 !important;
  }

  /* Flex row alignment for top bar container */
  .pbtop-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 10px !important;
  }

  /* Align user menu / auth buttons to the right */
  .pbtop-usermenu {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .pbtop-auth-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
}

/* 2. For portrait mobile orientation (max-width: 767px) */
@media (max-width: 767px) {
  /* Hide the logo completely to save horizontal space */
  html body .wapper .header.pbtop .header-logo.pbtop-logo {
    display: none !important;
  }

  /* Turn menu trigger into a compact circular button on the left */
  .pbg-menu-trigger-wrap {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
  }

  .pbg-menu-trigger span {
    display: none !important;
  }

  .pbg-menu-trigger i {
    font-size: 20px !important;
  }

  /* Compact button sizes for mobile screens */
  .pbtop-auth-buttons {
    gap: 6px !important;
  }

  .pbtop-auth-btn {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 11px !important;
  }
}