/* ==== Thème admin sombre + bordeaux ==== */
:root{
  --brand-bordeaux:#7b1e3a;
  --brand-bordeaux-600:#6d1b34;
  --brand-bordeaux-700:#5e172d;

  --panel-900:#0e0e0e;
  --panel-800:#121418;
  --panel-700:#171a1f;
  --panel-border:#2a2f36;
  --ink:#e9e9e9;
  --ink-soft:#c2c7ce;
}

body{
  background-color: var(--panel-900);
  color: var(--ink);
}

/* Navbar */
.navbar{
  background:#0b0d11;
  border-bottom:1px solid #333;
}

/* Cartes & tables plus lisibles en sombre */
.card.bg-secondary{
  background-color: var(--panel-800) !important;
  border: 1px solid var(--panel-border) !important;
  color: var(--ink) !important;
}
.table{
  color: var(--ink);
}
.table.table-dark{
  --bs-table-bg: var(--panel-700);
  --bs-table-striped-bg: rgba(255,255,255,.03);
  --bs-table-hover-bg: rgba(255,255,255,.05);
  border-color: var(--panel-border);
}
.table td,
.table th{ vertical-align: middle; }

/* Badges */
.badge-bordeaux{
  background: var(--brand-bordeaux) !important;
  color:#fff !important;
}
.text-bordeaux{ color: var(--brand-bordeaux) !important; }
.bg-bordeaux{ background: var(--brand-bordeaux) !important; color:#fff !important; }

/* Progress */
.progress{ background: rgba(255,255,255,.08); }
.progress-bar.bg-bordeaux{ background-color: var(--brand-bordeaux) !important; }

/* Bouton bordeaux (cohérent Bootstrap 5 vars) */
.btn-bordeaux{
  --bs-btn-color:#fff;
  --bs-btn-bg: var(--brand-bordeaux);
  --bs-btn-border-color: var(--brand-bordeaux);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg: var(--brand-bordeaux-600);
  --bs-btn-hover-border-color: var(--brand-bordeaux-600);
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg: var(--brand-bordeaux-700);
  --bs-btn-active-border-color: var(--brand-bordeaux-700);
  box-shadow: 0 6px 18px rgba(123,30,58,.25);
}
.btn-bordeaux:hover{ box-shadow: 0 10px 26px rgba(123,30,58,.35); }

/* Bouton outline secondaire + hover bordeaux */
.btn-outline-secondary{
  border-color:#555;
  color:#bbb;
}
.btn-outline-secondary:hover{
  color:#fff;
  border-color: var(--brand-bordeaux);
  background: var(--brand-bordeaux);
}

/* Bouton outline clair : hover un peu plus franc */
.btn-outline-light:hover{
  color:#0b0d11;
  background:#fff;
}

/* Icônes “star” en bordeaux quand marquées */
.text-bordeaux .fa-star,
.fa-star.text-bordeaux{ color: var(--brand-bordeaux) !important; }

/* Petites aides de contraste */
.alert-success{ background: rgba(25,135,84,.15); color:#cfe8db; border-color: rgba(25,135,84,.35); }
.alert-danger{  background: rgba(220,53,69,.12); color:#ffd6db; border-color: rgba(220,53,69,.35); }
.alert-warning{ background: rgba(123,30,58,.18); color:#ffe8ee; border-color: rgba(123,30,58,.45); }

/* Conteneur de la pagination */
nav[aria-label="Pagination"] .pagination {
  padding: 0.4rem 0.7rem;
}

/* Liens de page */
nav[aria-label="Pagination"] .page-link {
  background: var(--surface-card);
  border: 1px solid #1c2027;
  color: var(--ink-3);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
  min-width: 2rem;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.2;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  transition:
    background-color var(--dur-std) var(--easing-std),
    color var(--dur-std) var(--easing-std),
    border-color var(--dur-std) var(--easing-std),
    box-shadow var(--dur-std) var(--easing-std),
    transform var(--dur-fast) var(--easing-std);
}

/* Hover + focus */
nav[aria-label="Pagination"] .page-link:hover,
nav[aria-label="Pagination"] .page-link:focus-visible {
  background: var(--plate-c);
  color: var(--ink-1);
  border-color: var(--brand-bordeaux);
  transform: translateY(-1px);
  text-decoration: none;
  outline: none;
}

/* Anneau de focus accessible */
nav[aria-label="Pagination"] .page-link:focus-visible {
  box-shadow: var(--btn-ring), var(--btn-shadow);
}

/* Page active */
nav[aria-label="Pagination"] .page-item.active .page-link {
  background: linear-gradient(
    135deg,
    var(--brand-bordeaux),
    var(--brand-bordeaux-700)
  );
  border-color: transparent;
  color: var(--ink-1);
  font-weight: 600;
  transform: translateY(-1px);
}

/* Éléments désactivés (ex: précédent à la page 1) */
nav[aria-label="Pagination"] .page-item.disabled .page-link {
  background: var(--surface-dark);
  border-color: #181b21;
  color: rgba(191, 197, 205, 0.4); /* ink-muted adouci */
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

/* Chevrons « » */
nav[aria-label="Pagination"] .page-link[aria-label="Previous"],
nav[aria-label="Pagination"] .page-link[aria-label="Next"] {
  font-size: 0.9rem;
  padding-inline: 0.6rem;
}

/* Responsive: on resserre un peu sur mobile */
@media (max-width: 480px) {
  nav[aria-label="Pagination"] .pagination {
    padding: 0.25rem 0.5rem;
  }

  nav[aria-label="Pagination"] .page-link {
    padding: 0.2rem 0.55rem;
    font-size: 0.8rem;
  }
}