@tailwind base;
@tailwind components;
@tailwind utilities;

/* Animation d'apparition fluide */
.fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Scrollbar invisible (pour Chrome/Safari) */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
/* Scrollbar invisible (pour Firefox/IE) */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Correction Flatpickr */
.flatpickr-calendar {
    font-family: inherit !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
.dark .flatpickr-calendar {
    background: #18181b !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}
.dark .flatpickr-day {
    color: #e4e4e7 !important;
}
.dark .flatpickr-day:hover {
    background: #27272a !important;
}

/* --- ANIMATION CERCLE & TRANSITIONS --- */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}
::view-transition-new(root) {
    z-index: 9999;
}
::view-transition-old(root) {
    z-index: 1;
}

/* --- PERSONNALISATION DES SCROLLBARS (Nouvelles Barres Fines) --- */

/* Pour Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
    width: 6px;      /* Largeur verticale */
    height: 6px;     /* Hauteur horizontale */
}

::-webkit-scrollbar-track {
    background: transparent; /* Fond transparent */
}

::-webkit-scrollbar-thumb {
    background-color: #cbd5e1; /* Gris clair par défaut */
    border-radius: 20px;       /* Bords arrondis */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8; /* Un peu plus foncé au survol */
}

/* Mode Sombre : Adaptation des couleurs */
.dark ::-webkit-scrollbar-thumb {
    background-color: #27272a; /* Couleur du dark-border */
}

.dark ::-webkit-scrollbar-thumb:hover {
    background-color: #3f3f46; /* Un peu plus clair au survol */
}

/* Pour Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.dark * {
    scrollbar-color: #27272a transparent;
}