/* ================================================
   THEME COLORS - Thèmes de couleurs par page
   ================================================ */

:root {
  --bs-primary: #cc89f5;
  --bs-success: #cc89f5;
  --bs-info: #cc89f5;
  --bs-purple: #cc89f5;
  --bs-indigo: #cc89f5;
  --bs-table-bg: rgba(204, 137, 245, 0.05);
}

.users-page {
  --page-color: #8fd9b0;
  --page-color-dark: #6bc491;
  --bs-table-bg: rgba(143, 217, 176, 0.05);
}

.roles-page {
  --page-color: #d6bd8d;
  --page-color-dark: #c5a969;
  --bs-table-bg: rgba(214, 189, 141, 0.05);
}

.devis-page {
  --page-color: #a09581;
  --page-color-dark: #8a7f6e;
  --bs-table-bg: rgba(160, 149, 129, 0.05);
}

.commandes-page {
  --page-color: #30dfd2;
  --page-color-dark: #1bc4ba;
  --bs-table-bg: rgba(48, 223, 210, 0.05);
}

.vehicules-page {
  --page-color: #654b75;
  --page-color-dark: #4a3759;
  --bs-table-bg: rgba(101, 75, 117, 0.05);
}

.prospect-page {
  --page-color: #f7909f;
  --page-color-dark: #f57282;
  --bs-table-bg: rgba(247, 144, 159, 0.05);
}

/* Override des classes de couleur Bootstrap */
.bg-success,
.navbar-dark.bg-success {
  background-color: #cc89f5 !important;
}

.users-page .bg-success,
.users-page .navbar-dark.bg-success {
  background-color: var(--page-color) !important;
}

.roles-page .bg-success,
.roles-page .navbar-dark.bg-success {
  background-color: var(--page-color) !important;
}

.devis-page .bg-success,
.devis-page .navbar-dark.bg-success {
  background-color: var(--page-color) !important;
}

.commandes-page .bg-success,
.commandes-page .navbar-dark.bg-success {
  background-color: var(--page-color) !important;
}

.vehicules-page .bg-success,
.vehicules-page .navbar-dark.bg-success {
  background-color: var(--page-color) !important;
}

.prospect-page .bg-success,
.prospect-page .navbar-dark.bg-success {
  background-color: var(--page-color) !important;
}

