/* =====================================================
   DATEPICKER (Bootstrap-datepicker) – Drupal 10 FIX
   Objectif :
   - Neutraliser Bootstrap 5
   - Restaurer le rendu Drupal 9
   - Fond opaque + pas de lignes
   - Support jours / mois / années / décennies / siècles
   ===================================================== */


/* -----------------------------------------------------
   1. Conteneur principal
   ----------------------------------------------------- */
.datepicker {
  background-color: #ffffff !important;
  border: 1px solid #ddd;
  padding: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


/* -----------------------------------------------------
   2. Table interne (fond & structure)
   ----------------------------------------------------- */
.datepicker table {
  background-color: #ffffff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}


/* -----------------------------------------------------
   3. Reset Bootstrap (bordures / lignes / effets)
   ----------------------------------------------------- */
.datepicker table,
.datepicker thead,
.datepicker tbody,
.datepicker tr,
.datepicker th,
.datepicker td {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}


/* -----------------------------------------------------
   4. Header (mois / année / décennie / siècle)
   ----------------------------------------------------- */
.datepicker thead tr:first-child th {
  background-color: #1f3f91 !important;
  color: #ffffff !important;
}


/* -----------------------------------------------------
   5. Jours de la semaine (vue jours uniquement)
   ----------------------------------------------------- */
.datepicker-days thead tr:last-child th {
  background-color: #ffffff !important;
}


/* -----------------------------------------------------
   6. Vue JOURS (td.day)
   ----------------------------------------------------- */
.datepicker-days td {
  background-color: transparent;
}

/* Jours désactivés */
.datepicker-days table tr td.disabled,
.datepicker-days table tr td.disabled:hover {
  background-color: #ffffff;
}


/* -----------------------------------------------------
   7. Vues MOIS / ANNEES / DECADES / CENTURIES (span)
   ----------------------------------------------------- */

/* Base commune */
.datepicker table tr td span.month,
.datepicker table tr td span.year,
.datepicker table tr td span.decade,
.datepicker table tr td span.century {
  display: inline-block;
  margin: 4px;
  padding: 6px 0;
  width: 64px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  color: #333;
  background-color: transparent;
}

/* Hover */
.datepicker table tr td span.month:hover,
.datepicker table tr td span.year:hover,
.datepicker table tr td span.decade:hover,
.datepicker table tr td span.century:hover {
  background-color: #e6ecff;
}

/* Sélection / focus */
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.focused {
  background-color: #4c6ef5;
  color: #ffffff;
}

/* Désactivé */
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  color: #bbb;
  background-color: transparent;
  cursor: default;
}

/* Hors période (old / new) */
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #bbb;
}


/* -----------------------------------------------------
   8. Sécurité anti-transparence héritée
   ----------------------------------------------------- */
.datepicker *,
.datepicker *::before,
.datepicker *::after {
  background-clip: padding-box;
}




/* -----------------------------------------------------
   9. Fix spécifique pour les tableaux de toutes les vues
   ----------------------------------------------------- */
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
  background-color: #f5f5f5 !important;
  width: 100%;
}

.datepicker-months table tr,
.datepicker-years table tr,
.datepicker-decades table tr,
.datepicker-centuries table tr {
  background-color: transparent !important;
}