@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* _content/rallyeManager/Components/EditCommentModal.razor.rz.scp.css */
/* Centrer le modal et ajuster sa taille */

.blazored-modal-container[b-yr83mgvpgw] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-modal[b-yr83mgvpgw] {
    max-width: 500px; /* Ajustez la largeur maximale selon vos préférences */
}

    .custom-modal .modal-content[b-yr83mgvpgw] {
        margin: 0 auto;
    }
/* Style pour le modal-header */
.modal-header[b-yr83mgvpgw] {
    background-color: #f8f9fa; /* Couleur de fond légère */
    border-bottom: 1px solid #dee2e6; /* Bordure inférieure */
}

/* Style pour le titre du modal */
.modal-title[b-yr83mgvpgw] {
    font-size: 1.5rem; /* Augmente la taille du texte */
    font-weight: bold; /* Met le texte en gras */
    color: #343a40; /* Couleur du texte (gris foncé) */
    margin: 0; /* Supprime les marges par défaut */
}

/* Style pour le bouton de fermeture */
.btn-close[b-yr83mgvpgw] {
    background: none;
    border: none;
    font-size: 1.5rem;
    opacity: 0.5;
    cursor: pointer;
}

    .btn-close:hover[b-yr83mgvpgw] {
        opacity: 0.75;
    }
/* _content/rallyeManager/Components/Layout/ConnectionStatus.razor.rz.scp.css */
.connection-banner[b-bvdvhwxq5r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0.5em 1em;
    font-weight: bold;
    z-index: 10000;
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0.5s ease, transform 0.5s ease, background-color 0.5s;
}

    .connection-banner.show[b-bvdvhwxq5r] {
        background-color: #ffc107; /* jaune */
        color: black;
        opacity: 1;
        transform: translateY(0);
    }

    .connection-banner.reconnected[b-bvdvhwxq5r] {
        background-color: #28a745; /* vert succ�s */
        color: white;
        opacity: 1;
        transform: translateY(0);
    }

    .connection-banner.hide[b-bvdvhwxq5r] {
        opacity: 0;
        transform: translateY(-100%);
    }

.progress-bar[b-bvdvhwxq5r] {
    background: #e0e0e0;
    height: 4px;
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
}

.progress-bar-fill[b-bvdvhwxq5r] {
    background: black;
    height: 100%;
    width: 0;
    transition: width 0.2s linear;
}
/* _content/rallyeManager/Components/Layout/LanguageSelector.razor.rz.scp.css */
.language-selector[b-757ytjps4t] {
    display: flex;
    gap: 0.5rem;
}

@media (min-width: 641px) {
    .language-container[b-757ytjps4t] {
        flex-direction: column;
        align-items: center;
    }
}

/* _content/rallyeManager/Components/Layout/MainLayout.razor.rz.scp.css */
/* AppBar fix�e en haut avec z-index �lev� pour rester visible */
.app-bar-fixed[b-lbkjpubbhc] {
    z-index: 1100;
}

/* D�cale le contenu principal pour ne pas passer sous l�AppBar */
.main-content-with-appbar[b-lbkjpubbhc] {
    margin-top: 64px; /* Hauteur standard de MudAppBar */
}

/* Place le s�lecteur de langue en bas du drawer */
.language-drawer-footer[b-lbkjpubbhc] {
    margin-top: auto;
    padding: 1rem;
    display: flex;
    justify-content: center;
}

/* Style optionnel du drawer si tu veux une apparence plus claire */
.custom-nav[b-lbkjpubbhc] {
    background: linear-gradient(to bottom, #ffffff, #f7f7f7);
    border-right: none;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.08);
}

/* Am�lioration de l'affichage responsive pour les liens dans NavMenu */
.mud-nav-link[b-lbkjpubbhc] {
    border-radius: 0.75rem;
    padding: 0.8rem 1.2rem;
    margin: 0.5rem 0.7rem;
    font-size: 1rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: #333;
}

    .mud-nav-link:hover[b-lbkjpubbhc] {
        background-color: #e8f0ff;
        transform: scale(1.02);
    }

    .mud-nav-link.mud-nav-link-active[b-lbkjpubbhc] {
        background-color: #c9e2ff;
        color: #0056a2;
        font-weight: bold;
        border-left: 5px solid #0078d4;
    }
/* _content/rallyeManager/Components/Layout/NavMenu.razor.rz.scp.css */
.custom-nav[b-vbgm1dsguo] {
    background: linear-gradient(to bottom, #fafbff, #f3f6fb);
    border-right: none;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.08);
    border-radius: 0 1rem 1rem 0;
}

.header-highlight[b-vbgm1dsguo] {
    background-color: var(--mud-palette-primary);
    color: white;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem;
}

