:root {
    /* --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "Questrial", "Raleway",  sans-serif;
    --nav-font: "Poppins",  sans-serif; */
    --bleu-profond: #142934;
    --bleu-profond-clair: #2C414C;
    --orange-charte: #FF8620;
    --orange-charte-fonce: #E76E08;
}

.text-gray-100 {color: rgb(243 244 246 / var(--tw-text-opacity, 1));}
a.nav-link.active {background-color: var(--orange-charte-clair) !important;}

/* .bg-orange-charte {background-color: var(--bleu-profond);} */
.bg-orange-charte {background-color: var(--orange-charte);}
.hover\:bg-orange-charte-fonce:hover {background-color: var(--orange-charte-fonce);}

.filepond--credits {
    display: none !important;
}

.bg-light-gray {
    background-color: lightgray;
}

.btn-group .btn {
    border-radius: 0;
}

.bg-menu-bleu-fonce {
    /* background-color: #0a101c; */
    background-color: #142934;
}

.btn-group .btn:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.btn-group .btn:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

#radio-bloc .btn.bg-white {
    font-weight: normal;
    color: #000 !important;
}

#champsRetour .card-body {
    background-color: #f1f0ef;
}

.dark-mode #champsRetour .card-body {
    background-color: #343a40;
}

#radio-bloc {
    width: 100%;
}

#radio-bloc .btn.bg-white:hover {
    background-color: #e2e6ea !important;
}

#radio-bloc .btn.bg-white:has(input[disabled]) {
    pointer-events: none;
    cursor: default !important;
    background-color: #e9ecef !important;
    color: #939ba2 !important;
}

.dark-mode #radio-bloc .btn.bg-white:has(input[disabled]) {
    background-color: transparent !important;
}

#radio-bloc .btn.bg-white.active {
    background-color: lightblue !important;
    color: #000;
    border-color: #ced4da;
}

#radio-bloc label.btn {
    width: 7.5rem;
}

#scanTicket .boutonSubmit, #scanFactFourn  .boutonSubmit {
    width: 12.5rem;
    margin-bottom: 10px;
}

.hover-zoom {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform; /* Optimisation pour de meilleures performances */
}

.hover-zoom:hover {
    transform: scale(1.05); /* Grossit légèrement la carte */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); /* Accentue l'ombre pour un effet de profondeur */
}

#profile input {background-color: #fff; color: #000;}
#profile label, #profile h3 {color: rgb(55, 65, 81);}
#profile .bg-gray-50 {background-color: rgb(249 250 251);}
#profile .bg-gray-50 button {background-color: rgb(55, 65, 81);}
#profile .mt-5 {margin-top: .5rem !important;}

.user-menu .d-none.d-md-inline {display: none !important;}

.user-menu li.user-header {display: flex;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height: 75px;}
.user-menu li.user-header.bg-info {background-color: transparent !important; color: #000 !important;}
.dark-mode .user-menu li.user-header.bg-info {background-color: #3a4047 !important; color: #fff !important;}
.user-menu li.user-header img {height: 50px !important; width: 50px !important;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {margin-top: 12px !important; margin-left: 10px !important;}

.bg-bleu-profond {background-color: var(--bleu-profond);}
.bg-bleu-profond-clair {background-color: var(--bleu-profond-clair);}

@media (max-width: 768px) {
    .nav-item > .nav-link[data-widget="fullscreen"] {
        display: none !important;
    }
}

@media screen and (min-width: 365px) {
    #radio-bloc label.btn {
        width: auto;
    }

    .description-block {margin: 5px 0;}
}