/*--------------------------------------------------------------------------*\
    Icon in menu item link
\*--------------------------------------------------------------------------*/

.header__menu-icon {
    /*box*/
    height: calc(var(--header-height) / 2.5);
    width: calc(var(--header-height) / 2.5);
}

/*--------------------------------------------------------------------------*\
        Btn CTA
\*--------------------------------------------------------------------------*/

.header__menu-link--btn--cta .header__menu-icon {
    /*background*/
    fill:var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
        Btn discret
\*--------------------------------------------------------------------------*/

.header__menu-link--btn--discret .header__menu-icon {
    /*background*/
    fill:var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
        Btn transparent
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
            Header primary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--primary .header__menu-link--btn--transparent .header__menu-icon {
    /*background*/
    fill:var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
            Header primary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--secondary .header__menu-link--btn--transparent .header__menu-icon {
    /*background*/
    fill:var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
        Text
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
            Header primary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--primary .header__menu-link--text .header__menu-icon {
    /*background*/
    fill:var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
            Header secondary color (cf header.css file)
\*--------------------------------------------------------------------------*/

.header--secondary .header__menu-link--text .header__menu-icon {
    /*background*/
    fill:var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
            Specific : Hover in header secondary
\*--------------------------------------------------------------------------*/

.header--secondary .header__menu-link--btn--transparent:not(.is-active):hover .header__menu-icon {
    /*background*/
    fill: var(--c-primary-1);
}