/* assets/styles/app.css */

dialog {
    /* Nécessaire pour que gsap puisse surcharger */
    visibility: hidden;
    opacity: 0;
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

dialog[open]::backdrop {
    opacity: 1;
}

/* Optionnel : un petit blur moderne */
dialog::backdrop {
    backdrop-filter: blur(3px);
}
dialog {
    margin: auto !important; /* Vital pour le centrage natif */
    max-width: 100%;
    max-height: 100%;

    /* Le reste de tes styles pour l'animation */
    visibility: hidden;
    opacity: 0;
}
.min-w-1500px{
    min-width: 1500px;
}

#reservation-dialog #reservation-dialog-content .no-hover:hover {
    /* Réinitialiser les styles au state normal */
    background-color: inherit !important;
    color: inherit !important;
    transform: none !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: auto;
}

#reservation-dialog #reservation-dialog-content .no-hover:hover::after
{
    border-color: transparent !important;
    background-color: transparent !important;
}
/* Quand un lien Turbo Stream est en cours de chargement */
a[data-turbo-stream][aria-busy="true"] {
    opacity: 0.7;
    pointer-events: none; /* Empêche le double-clic */
    cursor: wait;
}

/* Optionnel : Faire tourner l'icône pendant le chargement */
a[data-turbo-stream][aria-busy="true"] i {
    display: inline-block;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}