/* Couleur du thème par défaut, tant que applyBranding() (chargée après l'appel
   API SocietyInfo) n'a pas encore posé --kt-primary sur documentElement. */
:root {
  --kt-primary: #cc9966;
  --kt-primary-rgb: 204, 153, 102;
}

/* Boutons "Fermer"/"Annuler" des modales : gris foncé au survol au lieu de la
   couleur accent du thème, taille inchangée par rapport au repos. */
.btn.btn-light.btn-light-close:hover:not(.btn-active),
.btn.btn-light.btn-light-close:focus:not(.btn-active),
.btn.btn-light.btn-light-close:active:not(.btn-active) {
  background-color: #d9dbe3 !important;
  border-color: #d9dbe3 !important;
  color: #3f4254 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Bouton "x" (icône) fermer une modale : neutre, pas de remplissage couleur accent. */
.modal-icon-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  color: #7e8299;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}
.modal-icon-close-btn:hover,
.modal-icon-close-btn:focus,
.modal-icon-close-btn:active {
  color: #7e8299;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

/* Bouton déclencheur du date-range (toolbar) : c'est un .btn-light générique,
   donc sans cette règle il suit le défaut gris de .btn.btn-light:hover (voulu
   pour les boutons "Fermer"/"Annuler" des modales, pas ici). On fixe explicitement
   sa couleur de fond sur --kt-primary (posé par défaut dans ce fichier tant que
   applyBranding() n'a pas tourné, donc fiable même si primary_color est vide en
   base). Le texte est dans un <div class="text-gray-600"> qui garde sa propre
   couleur grise fixe même au survol du bouton parent (l'utilitaire text-gray-600
   ne suit pas :hover) — on force le blanc explicitement sur le texte au survol. */
[dashboard-kt-daterangepicker]:hover {
  background-color: var(--kt-primary) !important;
  border-color: var(--kt-primary) !important;
  color: #fff !important;
}
[dashboard-kt-daterangepicker]:hover .text-gray-600 {
  color: #fff !important;
}
/* L'icône calendrier (span.svg-icon > svg[fill=currentColor]) a sa propre
   couleur grise fixe (.svg-icon { color: #a1a5b7 }), donc elle n'hérite pas
   du blanc posé sur le wrapper au survol. En plus, style.bundle.css (vendor)
   a une règle ".btn.btn-light:hover:not(.btn-active) .svg-icon { color:
   #7E8299 }" en spécificité (0,5,0) sans !important qui la repasse en gris
   encore plus fort — d'où l'icône restant grise même après le fix du fond.
   On force le blanc explicitement ici, en !important, pour battre les deux. */
[dashboard-kt-daterangepicker]:hover .svg-icon {
  color: #fff !important;
}

/* Calendrier du date-range (jours + liste de raccourcis "Aujourd'hui", "7
   derniers jours", etc.) : la librairie vendue (plugins.bundle.css) fixe un
   survol gris plat (#eee) par défaut. applyBranding() écrase déjà ces règles
   en JS une fois primary_color chargé depuis l'API, mais si ce champ est vide
   en base ce correctif JS ne s'applique jamais et on retombe sur le gris de
   la librairie. On pose donc la même valeur ici en statique (fallback
   --kt-primary de ce fichier), pour un survol coloré theme même sans JS. */
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: rgba(var(--kt-primary-rgb), 0.1) !important;
  color: var(--kt-primary) !important;
}
.daterangepicker .ranges li:hover {
  background-color: var(--kt-primary) !important;
  color: #fff !important;
}

/* Menu latéral réduit : seul le petit logo (Q) reste, centré ; le logo complet et le
   bouton de réduction reviennent au survol */
.aside .aside-logo .aside-logo-link { margin-left: 30px; }
.aside .aside-logo .logo-minimize { display: none; }
@media (min-width: 992px) {
    [data-kt-aside-minimize=on] .aside:not(:hover) .aside-logo .logo-minimize { display: inline-block; }
    [data-kt-aside-minimize=on] .aside:not(:hover) .aside-logo .aside-logo-link { margin-left: 0; }
    [data-kt-aside-minimize=on] .aside:not(:hover) .aside-logo .aside-toggle { display: none; }
}