/**
 * Charte Graphique Personnalisée
 * Orange: #fb5521
 * Noir: #000000
 * Blanc: #ffffff
 */

:root {
  /* Couleurs principales */
  --primary: #fb5521 !important;
  --secondary: #000000 !important;
  --primary-hover: #ff6a3d !important;
  --primary-dark: #d94619 !important;

  /* Variations RGBA de la couleur primaire (orange) */
  --rgba-primary-1: rgba(251, 85, 33, 0.1) !important;
  --rgba-primary-2: rgba(251, 85, 33, 0.2) !important;
  --rgba-primary-3: rgba(251, 85, 33, 0.3) !important;
  --rgba-primary-4: rgba(251, 85, 33, 0.4) !important;
  --rgba-primary-5: rgba(251, 85, 33, 0.5) !important;
  --rgba-primary-6: rgba(251, 85, 33, 0.6) !important;
  --rgba-primary-7: rgba(251, 85, 33, 0.7) !important;
  --rgba-primary-8: rgba(251, 85, 33, 0.8) !important;
  --rgba-primary-9: rgba(251, 85, 33, 0.9) !important;

  /* Bootstrap variables */
  --bs-primary: #fb5521 !important;
  --bs-secondary: #000000 !important;
  --bs-primary-rgb: 251, 85, 33 !important;
  --bs-secondary-rgb: 0, 0, 0 !important;

  /* Gradient avec la nouvelle couleur */
  --gradient: linear-gradient(to right, #fb5521 0%, #ff6a3d 100%) !important;
  --gradient-sec: linear-gradient(to right, #000000 0%, #333333 100%) !important;

  /* Titre */
  --title: #000000 !important;
}

/* Couleurs de texte et fond */
.text-primary,
.text-primary a {
  color: #fb5521 !important;
}

.bg-primary {
  background-color: #fb5521 !important;
}

.bg-secondary {
  background-color: #000000 !important;
}

.btn-primary {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #d94619 !important;
  border-color: #d94619 !important;
  color: #ffffff !important;
}

.btn-secondary {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  color: #fb5521 !important;
  border-color: #fb5521 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
  color: #ffffff !important;
}

/* Liens */
a {
  color: #000000 !important;
}

a:hover {
  color: #fb5521 !important;
}

/* Badges */
.badge-primary {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

.badge-secondary {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Alerts */
.alert-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
  border-color: #fb5521 !important;
  color: #d94619 !important;
}

/* Navigation */
.navbar-primary {
  background-color: #fb5521 !important;
}

.nav-link.active {
  color: #fb5521;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: #000000 !important;
}

/* Forms */
.form-control:focus {
  border-color: #fb5521 !important;
  box-shadow: 0 0 0 0.2rem rgba(251, 85, 33, 0.25) !important;
}

.form-check-input:checked {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
}

/* Progress bar */
.progress-bar {
  background-color: #fb5521 !important;
}

/* Pagination */
.page-item.active .page-link {
  color: #ffffff!important;
  background-color: #fb5521 !important;
}

.page-link {
  color: #000000 !important;
}

.page-link:hover {
  color: #ffffff!important;
  background-color: #fb5521!important;
}

/* Cards */
.card-primary {
  border-color: #fb5521 !important;
}

.card-primary .card-header {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

/* Tables */
.table-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
}

/* Dropdown */
.dropdown-item:active {
  background-color: #fb5521 !important;
}

/* Border colors */
.border-primary {
  border-color: #fb5521 !important;
}

.border-secondary {
  border-color: #000000 !important;
}

/* Custom components */
.dz-book-card .badge {
  background-color: #fb5521 !important;
}

.book-card .price {
  color: #fb5521 !important;
}

.product-price {
  color: #fb5521 !important;
}

.product-badge {
  background-color: #fb5521 !important;
}

/* Hover effects */
.hover-primary:hover {
  color: #fb5521 !important;
}

/* Icon colors */
.icon-primary {
  color: #fb5521 !important;
}

/* Footer */
.footer-primary {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Modals */
.modal-header {
  border-bottom-color: #fb5521 !important;
}

.modal-footer {
  border-top-color: #fb5521 !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
  color: #fb5521 !important;
  border-color: #fb5521 #fb5521 #fff !important;
}

.nav-tabs .nav-link:hover {
  border-color: rgba(251, 85, 33, 0.3) rgba(251, 85, 33, 0.3) #dee2e6 !important;
}

/* Breadcrumb */
.breadcrumb-item.active {
  color: #fb5521 !important;
}

.breadcrumb-item a {
  color: #4a4747 !important;
}

/* Spinners */
.spinner-border-primary {
  border-color: #fb5521 !important;
  border-right-color: transparent !important;
}

/* List group */
.list-group-item-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #d94619 !important;
}

.list-group-item.active {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
}

/* Tooltips */
.tooltip-primary .tooltip-inner {
  background-color: #fb5521 !important;
}

/* Popovers */
.popover-primary .popover-header {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}