.menu-title[b-vbgm1dsguo] {
    font-weight: bold;
    font-size: 1.3rem;
    letter-spacing: 0.05rem;
    color: white;
}

.language-wrapper[b-vbgm1dsguo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.mud-nav-link[b-vbgm1dsguo] {
    border-radius: 0.75rem;
    padding: 0.8rem 1.2rem;
    margin: 0.5rem 0.7rem;
    font-size: 1rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--mud-palette-text-primary);
}

    .mud-nav-link:hover[b-vbgm1dsguo] {
        background-color: var(--mud-palette-primary-hover);
        color: var(--mud-palette-primary-contrast);
    }

    .mud-nav-link.mud-nav-link-active[b-vbgm1dsguo] {
        background-color: var(--mud-palette-primary);
        color: var(--mud-palette-primary-contrast);
        font-weight: bold;
        border-left: 5px solid var(--mud-palette-secondary);
    }
/* _content/rallyeManager/Components/Modals/ErrorModal.razor.rz.scp.css */
:deep(.modal-header.bg-danger)[b-zvt4757pr7] {
    background-color: #dc3545 !important; /* Rouge Bootstrap */
}

:deep(.btn-close-white)[b-zvt4757pr7] {
    filter: invert(1);
}
/* _content/rallyeManager/Components/Pages/Admin/EquipageDetailModal.razor.rz.scp.css */
:deep(.card)[b-0azymvrzox] {
    border-radius: 8px;
    overflow: hidden;
}

