/* ==========================================================
   BNP PARIBAS – VARIABLES GLOBALES
   ========================================================== */

:root {
  --bnp-green: #008754;
  --bnp-green-dark: #006b43;
  --bnp-green-light: #e6f4ef;

  --primary: #008754;
  --success: #008754;
  --danger: #006b43;

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

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

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

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

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

.btn.btn-white i {
  color: var(--bnp-green) !important;
}

.btn.btn-white:hover {
  background-color: var(--bnp-green) !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(--bnp-green) !important;
  font-weight: 600;
  background-color: transparent !important;
}

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

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

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

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

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

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

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

/* Neutralisation définitive 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 (BLANC / VERT)
   ========================================================== */

.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(--bnp-green) !important;
}

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

/* Hover / actif */
.menu-mobile .main-menu > li > a:hover,
.menu-mobile .main-menu > li.active > a {
  background-color: var(--bnp-green) !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(--bnp-green-light) !important;
  color: var(--bnp-green-dark) !important;
}

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

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

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

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

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

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

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

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

a {
  color: var(--bnp-green);
}

a:hover {
  color: var(--bnp-green-dark);
}

/* ==========================================================
   MENU DESKTOP – SOURCE CORRECTE (BNP)
   ========================================================== */

.menu-w .main-menu > li > a {
  color: var(--bnp-green) !important;
}

.menu-w .main-menu .os-icon {
  color: var(--bnp-green) !important;
}

.menu-w .main-menu > li.selected > a,
.menu-w.selected-menu-color-bright .main-menu > li.selected > a {
  background-color: var(--bnp-green) !important;
  color: #ffffff !important;
}

.menu-w .main-menu > li > a:hover {
  background-color: var(--bnp-green-light) !important;
  color: var(--bnp-green-dark) !important;
}

.menu-w .sub-menu-w {
  border-left: 3px solid var(--bnp-green);
}

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

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

.menu-w.color-style-default,
.menu-w.sub-menu-color-bright,
.menu-w.selected-menu-color-bright {
  background-image: none !important;
}