@import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

html, body {
    overflow: hidden;
    height: 100%;
}

body {
    background-color: white;
}

.modal {
    @apply hidden fixed top-0 left-0 w-full h-full outline-none;
    z-index: 1072!important;
}

.modal-dialog {
    z-index: 1073!important;
}

.modal.show {
    @apply block
}

.modal-backdrop {
    @apply relative bg-black top-0 left-0;
    z-index: -1!important;
    width: 100vw;
    height: 100vh;
}

.modal-backdrop.fade {
    @apply opacity-0
}

.modal-backdrop.show {
    @apply opacity-50
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

::-webkit-scrollbar {
    @apply w-2 h-1;
    /* Ajuster la largeur et la hauteur de la scrollbar */
}

::-webkit-scrollbar-thumb {
    @apply bg-green-600;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-green-700;
}

::-webkit-scrollbar-track {
    @apply bg-white;
}

#searchResults::-webkit-scrollbar {
    @apply w-2 h-1;
    /* Ajuster la largeur et la hauteur de la scrollbar */
}

#searchResults::-webkit-scrollbar-thumb {
    @apply bg-green-600 rounded-r-sm;
}

#searchResults::-webkit-scrollbar-thumb:hover {
    @apply bg-green-700;
}

#searchResults::-webkit-scrollbar-track {
    @apply bg-gray-700;
}

/* Firefox uniquement — évite le conflit avec les pseudo-éléments webkit sur Chrome 121+ */
@supports (-moz-appearance: none) {
    * {
        scrollbar-width: thin;
        scrollbar-color: #16a34a transparent;
    }

    .dark * {
        scrollbar-color: #16a34a #1f2937;
    }
}

/* Dark mode — webkit track */
.dark ::-webkit-scrollbar-track {
    @apply bg-gray-800;
}

/* Supprime les flèches de la scrollbar */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
    display: none;
    width: 0;
    height: 0;
}

///* Custom styles for the scrollbar buttons */
//::-webkit-scrollbar-button {
//    @apply bg-gray-700;
//    height: 10px; /* Adjust the height of the scrollbar buttons */
//    width: 10px; /* Adjust the width of the scrollbar buttons */
//}
//
//::-webkit-scrollbar-button:vertical:decrement {
//    @apply bg-gray-700;
//    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 8l6 6H6z'/%3E%3C/svg%3E");
//}
//
//::-webkit-scrollbar-button:vertical:increment {
//    @apply bg-gray-700;
//    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E");
//}