/**
 * Palette de couleurs verte personnalisée
 * OneRH
 */

:root {
  /* Palette principale - Vert */
  --color-green-900: #004B23; /* Très foncé */
  --color-green-800: #006400; /* Foncé */
  --color-green-700: #007200; /* Vert forêt */
  --color-green-600: #008000; /* Vert standard */
  --color-green-500: #38B000; /* Vert jaunâtre */
  --color-green-400: #70E000; /* Vert citron */
  --color-green-300: #9EF01A; /* Vert néon */
  --color-green-200: #CCFF33; /* Vert chartreuse clair */
  
  /* Couleurs primaires Bootstrap remplacées */
  --bs-primary: var(--color-green-600);
  --bs-primary-rgb: 0, 128, 0;
  --bs-primary-dark: var(--color-green-700);
  --bs-primary-light: var(--color-green-500);
  
  /* Couleurs de succès */
  --bs-success: var(--color-green-500);
  --bs-success-rgb: 56, 176, 0;
  
  /* Couleurs pour les badges */
  --bs-success-subtle: rgba(56, 176, 0, 0.1);
  --bs-primary-subtle: rgba(0, 128, 0, 0.1);
  
  /* Couleurs de texte */
  --bs-primary-text: var(--color-green-600);
  --bs-success-text: var(--color-green-500);
}

/* Override des couleurs Bootstrap primaires */
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
button[type="submit"].btn-primary,
.btn.btn-primary {
  background-color: var(--color-green-600) !important;
  border-color: var(--color-green-600) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
button.btn-primary:hover,
button.btn-primary:focus,
button.btn-primary:active,
input[type="submit"].btn-primary:hover,
input[type="submit"].btn-primary:focus,
input[type="submit"].btn-primary:active,
button[type="submit"].btn-primary:hover,
button[type="submit"].btn-primary:focus,
button[type="submit"].btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: var(--color-green-700) !important;
  border-color: var(--color-green-700) !important;
  color: #fff !important;
}

.btn-primary:focus,
button.btn-primary:focus,
input[type="submit"].btn-primary:focus,
button[type="submit"].btn-primary:focus,
.btn.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 128, 0, 0.25) !important;
}

.btn-outline-primary {
  color: var(--color-green-600) !important;
  border-color: var(--color-green-600) !important;
}

.btn-outline-primary:hover {
  background-color: var(--color-green-600) !important;
  border-color: var(--color-green-600) !important;
  color: #fff !important;
}

/* Badges */
.badge.bg-primary,
.badge.bg-primary-subtle {
  background-color: var(--color-green-600) !important;
  color: #fff !important;
}

.badge.bg-success,
.badge.bg-success-subtle {
  background-color: var(--color-green-500) !important;
  color: #fff !important;
}

.badge.bg-primary-subtle {
  background-color: var(--bs-primary-subtle) !important;
  color: var(--color-green-700) !important;
}

.badge.bg-success-subtle {
  background-color: var(--bs-success-subtle) !important;
  color: var(--color-green-700) !important;
}

/* Text colors */
.text-primary {
  color: var(--color-green-600) !important;
}

.text-success {
  color: var(--color-green-500) !important;
}

/* Background colors */
.bg-primary {
  background-color: var(--color-green-600) !important;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-subtle) !important;
}

.bg-success {
  background-color: var(--color-green-500) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-subtle) !important;
}

/* Links */
a {
  color: var(--color-green-600);
}

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

/* Sidebar active state */
.sidebar-link.active {
  background-color: var(--bs-primary-subtle) !important;
  color: var(--color-green-700) !important;
}

.sidebar-link.active i {
  color: var(--color-green-600) !important;
}

.sidebar-link:hover {
  background-color: rgba(0, 128, 0, 0.05) !important;
  color: var(--color-green-700) !important;
}

/* Cards avec accent vert */
.card {
  border-color: rgba(0, 128, 0, 0.1);
}

.card-header {
  background-color: rgba(0, 128, 0, 0.05);
  border-bottom-color: rgba(0, 128, 0, 0.1);
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
  border-color: var(--color-green-500) !important;
  box-shadow: 0 0 0 0.25rem rgba(56, 176, 0, 0.25) !important;
}

/* Table hover */
.table-hover tbody tr:hover {
  background-color: rgba(0, 128, 0, 0.05) !important;
}

/* Pagination */
.page-link {
  color: var(--color-green-600);
}

.page-link:hover {
  color: var(--color-green-700);
  background-color: var(--bs-primary-subtle);
}

.page-item.active .page-link {
  background-color: var(--color-green-600);
  border-color: var(--color-green-600);
}

/* Alerts */
.alert-primary {
  background-color: var(--bs-primary-subtle);
  border-color: var(--color-green-500);
  color: var(--color-green-700);
}

.alert-success {
  background-color: var(--bs-success-subtle);
  border-color: var(--color-green-500);
  color: var(--color-green-700);
}

/* Progress bars */
.progress-bar {
  background-color: var(--color-green-600);
}

/* Dropdown */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--bs-primary-subtle);
  color: var(--color-green-700);
}

.dropdown-item.active {
  background-color: var(--color-green-600);
  color: #fff;
}

/* Navbar */
.navbar-light .navbar-nav .nav-link {
  color: var(--color-green-700);
}

.navbar-light .navbar-nav .nav-link:hover {
  color: var(--color-green-600);
}

/* Breadcrumb */
.breadcrumb-item a {
  color: var(--color-green-600);
}

.breadcrumb-item a:hover {
  color: var(--color-green-700);
}

/* Stat cards */
.stat-card {
  border-left: 4px solid var(--color-green-600);
}

/* Charts - ApexCharts colors */
.apexcharts-legend-series .apexcharts-legend-marker {
  background-color: var(--color-green-600) !important;
}

/* Notification badge */
.notification {
  background-color: var(--color-green-500) !important;
}

/* Custom utility classes */
.text-green-900 { color: var(--color-green-900) !important; }
.text-green-800 { color: var(--color-green-800) !important; }
.text-green-700 { color: var(--color-green-700) !important; }
.text-green-600 { color: var(--color-green-600) !important; }
.text-green-500 { color: var(--color-green-500) !important; }
.text-green-400 { color: var(--color-green-400) !important; }
.text-green-300 { color: var(--color-green-300) !important; }
.text-green-200 { color: var(--color-green-200) !important; }

.bg-green-900 { background-color: var(--color-green-900) !important; }
.bg-green-800 { background-color: var(--color-green-800) !important; }
.bg-green-700 { background-color: var(--color-green-700) !important; }
.bg-green-600 { background-color: var(--color-green-600) !important; }
.bg-green-500 { background-color: var(--color-green-500) !important; }
.bg-green-400 { background-color: var(--color-green-400) !important; }
.bg-green-300 { background-color: var(--color-green-300) !important; }
.bg-green-200 { background-color: var(--color-green-200) !important; }

/* S'assurer que les boutons de création sont toujours visibles */
.btn-primary,
a.btn-primary,
button.btn-primary {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* S'assurer que les boutons dans les divs ne sont pas cachés */
div > .btn-primary,
div > a.btn-primary {
  display: inline-block !important;
  visibility: visible !important;
}