/*
 * Surcouche de thème pour l'admin Empire NPG FC.
 *
 * Le template (admin-template/css/app.css) est un build Tailwind figé, généré
 * pour les 90 pages HTML d'origine : il ne connaît donc ni notre couleur de
 * marque (or #D4AF37 / noir), ni certaines classes utilitaires qu'on utilise
 * dans nos propres vues (opacités bg-primary/10, variantes file:, etc.) et qui
 * n'existaient pas dans ces pages d'origine — elles étaient donc silencieusement
 * sans effet. Ce fichier redéfinit la palette "primary"/"accent" du template en
 * or de la marque et ajoute les quelques classes manquantes réellement utilisées.
 * Chargé après app.css pour gagner la cascade sur les mêmes sélecteurs.
 */

/* ---- Palette de marque ----
   primary       #B8941E (or-dark)  — mode clair, boutons/liens/focus
   primary-focus #9C7D1A            — survol/appui, plus sombre
   accent        #D4AF37 (or)       — mode sombre, boutons/liens/focus
   accent-focus  #B8941E            — survol/appui en mode sombre
   accent-light  #E8C547 (or-light) — texte/icônes accent sur fond sombre
*/

.bg-primary{background-color:#B8941E}
.text-primary{color:#B8941E}
.border-primary{border-color:#B8941E}
.border-r-primary{border-right-color:#B8941E}
.bg-primary-focus{background-color:#9C7D1A}
.ring-primary{--tw-ring-color:#B8941E}
.decoration-primary{text-decoration-color:#B8941E}
.checked\:border-primary:checked{border-color:#B8941E}
.checked\:bg-primary:checked{background-color:#B8941E}
.checked\:before\:bg-primary:checked:before{background-color:#B8941E}
.before\:bg-primary:before{background-color:#B8941E}
.focus-within\:\!border-primary:focus-within{border-color:#B8941E!important}
.hover\:border-primary:hover{border-color:#B8941E}
.hover\:bg-primary:hover{background-color:#B8941E}
.hover\:bg-primary-focus:hover{background-color:#9C7D1A}
.hover\:text-primary:hover{color:#B8941E}
.hover\:text-primary-focus:hover{color:#9C7D1A}
.focus\:border-primary:focus{border-color:#B8941E}
.focus\:bg-primary:focus{background-color:#B8941E}
.focus\:bg-primary-focus:focus{background-color:#9C7D1A}
.focus\:text-primary:focus{color:#B8941E}
.focus\:text-primary\/70:focus{color:rgba(184,148,30,.7)}
.group:hover .group-hover\:text-primary{color:#B8941E}
.group:focus .group-focus\:text-primary{color:#B8941E}
.peer:focus~.peer-focus\:text-primary{color:#B8941E}

:is(.dark .dark\:border-accent){border-color:#D4AF37}
:is(.dark .dark\:border-accent-light){border-color:#E8C547}
:is(.dark .dark\:border-r-accent){border-right-color:#D4AF37}
:is(.dark .dark\:bg-accent){background-color:#D4AF37}
:is(.dark .dark\:bg-accent-focus){background-color:#B8941E}
:is(.dark .dark\:text-accent){color:#D4AF37}
:is(.dark .dark\:text-accent-light){color:#E8C547}
:is(.dark .dark\:ring-accent){--tw-ring-color:#D4AF37}
:is(.dark .dark\:ring-accent\/50){--tw-ring-color:rgba(212,175,55,.5)}
:is(.dark .dark\:before\:bg-accent):before{background-color:#D4AF37}
:is(.dark .dark\:checked\:border-accent:checked){border-color:#D4AF37}
:is(.dark .dark\:checked\:bg-accent:checked){background-color:#D4AF37}
:is(.dark .dark\:checked\:before\:bg-accent:checked):before{background-color:#D4AF37}
:is(.dark .dark\:focus-within\:\!border-accent:focus-within){border-color:#D4AF37!important}
:is(.dark .dark\:hover\:border-accent:hover){border-color:#D4AF37}
:is(.dark .dark\:hover\:bg-accent:hover){background-color:#D4AF37}
:is(.dark .dark\:hover\:bg-accent-focus:hover){background-color:#B8941E}
:is(.dark .dark\:hover\:text-accent:hover){color:#D4AF37}
:is(.dark .dark\:hover\:text-accent-light:hover){color:#E8C547}
:is(.dark .dark\:focus\:border-accent:focus){border-color:#D4AF37}
:is(.dark .dark\:focus\:bg-accent:focus){background-color:#D4AF37}
:is(.dark .dark\:focus\:bg-accent-focus:focus){background-color:#B8941E}
:is(.dark .dark\:focus\:text-accent:focus){color:#D4AF37}
:is(.dark .group:hover .dark\:group-hover\:text-accent){color:#D4AF37}
:is(.dark .group:hover .dark\:group-hover\:text-accent-light){color:#E8C547}
:is(.dark .group:focus .dark\:group-focus\:text-accent){color:#D4AF37}
:is(.dark .peer:focus~.dark\:peer-focus\:text-accent){color:#D4AF37}
.border-accent{border-color:#D4AF37}
.bg-accent{background-color:#D4AF37}

/* Composants tiers (sélecteur de date, notifications toast, pagination des tableaux) */
.tippy-box[data-theme~=primary]{background-color:#B8941E;color:#fff}
.tippy-box[data-theme~=primary]>.tippy-svg-arrow svg{color:#B8941E}
.toastify.primary{background-color:#B8941E;color:#fff}
:is(.dark .toastify.primary){background-color:#D4AF37}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{
  background-color:#B8941E;border-color:#B8941E;color:#fff;
}
.gridjs-pages button.gridjs-currentPage{background-color:#B8941E;color:#fff}

/* ---- Classes utilitaires absentes du build d'origine mais utilisées dans nos vues ---- */
.bg-primary\/5{background-color:rgba(184,148,30,.05)}
.bg-primary\/10{background-color:rgba(184,148,30,.1)}
.hover\:bg-primary\/10:hover{background-color:rgba(184,148,30,.1)}
.active\:bg-primary-focus\/90:active{background-color:rgba(156,125,26,.9)}
.border-primary\/40{border-color:rgba(184,148,30,.4)}
.ring-primary\/40{--tw-ring-color:rgba(184,148,30,.4)}
:is(.dark .dark\:bg-accent\/10){background-color:rgba(212,175,55,.1)}
:is(.dark .dark\:bg-accent\/15){background-color:rgba(212,175,55,.15)}
:is(.dark .dark\:active\:bg-accent\/90:active){background-color:rgba(212,175,55,.9)}
:is(.dark .dark\:ring-accent\/40){--tw-ring-color:rgba(212,175,55,.4)}
:is(.dark .dark\:text-accent-light\/80){color:rgba(232,197,71,.8)}

/* Bouton de sélection de fichier (variante file:, absente du build d'origine) */
.file\:mr-3::file-selector-button{margin-right:.75rem}
.file\:rounded-lg::file-selector-button{border-radius:.5rem}
.file\:border-0::file-selector-button{border-width:0}
.file\:bg-primary\/10::file-selector-button{background-color:rgba(184,148,30,.1)}
.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}
.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}
.file\:text-primary::file-selector-button{color:#B8941E}
:is(.dark .dark\:file\:bg-accent\/10)::file-selector-button{background-color:rgba(212,175,55,.1)}
:is(.dark .dark\:file\:text-accent-light)::file-selector-button{color:#E8C547}

/* ---- Variantes responsives absentes du build d'origine (aucune page des 90 modèles
   d'origine n'utilisait ces classes lg:/sm:, elles n'ont donc jamais été compilées) ---- */
@media (min-width:640px){
  .sm\:flex{display:flex}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
}
/* Classe absente du build d'origine : aperçu d'image non recadré dans le dropzone */
.object-contain{object-fit:contain}

/* rotate-* absent du build d'origine (aucune des 90 pages ne l'utilisait). Déclaré ici en
   transform direct — sans dépendre d'une classe "transform" séparée qu'aucun élément ne
   porte réellement. Corrige au passage la rotation au survol du logo, jamais fonctionnelle. */
.hover\:rotate-\[360deg\]:hover{transform:rotate(360deg)}
.rotate-180{transform:rotate(180deg)}

/* Espacements absents du build d'origine, utilisés dans le nouveau panneau "Contenu" */
.pl-3{padding-left:.75rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.gap-2\.5{gap:.625rem}

/* Espacements absents du build d'origine, utilisés pour aérer les listes admin */
.mb-6{margin-bottom:1.5rem}

@media (min-width:1024px){
  .lg\:col-span-1{grid-column:span 1 / span 1}
  .lg\:col-span-2{grid-column:span 2 / span 2}
  .lg\:col-span-3{grid-column:span 3 / span 3}
  .lg\:flex-col{flex-direction:column}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:overflow-visible{overflow:visible}
  .lg\:p-7{padding:1.75rem}
  .lg\:whitespace-normal{white-space:normal}
}