:deep(.card-header)[b-0azymvrzox] {
    /* Couleur de fond et couleur du texte d�j� d�finies par bg-primary text-white, 
       vous pouvez ajouter des effets d'ombre par exemple */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

:deep(.list-group-item)[b-0azymvrzox] {
    border: none; /* Retire la bordure si vous voulez un look �pur� */
    padding: 0.75rem 1rem;
}

:deep(.list-group-item:not(:last-child))[b-0azymvrzox] {
    border-bottom: 1px solid #dee2e6; /* S�parateur discret */
}

.comment-text[b-0azymvrzox] {
    cursor: pointer;
}

    .comment-text:hover[b-0azymvrzox] {
        text-decoration: underline;
    }
/* _content/rallyeManager/Components/Pages/Admin/EquipageRow.razor.rz.scp.css */
.publicationEffectuee[b-hiwzvicaff] {
    background-color: lightgreen;
}

.enAttente[b-hiwzvicaff] {
    background-color: lightyellow;
}

.enCours[b-hiwzvicaff] {
    background-color: lightblue;
}

.montageTermine[b-hiwzvicaff] {
    background-color: lightpink;
}

.annule[b-hiwzvicaff] {
    background-color: red;
}

.form-switch .form-check-input[b-hiwzvicaff] {
    width: 2.5em; /* Largeur du switch */
    height: 1.25em; /* Hauteur du switch */
    transform: scale(1.25); /* Agrandir l'ensemble du switch */
    cursor: pointer; /* Changer le curseur au survol */
}

    .form-switch .form-check-input[b-hiwzvicaff]:before {
        width: 1.25em; /* Largeur du bouton rond */
        height: 1.25em; /* Hauteur du bouton rond */
    }

    .form-switch .form-check-input:checked[b-hiwzvicaff] {
        background-color: green; /* Couleur verte quand activé */
        border-color: green;
    }

    .form-switch .form-check-input:not(:checked)[b-hiwzvicaff] {
        background-color: #ff6666; /* Couleur rouge quand désactivé */
        border-color: #ff6666;
    }

.form-switch[b-hiwzvicaff] {
    margin-bottom: 1rem; /* Espacement en dessous */
}

.form-check-label[b-hiwzvicaff] {
    margin-left: 0.7rem; /* Ajouter de l'espace entre le switch et le label */
    vertical-align: middle; /* Aligner verticalement le label avec le switch */
}
/* _content/rallyeManager/Components/Pages/Admin/RallyeEquipagesTable.razor.rz.scp.css */
.publicationEffectuee[b-e19okhkq6i] {
    background-color: lightgreen;
}

.enAttente[b-e19okhkq6i] {
    background-color: lightyellow;
}

.enCours[b-e19okhkq6i] {
    background-color: lightblue;
}

.montageTermine[b-e19okhkq6i] {
    background-color: lightpink;
}

.annule[b-e19okhkq6i] {
    background-color: red;
}

.form-switch .form-check-input[b-e19okhkq6i] {
    width: 2.5em; /* Largeur du switch */
    height: 1.25em; /* Hauteur du switch */
    transform: scale(1.25); /* Agrandir l'ensemble du switch */
    cursor: pointer; /* Changer le curseur au survol */
}

    .form-switch .form-check-input[b-e19okhkq6i]:before {
        width: 1.25em; /* Largeur du bouton rond */
        height: 1.25em; /* Hauteur du bouton rond */
    }

    .form-switch .form-check-input:checked[b-e19okhkq6i] {
        background-color: green; /* Couleur verte quand activé */
        border-color: green;
    }

    .form-switch .form-check-input:not(:checked)[b-e19okhkq6i] {
        background-color: #ff6666; /* Couleur rouge quand désactivé */
        border-color: #ff6666;
    }

.form-switch[b-e19okhkq6i] {
    margin-bottom: 1rem; /* Espacement en dessous */
}

.form-check-label[b-e19okhkq6i] {
    margin-left: 0.7rem; /* Ajouter de l'espace entre le switch et le label */
    vertical-align: middle; /* Aligner verticalement le label avec le switch */
}

@keyframes pulse-b-e19okhkq6i {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}



/* _content/rallyeManager/Components/Pages/Demandes.razor.rz.scp.css */
.form-switch .form-check-input[b-rce2wsnlbt] {
    width: 2.5em;
    height: 1.25em;
    transform: scale(1.25);
    cursor: pointer;
}

    .form-switch .form-check-input[b-rce2wsnlbt]:before {
        width: 1.25em;
        height: 1.25em;
    }

    .form-switch .form-check-input:checked[b-rce2wsnlbt] {
        background-color: green;
        border-color: green;
    }

    .form-switch .form-check-input:not(:checked)[b-rce2wsnlbt] {
        background-color: #ff6666;
        border-color: #ff6666;
    }

.form-switch[b-rce2wsnlbt] {
    margin-bottom: 1rem;
}

.form-check-label[b-rce2wsnlbt] {
    margin-left: 0.7rem;
    vertical-align: middle;
}

/* Boutons toggle */
.btn-group-toggle .btn input[type="radio"][b-rce2wsnlbt] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.btn-group-toggle .btn[b-rce2wsnlbt] {
    min-width: 90px;
    text-align: center;
    padding: 8px 10px;
    font-size: 0.875rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

    .btn-group-toggle .btn.active[b-rce2wsnlbt] {
        background-color: #007bff;
        color: white;
    }

/* Reste des styles inchangés */
.form-group[b-rce2wsnlbt] {
    margin-bottom: 1.5rem;
}

.form-control[b-rce2wsnlbt] {
    border-radius: 0.25rem;
    padding: 0.75rem;
    font-size: 1rem;
}

.form-text[b-rce2wsnlbt] {
    font-size: 0.875rem;
    color: #6c757d;
}

.option-card[b-rce2wsnlbt] {
    cursor: pointer;
    pointer-events: auto !important;
    z-index: 1;
}

.option-card.selected[b-rce2wsnlbt] {
    border: 2px solid #007bff;
    background-color: #e9f5ff;
    pointer-events: auto !important;
}
/* _content/rallyeManager/Components/Pages/Home.razor.rz.scp.css */
.publicationEffectuee[b-o4l9ujx2mu] {
    background-color: lightgreen;
    color: #333;
}

.enAttente[b-o4l9ujx2mu] {
    background-color: lightyellow;
    color: #333;
}

.enCours[b-o4l9ujx2mu] {
    background-color: lightblue;
    color: #333;
}

.montageTermine[b-o4l9ujx2mu] {
    background-color: lightsalmon;
    color: #333;
}

.annule[b-o4l9ujx2mu] {
    background-color: red;
    color: #fff;
}

/* Styles pour les cartes de rallye */
.rallye-card[b-o4l9ujx2mu] {
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}

    .rallye-card:hover[b-o4l9ujx2mu] {
        transform: translateY(-5px);
    }

/* Styles pour la carte de détail du rallye */
.rallye-detail .card-body[b-o4l9ujx2mu] {
    background-color: #f8f9fa;
    padding: 1.5rem;
}

/* Espacement général pour la page d'accueil */
.container[b-o4l9ujx2mu] {
    max-width: 1200px;
}

[b-o4l9ujx2mu] .card {
    border-radius: 10px;
    overflow: hidden;
}

[b-o4l9ujx2mu] .card-header {
    padding: 0.75rem 1.25rem;
}

[b-o4l9ujx2mu] .card-body {
    padding: 1.25rem;
}

[b-o4l9ujx2mu] .card-text i {
    font-size: 1.2rem;
    vertical-align: middle;
}

[b-o4l9ujx2mu] .card-title {
    font-size: 1.25rem;
    font-weight: bold;
}