:root {
    --orange-transparent: #ffe9d6; /*Orange basé sur la transparence à 90% avec blanc en back*/
    --orange: #ff6d00; /* Orange vif comme couleur principale */
    --secondary-color: #FFA000;    /* Orange plus clair comme secondaire */
    --dark-color: #1A1A1A;         /* Noir profond */
    --light-color: #f5f5f5;        /* Couleur de texte clair */
    --danger-color: #FF3D00;       /* Rouge-orange pour les alertes */
}

body {
    font-family: 'Segoe UI','Trebuchet MS','Cascadia Code', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}


.bg-orange{
    background-color: var(--orange);
}

.bg-orange-transparent{
    background-color: var(--orange-transparent);
}

.bg-orange-degrade {
    background: linear-gradient(to right, white, var(--orange));
}

.card{
    border: transparent;
}


input[type="text"],
input[type="email"],
input[type="file"]{
    background: transparent;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="file"]:focus{
    background: transparent;
}

.step { display: none; }
.step.active { display: block; }



.text-orange{
    color: var(--orange);
}

.text-orange-transparent {
    color: var(--orange-transparent);
}



/* Styles pour le header de l'Offcanvas */
.offcanvas-header.bg-orange-theme {
    background-color: var(--orange); /* Fond orange-néon */
    color: black; /* Texte en noir pour un bon contraste */
        /* Vous pouvez ajouter text-shadow si le texte du titre n'est pas assez "néon" */
        /* text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
}

/* Ajustement du bouton de fermeture de l'Offcanvas */
.offcanvas-header .btn-close {
    filter: invert(1); /* Rend le bouton de fermeture blanc sur fond sombre si nécessaire */
        /* ou simplement color: black; si le fond est clair et nécessite un bouton sombre */
    color: black; /* S'assure que le 'X' est noir sur le fond orange */
    opacity: 1; /* Assure qu'il est bien visible */
}

/* Styles pour les liens dans le corps de l'Offcanvas */
.offcanvas-body .offcanvas-link {
    color: #343a40; /* Couleur du texte par défaut (gris foncé) */
    font-weight: 500; /* Légèrement plus gras pour la lisibilité */
    transition: all 0.2s ease-in-out;
    padding: 0.75rem 1rem;
    border-radius: 0.25rem;
}

.offcanvas-body .offcanvas-link:hover {
    background-color: rgba(255, 115, 0, 0.1); /* Fond légèrement orangé au survol */
    color: var(--orange); /* Texte devient orange-néon au survol */
}

/* Styles pour les icônes dans les liens de l'Offcanvas */
.offcanvas-body .offcanvas-icon {
    color: var(--orange); /* Icônes en orange-néon par défaut */
    font-size: 1.2rem; /* Taille légèrement plus grande pour les icônes */
    vertical-align: middle; /* Alignement vertical des icônes */
}

.offcanvas-body .offcanvas-link:hover .offcanvas-icon {
    color: var(--orange); /* S'assure que l'icône reste orange-néon au survol */
    text-shadow: 0 0 3px var(--orange); /* Petit effet néon au survol sur l'icône */
}

/* Réinitialisation de quelques styles Bootstrap pour la clarté */
.navbar-nav .nav-item {
    margin-bottom: 0.25rem; /* Un peu d'espace entre les éléments de liste */
}