/* ==========================================================
   NEON BANK – VARIABLES GLOBALES
   ========================================================== */

:root {
  --neon-red: #d6001c;
  --neon-red-dark: #b30017;
  --neon-red-light: #ffe5e8;

  --primary: #d6001c;
  --success: #d6001c;
  --danger: #b30017;

  --text-dark: #333333;
  --white: #ffffff;
}

/* ==========================================================
   BOUTONS (Bootstrap override propre)
   ========================================================== */

.btn-primary {
  background-color: var(--neon-red) !important;
  border-color: var(--neon-red) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--neon-red-dark) !important;
  border-color: var(--neon-red-dark) !important;
  color: #ffffff !important;
}

/* Boutons blancs (actions secondaires) */
.btn.btn-white {
  background-color: #ffffff !important;
  border: 1px solid var(--neon-red) !important;
  color: var(--neon-red) !important;
}

.btn.btn-white i {
  color: var(--neon-red) !important;
}

.btn.btn-white:hover {
  background-color: var(--neon-red) !important;
  color: #ffffff !important;
}

.btn.btn-white:hover i {
  color: #ffffff !important;
}

/* ==========================================================
   MENU DESKTOP (PC)
   ========================================================== */

.menu-w {
  background-color: #ffffff !important;
}

.menu-w .main-menu > li > a {
  color: var(--neon-red) !important;
  font-weight: 600;
  background-color: transparent !important;
}

.menu-w .os-icon {
  color: var(--neon-red) !important;
}

/* Élément sélectionné */
.menu-w .main-menu > li.selected > a {
  background-color: var(--neon-red) !important;
  color: #ffffff !important;
}

/* Hover */
.menu-w .main-menu > li > a:hover {
  background-color: var(--neon-red-light) !important;
  color: var(--neon-red-dark) !important;
}

/* Sous-menus */
.menu-w .sub-menu-w {
  background-color: #ffffff !important;
  border-left: 3px solid var(--neon-red);
}

.menu-w .sub-menu-header {
  color: var(--neon-red) !important;
}

.menu-w .sub-menu a {
  color: var(--text-dark) !important;
}

.menu-w .sub-menu a:hover {
  background-color: var(--neon-red-light) !important;
  color: var(--neon-red-dark) !important;
}

/* Neutralisation définitive du vert du thème */
.menu-w.sub-menu-color-bright,
.menu-w.selected-menu-color-bright,
.menu-w.color-style-default {
  background-image: none !important;
}

/* ==========================================================
   MENU MOBILE (FORCÉ BLANC / ROUGE)
   ========================================================== */

.menu-mobile,
.menu-mobile.color-scheme-dark,
.menu-mobile .menu-and-user,
.menu-mobile .main-menu {
  background-color: #ffffff !important;
}

/* Liens */
.menu-mobile .main-menu > li > a {
  color: var(--neon-red) !important;
}

.menu-mobile .os-icon {
  color: var(--neon-red) !important;
}

/* Hover / actif */
.menu-mobile .main-menu > li > a:hover,
.menu-mobile .main-menu > li.active > a {
  background-color: var(--neon-red) !important;
  color: #ffffff !important;
}

/* Sous-menus mobile */
.menu-mobile .sub-menu {
  background-color: #ffffff !important;
}

.menu-mobile .sub-menu a {
  color: var(--text-dark) !important;
}

.menu-mobile .sub-menu a:hover {
  background-color: var(--neon-red-light) !important;
  color: var(--neon-red-dark) !important;
}

/* Icônes top mobile */
.menu-mobile .mobile-menu-trigger .os-icon,
.menu-mobile .content-panel-open .os-icon {
  color: var(--neon-red) !important;
}

/* ==========================================================
   SIDEBAR / ACTIVITÉS
   ========================================================== */

.content-panel .element-header {
  color: var(--neon-red) !important;
  font-weight: 600;
}

.activity-box-w {
  border-left: 3px solid var(--neon-red);
  padding-left: 10px;
}

.activity-time {
  color: var(--neon-red-dark);
  font-size: 12px;
}

.activity-title {
  color: var(--text-dark);
}

.activity-box:hover {
  background-color: var(--neon-red-light) !important;
}

/* ==========================================================
   LIENS GÉNÉRAUX
   ========================================================== */

a {
  color: var(--neon-red);
}

a:hover {
  color: var(--neon-red-dark);
}
/* ==========================================================
   NEON BANK – MENU DESKTOP (SOURCE CORRECTE)
   ========================================================== */

/* Fond menu desktop */
.menu-w {
  background-color: #ffffff !important;
}

/* Liens principaux */
.menu-w .main-menu > li > a {
  color: #d6001c !important;
  background-color: transparent !important;
  font-weight: 600;
}

/* Icônes */
.menu-w .main-menu .os-icon {
  color: #d6001c !important;
}

/* Élément sélectionné */
.menu-w .main-menu > li.selected > a,
.menu-w.selected-menu-color-bright .main-menu > li.selected > a {
  background-color: #d6001c !important;
  color: #ffffff !important;
}

/* Hover */
.menu-w .main-menu > li > a:hover {
  background-color: #ffe5e8 !important;
  color: #b30017 !important;
}

/* Sous-menu */
.menu-w .sub-menu-w {
  background-color: #ffffff !important;
  border-left: 3px solid #d6001c;
}

/* Header sous-menu */
.menu-w .sub-menu-header {
  color: #d6001c !important;
}

/* Liens sous-menu */
.menu-w .sub-menu a {
  color: #333333 !important;
}

/* Hover sous-menu */
.menu-w .sub-menu a:hover {
  background-color: #ffe5e8 !important;
  color: #b30017 !important;
}

/* Neutralisation FORCÉE du thème vert */
.menu-w.color-style-default,
.menu-w.sub-menu-color-bright,
.menu-w.selected-menu-color-bright {
  background-image: none !important;
}