.btn-success {
  background-color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

.users-page .btn-success {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.roles-page .btn-success {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.devis-page .btn-success {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.commandes-page .btn-success {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.vehicules-page .btn-success {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.prospect-page .btn-success {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

/* Hover normal sur les autres pages */
.btn-success:hover {
  background-color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

.users-page .btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.roles-page .btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.devis-page .btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.commandes-page .btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.vehicules-page .btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.prospect-page .btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

/* Hover foncé sur les boutons de création et d'exportation CSV (btn-lg) */
.btn-success.btn-lg:hover {
  background-color: #b854e0 !important;
  border-color: #b854e0 !important;
}

.users-page .btn-success.btn-lg:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.roles-page .btn-success.btn-lg:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.devis-page .btn-success.btn-lg:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.commandes-page .btn-success.btn-lg:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.vehicules-page .btn-success.btn-lg:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.prospect-page .btn-success.btn-lg:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

/* Hover foncé sur les boutons "Créer" (button[type="submit"]) */
button[type="submit"].btn-success:hover {
  background-color: #b854e0 !important;
  border-color: #b854e0 !important;
}

.users-page button[type="submit"].btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.roles-page button[type="submit"].btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.devis-page button[type="submit"].btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.commandes-page button[type="submit"].btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.vehicules-page button[type="submit"].btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

.prospect-page button[type="submit"].btn-success:hover {
  background-color: var(--page-color-dark) !important;
  border-color: var(--page-color-dark) !important;
}

/* Hover foncé uniquement sur les boutons du dashboard */
.dashboard-page .btn-success:hover {
  background-color: #b854e0 !important;
  border-color: #b854e0 !important;
}

/* Couleurs spécifiques des boutons de catégorie sur le dashboard */
.dashboard-page .btn-dashboard-users {
  background-color: #8fd9b0 !important;
  border-color: #8fd9b0 !important;
  color: #333 !important;
}

.dashboard-page .btn-dashboard-users:hover {
  background-color: #6bc491 !important;
  border-color: #6bc491 !important;
  color: #333 !important;
}

.dashboard-page .btn-dashboard-users .bi {
  color: white !important;
}

.dashboard-page .btn-dashboard-roles {
  background-color: #d6bd8d !important;
  border-color: #d6bd8d !important;
  color: #333 !important;
}

.dashboard-page .btn-dashboard-roles:hover {
  background-color: #c5a969 !important;
  border-color: #c5a969 !important;
  color: #333 !important;
}

.dashboard-page .btn-dashboard-roles .bi {
  color: white !important;
}

.dashboard-page .btn-dashboard-devis {
  background-color: #a09581 !important;
  border-color: #a09581 !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-devis:hover {
  background-color: #8a7f6e !important;
  border-color: #8a7f6e !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-devis .bi {
  color: white !important;
}

.dashboard-page .btn-dashboard-commandes {
  background-color: #30dfd2 !important;
  border-color: #30dfd2 !important;
  color: #333 !important;
}

.dashboard-page .btn-dashboard-commandes:hover {
  background-color: #1bc4ba !important;
  border-color: #1bc4ba !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-commandes .bi {
  color: white !important;
}

.dashboard-page .btn-dashboard-vehicules {
  background-color: #654b75 !important;
  border-color: #654b75 !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-vehicules:hover {
  background-color: #4a3759 !important;
  border-color: #4a3759 !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-vehicules .bi {
  color: white !important;
}

.dashboard-page .btn-dashboard-prospects {
  background-color: #f7909f !important;
  border-color: #f7909f !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-prospects:hover {
  background-color: #f57282 !important;
  border-color: #f57282 !important;
  color: white !important;
}

.dashboard-page .btn-dashboard-prospects .bi {
  color: white !important;
}

/* Hovers pour tous les boutons selon leur couleur */
.btn-primary:hover {
  background-color: #b854e0 !important;
  border-color: #b854e0 !important;
}

.btn-danger:hover {
  background-color: #c41e3a !important;
  border-color: #c41e3a !important;
}

.btn-secondary:hover {
  background-color: #5a6268 !important;
  border-color: #5a6268 !important;
}

.btn-warning:hover {
  background-color: #e0a800 !important;
  border-color: #e0a800 !important;
}

.btn-info:hover {
  background-color: #0c5460 !important;
  border-color: #0c5460 !important;
}

.btn-light:hover {
  background-color: #e2e6ea !important;
  border-color: #dae0e5 !important;
}

.btn-dark:hover {
  background-color: #23242a !important;
  border-color: #1d1e23 !important;
}

.btn-outline-success {
  color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

.users-page .btn-outline-success {
  color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.roles-page .btn-outline-success {
  color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.devis-page .btn-outline-success {
  color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.commandes-page .btn-outline-success {
  color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.vehicules-page .btn-outline-success {
  color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.prospect-page .btn-outline-success {
  color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.btn-outline-success:hover {
  background-color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

.users-page .btn-outline-success:hover {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.roles-page .btn-outline-success:hover {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.devis-page .btn-outline-success:hover {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.commandes-page .btn-outline-success:hover {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.vehicules-page .btn-outline-success:hover {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.prospect-page .btn-outline-success:hover {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.text-success {
  color: #cc89f5 !important;
}

.users-page .text-success {
  color: var(--page-color) !important;
}

.roles-page .text-success {
  color: var(--page-color) !important;
}

.devis-page .text-success {
  color: var(--page-color) !important;
}

.commandes-page .text-success {
  color: var(--page-color) !important;
}

.vehicules-page .text-success {
  color: var(--page-color) !important;
}

.prospect-page .text-success {
  color: var(--page-color) !important;
}

.border-success {
  border-color: #cc89f5 !important;
}

.users-page .border-success {
  border-color: var(--page-color) !important;
}

.roles-page .border-success {
  border-color: var(--page-color) !important;
}

.devis-page .border-success {
  border-color: var(--page-color) !important;
}

.commandes-page .border-success {
  border-color: var(--page-color) !important;
}

.vehicules-page .border-success {
  border-color: var(--page-color) !important;
}

.prospect-page .border-success {
  border-color: var(--page-color) !important;
}

/* Badges violets */
.badge.bg-success {
  background-color: #cc89f5 !important;
}

.users-page .badge.bg-success {
  background-color: var(--page-color) !important;
}

.roles-page .badge.bg-success {
  background-color: var(--page-color) !important;
}

.devis-page .badge.bg-success {
  background-color: var(--page-color) !important;
}

.commandes-page .badge.bg-success {
  background-color: var(--page-color) !important;
}

.vehicules-page .badge.bg-success {
  background-color: var(--page-color) !important;
}

.prospect-page .badge.bg-success {
  background-color: var(--page-color) !important;
}

.badge.bg-info {
  background-color: #cc89f5 !important;
}

.users-page .badge.bg-info {
  background-color: var(--page-color) !important;
}

.roles-page .badge.bg-info {
  background-color: var(--page-color) !important;
}

.devis-page .badge.bg-info {
  background-color: var(--page-color) !important;
}

.commandes-page .badge.bg-info {
  background-color: var(--page-color) !important;
}

.vehicules-page .badge.bg-info {
  background-color: var(--page-color) !important;
}

.prospect-page .badge.bg-info {
  background-color: var(--page-color) !important;
}

/* Liens violets */
a {
  color: #cc89f5;
}

/* Éléments actifs */
.nav-link.active,
.page-link.active,
.btn.active {
  background-color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

/* Tables */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(204, 137, 245, 0.05);
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(204, 137, 245, 0.1);
}

.users-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(143, 217, 176, 0.05);
}

.users-page .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(143, 217, 176, 0.1);
}

.roles-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(214, 189, 141, 0.05);
}

.roles-page .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(214, 189, 141, 0.1);
}

.devis-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(160, 149, 129, 0.05);
}

.devis-page .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(160, 149, 129, 0.1);
}

.commandes-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(48, 223, 210, 0.05);
}

.commandes-page .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(48, 223, 210, 0.1);
}

.vehicules-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(101, 75, 117, 0.05);
}

.vehicules-page .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(101, 75, 117, 0.1);
}

.prospect-page .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(247, 144, 159, 0.05);
}

.prospect-page .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(247, 144, 159, 0.1);
}

/* Modales */
.modal-header.bg-success {
  background-color: #cc89f5 !important;
}

.users-page .modal-header.bg-success {
  background-color: var(--page-color) !important;
}

.roles-page .modal-header.bg-success {
  background-color: var(--page-color) !important;
}

.devis-page .modal-header.bg-success {
  background-color: var(--page-color) !important;
}

.commandes-page .modal-header.bg-success {
  background-color: var(--page-color) !important;
}

.vehicules-page .modal-header.bg-success {
  background-color: var(--page-color) !important;
}

.prospect-page .modal-header.bg-success {
  background-color: var(--page-color) !important;
}

.modal-footer .btn-primary {
  background-color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

.users-page .modal-footer .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.roles-page .modal-footer .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.devis-page .modal-footer .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.commandes-page .modal-footer .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.vehicules-page .modal-footer .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.prospect-page .modal-footer .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

/* Focus states */
.form-control:focus,
.form-select:focus {
  border-color: #cc89f5;
  box-shadow: 0 0 0 0.2rem rgba(204, 137, 245, 0.25);
}

.users-page .form-control:focus,
.users-page .form-select:focus {
  border-color: var(--page-color);
  box-shadow: 0 0 0 0.2rem rgba(143, 217, 176, 0.25);
}

.roles-page .form-control:focus,
.roles-page .form-select:focus {
  border-color: var(--page-color);
  box-shadow: 0 0 0 0.2rem rgba(214, 189, 141, 0.25);
}

.devis-page .form-control:focus,
.devis-page .form-select:focus {
  border-color: var(--page-color);
  box-shadow: 0 0 0 0.2rem rgba(160, 149, 129, 0.25);
}

.commandes-page .form-control:focus,
.commandes-page .form-select:focus {
  border-color: var(--page-color);
  box-shadow: 0 0 0 0.2rem rgba(48, 223, 210, 0.25);
}

.vehicules-page .form-control:focus,
.vehicules-page .form-select:focus {
  border-color: var(--page-color);
  box-shadow: 0 0 0 0.2rem rgba(101, 75, 117, 0.25);
}

.prospect-page .form-control:focus,
.prospect-page .form-select:focus {
  border-color: var(--page-color);
  box-shadow: 0 0 0 0.2rem rgba(247, 144, 159, 0.25);
}

/* Progressbar */
.progress-bar {
  background-color: #cc89f5 !important;
}

.users-page .progress-bar {
  background-color: var(--page-color) !important;
}

.roles-page .progress-bar {
  background-color: var(--page-color) !important;
}

.devis-page .progress-bar {
  background-color: var(--page-color) !important;
}

.commandes-page .progress-bar {
  background-color: var(--page-color) !important;
}

.vehicules-page .progress-bar {
  background-color: var(--page-color) !important;
}

.prospect-page .progress-bar {
  background-color: var(--page-color) !important;
}

/* Alert violet primaire */
.alert-primary {
  color: #7d5a9c;
  background-color: #f8f4fc;
  border-color: #e5d5f7;
}

.alert-primary hr {
  border-top-color: #d5c0f0;
}

.alert-primary .alert-link {
  color: #5a4470;
}

/* Cards avec accents violets */
.card {
  border-left: 4px solid #cc89f5;
}

.users-page .card {
  border-left: 4px solid var(--page-color);
}

.roles-page .card {
  border-left: 4px solid var(--page-color);
}

.devis-page .card {
  border-left: 4px solid var(--page-color);
}

.commandes-page .card {
  border-left: 4px solid var(--page-color);
}

.vehicules-page .card {
  border-left: 4px solid var(--page-color);
}

.prospect-page .card {
  border-left: 4px solid var(--page-color);
}

.card:hover {
  box-shadow: 0 0.5rem 1rem rgba(204, 137, 245, 0.15);
}

.users-page .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(143, 217, 176, 0.15);
}

.roles-page .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(214, 189, 141, 0.15);
}

.devis-page .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(160, 149, 129, 0.15);
}

.commandes-page .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(48, 223, 210, 0.15);
}

.vehicules-page .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(101, 75, 117, 0.15);
}

.prospect-page .card:hover {
  box-shadow: 0 0.5rem 1rem rgba(247, 144, 159, 0.15);
}

/* DataTables customization */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #cc89f5 !important;
  color: white !important;
  border-color: #cc89f5 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: transparent !important;
  color: inherit !important;
  border-color: transparent !important;
}

/* Icons blanches pour meilleure visibilité */
.bi {
  color: white;
}

.navbar .bi {
  color: white;
}

/* Inputs beautified */
.form-control {
  border: 1px solid #d4d4d8;
}

.form-control:focus {
  border-color: #cc89f5;
  box-shadow: 0 0 0 3px rgba(204, 137, 245, 0.1);
}

/* Dividers et séparateurs */
hr {
  border-top-color: rgba(204, 137, 245, 0.2);
}

/* Sections */
.section-title {
  color: #cc89f5;
  border-bottom: 3px solid #cc89f5;
  padding-bottom: 10px;
}

/* Boutons action avec violet */
.btn-primary {
  background-color: #cc89f5 !important;
  border-color: #cc89f5 !important;
}

.users-page .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.roles-page .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.devis-page .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.commandes-page .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.vehicules-page .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}

.prospect-page .btn-primary {
  background-color: var(--page-color) !important;
  border-color: var(--page-color) !important;
}