/* Import de Tailwind CSS (via CDN dans le HTML, mais ces classes de base sont utiles) */
/* Ce fichier contient les styles personnalisés qui ne sont pas gérés par les classes Tailwind */

body {
    -webkit-tap-highlight-color: transparent; /* Empêche le flash gris sur les éléments cliquables sur mobile */
}

/* --- CORRECTION: Style pour la notification (toast) --- */
#toast-notification {
    top: 5rem; /* Positionnement sous le header */
    right: 1.25rem;
    z-index: 100;
    opacity: 0; /* Invisible par défaut */
    visibility: hidden; /* Complètement cachée et non cliquable */
    transform: translateX(100%); /* Positionnée hors de l'écran à droite */
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease-out; /* Animation douce */
}

/* Classe à ajouter en JavaScript pour faire apparaître la notification */
#toast-notification.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); /* Revient à sa position normale */
}


/* Animations pour les modales */
.modal-enter {
    animation: fadeIn 0.3s ease-out forwards;
}

.modal-leave {
    animation: fadeOut 0.3s ease-in forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes fadeOut {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(0.95); }
}

/* Style pour la barre de navigation active */
.nav-active {
    color: #2563eb; /* text-blue-600 */
}

/* Style pour la zone de signature pour s'assurer qu'elle est bien visible */
#signature-canvas, #tech-signature-canvas {
    border: 1px dashed #ccc;
    border-radius: 0.375rem; /* rounded-md */
    cursor: crosshair;
}

/* S'assurer que le body ne scrolle pas quand une modale est ouverte */
body.modal-open {
    overflow: hidden;
}

/* Styles pour les placeholders des inputs */
input::placeholder, textarea::placeholder {
    color: #9ca3af; /* text-gray-400 */
}

/* --- Styles pour l'animation du switcher (toggle) --- */
#show-all-tasks-toggle:checked ~ .relative .block {
    background-color: #3b82f6; /* Correspond à bg-blue-500 de Tailwind */
}

#show-all-tasks-toggle:checked ~ .relative .dot {
    transform: translateX(1.5rem); /* Fait glisser le cercle vers la droite */
}


/* --- Styles pour l'accordéon des écoles --- */
.school-details {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
    padding-top: 0;
    padding-bottom: 0;
}

.school-details.expanded {
    max-height: 40rem; /* Valeur assez grande pour contenir les détails */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.school-header .accordion-arrow {
    transition: transform 0.4s ease-in-out;
}

.school-header.expanded .accordion-arrow {
    transform: rotate(180deg);
}


/* Animation pour l'apparition du logo */
@keyframes fade-in {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fade-in 0.6s ease-out forwards;
}