/*
    Styles CSS menu, CGI.
*/

/* Icônes */
/* Image "Hamburger" en haut de la page */
#hambImg {
    width: 18px;
    height: 18px;
    mix-blend-mode: normal;
    background-image: url('/Common/imgs/CGI/Menu/hamburger.svg');
}

/* Image "Hamburger" en haut de la page dans la section Header du forme principale */
#headerHambImg {
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: 16px;    
    mix-blend-mode: normal;
    background-image: url('/Common/imgs/CGI/Menu/hamburger.svg');
    display: none;
}

/* Image "X" qui remplace le Hamburger en haut de la page lorsque le menu est ouvert */
#hamb.sm-active > #hambImg {
    background-image: url('/Common/imgs/CGI/Menu/close.svg');
}

/* Couleur et bordure des icônes lorsqu'elles sont activées */
.icon.active {
    border-color: #E72012;
    background: #EE3124;
    box-shadow: 0px 2px 4px rgba(238, 49, 36, 0.3); /* #EE3124 et 30% d'opacité */
}

/* Side Menu */
/* Panneau du menu vertical */
.sm-tab {
    color: #EE3124;
}

/* Sections du menu vertical lorsqu'elles sont activées */
.sm-section-item.active {
    border-left: 1px solid #EE3124;
}

/* Fonctions du menu vertical lorsqu'elles sont activées */
.sm-function.active a {
    color: #EE3124 !important;
}

/* Top Menu */
/* Fonctions du top-Menu lorsqu'elles sont activées */
.sf-menu ul li.sfHover > a {
    color: #EE3124 !important;
}

/* Personnaliser mes favoris */
/* Personnaliser mes favoris sur un hover */
#customizeFavorite:hover > img {
    content: url("/Common/imgs/CGI/Menu/Active/personnaliser_favoris.svg");
}

/* Icône du bouton personnaliser mes favoris lorsqu'il est activé */
#customizeFavorite.active > img {
    content: url("/Common/imgs/CGI/Menu/Active/personnaliser_favoris.svg");
}

/* Div du bouton personnaliser mes favoris */
#customizeFavorite > div {
    color: #13B0ED; /*#00BFFF*/
}

/* Div du bouton personnaliser mes favoris sur un hover */
#customizeFavorite:hover > div {
    color: #EE3124;
}

/* Div du bouton personnaliser mes favoris lorsqu'il est activé */
#customizeFavorite.active > div {
    color: #EE3124;
}