/*
 * PoortEijk label colours
 *
 * Default: donkerblauw
 * ZZP:     oranje
 * MKB:     geel
 * Medisch: blauw
 */

:root {
    --poorteijk-hoofdkleur: var(--color-dark-blue);
}

body.poorteijk-zzp {
    --poorteijk-hoofdkleur: var(--color-orange);
}

body.poorteijk-mkb {
    --poorteijk-hoofdkleur: var(--color-yellow);
}

body.poorteijk-medisch {
    --poorteijk-hoofdkleur: var(--color-blue);
}


/* ---------------------------------------------------------
 * MENU
 * --------------------------------------------------------- */

/* Hover */
body.poorteijk-label-page
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> a:hover .e-n-menu-title-text {
    color: var(--poorteijk-hoofdkleur) !important;
}

/* Hover over het volledige menu-item */
body.poorteijk-label-page
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover
.e-n-menu-title-text {
    color: var(--poorteijk-hoofdkleur) !important;
}

/* Actieve pagina */
body.poorteijk-label-page
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> a[aria-current="page"] .e-n-menu-title-text,
body.poorteijk-label-page
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> a.pf-is-active .e-n-menu-title-text {
    color: var(--poorteijk-hoofdkleur) !important;
}


/* Actieve pagina */
body.poorteijk-label-page
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> a[aria-current="page"] .e-n-menu-title-text,
body.poorteijk-label-page
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> a.pf-is-active .e-n-menu-title-text {
    color: var(--poorteijk-hoofdkleur) !important;
}


/* ---------------------------------------------------------
 * SECONDARY BUTTONS
 * --------------------------------------------------------- */

/* Default */
.elementor-button.btn-sec {
    background: var(--color-blue-light);
    border-color: var(--color-blue-light);
    color: var(--pf-color-text);
}

/* Op ZZP / MKB / Medisch */
body.poorteijk-label-page .elementor-button.btn-sec {
    background: var(--poorteijk-hoofdkleur) !important;
    border-color: var(--poorteijk-hoofdkleur) !important;
    color: var(--pf-color-text) !important;
}