/* Couleurs


DEFAULTS :
#3071d9
#ffffff
#99B8EC
#000000



COLOR CLASSES :

- Fonds :
    selected_background_color (#3071d9)
    itinerary_button_background_color (#3071d9)
    link_button_background_color (#99B8EC)
    instruction_background_color (#3071d9)

- Textes :
    selected_text_color (#ffffff)
    itinerary_button_text_color (#ffffff)
    link_button_text_color (#000000)
    instruction_text_color (#ffffff)

- Bordures :
    floating_button_outline_color (#3071d9)

- Speciaux :
    path_color (#3071d9)

*/

/* LIGHT */

.selected_background_color{
    background-color: var(--selected_background_color_light)!important;
}

.selected_text_color{
    color:var(--selected_text_color_light)!important;
}

.itinerary_button_background_color{
    background-color: var(--itinerary_button_background_color_light)!important;
}

.itinerary_button_text_color{
    color:var(--itinerary_button_text_color_light)!important;
}

.itinerary_button_text_color svg{
    fill:var(--itinerary_button_text_color_light)!important;
}

.link_button_background_color{
    background-color: var(--link_button_background_color_light)!important;
}

.link_button_text_color{
    color:var(--link_button_text_color_light)!important;
}

.link_button_text_color svg{
    fill:var(--link_button_text_color_light)!important;
}

.instruction_background_color{
    background-color: var(--instruction_background_color_light)!important;
}

.instruction_text_color{
    color:var(--instruction_text_color_light)!important;
}

.instruction_text_color svg path,
.instruction_text_color svg circle,
.instruction_text_color svg rect{
    fill:var(--instruction_text_color_light)!important;
}

#langSelectCurrent,
.floating_button_outline_color{
    border:1px solid var(--floating_button_outline_color_light)!important;
    background-color:var(--floating_button_outline_color_light)!important;
}

.headSpaceLogo svg circle {
    fill:var(--selected_background_color_light)!important;
}

/* commons */
#floorSelector a.active,
.active{
    background-color: var(--selected_background_color_light)!important;
    color: var(--selected_text_color_light)!important;
}

.active span{
    color: var(--selected_text_color_light)!important;
}

.active svg,
.active svg path,
.active svg circle,
.active svg rect{
    fill:var(--selected_text_color_light)!important;
}

svg.svgFill path,
svg.svgFill circle,
svg.svgFill rect{
    fill:var(--selected_text_color_light)!important;
}

svg.svgStroke path,
svg.svgStroke circle,
svg.svgStroke rect{
    stroke:var(--selected_text_color_light)!important;
}

span.extPoi{
    background-color: var(--selected_background_color_light)!important;
}

span.extPoi svg{
    fill: var(--selected_text_color_light)!important;
}

/* Track */

#trackSiteName{
    color: var(--journey_mode_color_light)!important;
}

#trackModeProfilTitle{
    border-color: var(--journey_mode_color_light)!important;
}

#trackModeProfilTitle svg{
    fill:var(--journey_mode_color_light)!important;
}

#trackStepProgression .active{
    background-color:var(--journey_mode_color_light)!important;
}

#trackStepImageText .trackButtonLink{
    background-color:var(--journey_mode_color_light)!important;
}

/* DARK */

@media (prefers-color-scheme: dark) {
    .selected_background_color{
        background-color: var(--selected_background_color_dark)!important;
    }
    
    .selected_text_color{
        color:var(--selected_text_color_dark)!important;
    }
    
    .itinerary_button_background_color{
        background-color: var(--itinerary_button_background_color_dark)!important;
    }
    
    .itinerary_button_text_color{
        color:var(--itinerary_button_text_color_dark)!important;
    }

    .itinerary_button_text_color svg{
        fill:var(--itinerary_button_text_color_dark)!important;
    }
    
    .link_button_background_color{
        background-color: var(--link_button_background_color_dark)!important;
    }
    
    .link_button_text_color{
        color:var(--link_button_text_color_dark)!important;
    }

    .link_button_text_color svg{
        fill:var(--link_button_text_color_dark)!important;
    }
    
    .instruction_background_color .stepCard{
        background-color: var(--instruction_background_color_dark)!important;
    }
    
    .instruction_text_color .stepCard{
        color:var(--instruction_text_color_dark)!important;
    }

    .instruction_text_color svg path,
    .instruction_text_color svg circle,
    .instruction_text_color svg rect{
        fill:var(--instruction_text_color_dark)!important;
    }
    
    #langSelectCurrent,
    .floating_button_outline_color{
        border:1px solid var(--floating_button_outline_color_dark)!important;
        background-color:var(--floating_button_outline_color_dark)!important;
    }

    .headSpaceLogo svg circle {
        fill:var(--selected_background_color_dark)!important;
    }

    /* commons */
    #floorSelector a.active,
    .active{
        background-color: var(--selected_background_color_dark)!important;
        color: var(--selected_text_color_dark)!important;
    }

    .active span{
        color: var(--selected_text_color_dark)!important;
    }

    .active svg,
    .active svg path,
    .active svg circle,
    .active svg rect{
        fill:var(--selected_text_color_dark)!important;
    }

    svg.svgFill path,
    svg.svgFill circle,
    svg.svgFill rect{
        fill:var(--selected_text_color_dark)!important;
    }

    svg.svgStroke path,
    svg.svgStroke circle,
    svg.svgStroke rect{
        stroke:var(--selected_text_color_dark)!important;
    }

    span.extPoi{
        background-color: var(--selected_background_color_dark)!important;
    }

    span.extPoi svg{
        fill: var(--selected_text_color_dark)!important;
    }

    /* Track */

    #trackSiteName{
        color: var(--journey_mode_color_dark)!important;
    }

    #trackModeProfilTitle{
        border-color: var(--journey_mode_color_dark)!important;
    }

    #trackModeProfilTitle svg{
        fill:var(--journey_mode_color_dark)!important;
    }

    #trackStepProgression .active{
        background-color:var(--journey_mode_color_dark)!important;
    }

    #trackStepImageText .trackButtonLink{
        background-color:var(--journey_mode_color_dark)!important;
    }
}