/* Header / footer : flou et teinte via les variables thème (--portfolios-nav-bg-*). */

#portfolio_page header, #portfolio_page footer,
#theme-visualiser #portfolio_page header, #theme-visualiser #portfolio_page footer {
    -webkit-backdrop-filter: var(--portfolios-nav-bg-blur, blur(6px));
    backdrop-filter: var(--portfolios-nav-bg-blur, blur(6px));
    -webkit-backface-visibility: hidden;
}

#portfolio_page header::before, #theme-visualiser #portfolio_page header::before,
#portfolio_page footer::before, #theme-visualiser #portfolio_page footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--portfolios-nav-bg-color, rgba(255, 255, 255, 0.15));
    pointer-events: none;
}

#portfolio_page header .sub-menu .sub-menu-content,
#theme-visualiser #portfolio_page header .sub-menu .sub-menu-content {
    position: relative;
    z-index: 1;
    background-color: var(--portfolios-nav-bg-color, rgba(255, 255, 255, 0.15));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-backface-visibility: hidden;
}

#portfolio_page header .sub-menu .sub-menu-content::before,
#theme-visualiser #portfolio_page header .sub-menu .sub-menu-content::before {
    content: none;
    display: none;
}