/* Version: 23-09-2026-20-19 */
/* Portfolios */
#portfolio_page main article {
    z-index: 2;
}

#title-illustration {
    z-index: 0;
}

/* Fonds décoratifs (grain, grille) — sous le contenu */
#portfolio_page,
#theme-visualiser #portfolio_page {
    isolation: isolate;
}

#portfolio_page::after,
#theme-visualiser #portfolio_page::after {
    z-index: 0;
}

#portfolio_page > *:not(#loader):not(header):not(footer):not(#welcome-to):not(#welcome-to-blur),
#theme-visualiser #portfolio_page > *:not(#loader):not(header):not(footer):not(#welcome-to):not(#welcome-to-blur) {
    position: relative;
    z-index: 1;
}

.about-artist-img {
    position: relative;
    z-index: 10;
}

.pf-thumbs--landscape a, .pf-thumbs--square a, .pf-thumbs--portrait a {
    z-index: 10;
}

p, ul, span, a, h1, h2, h3, h4, h5, h6, article div, form, .tab, #delete main {
    z-index: 5;
}

.table-design {
    z-index: 15;
}

/* Header: above content but below overlays */
#arktefakt-header {
    z-index: 800;
}

#arktefakt-burger, .arktefakt-burger {
    z-index: 850;
}

#portfolio-content-interface, #hub-content-interface {
    z-index: 900;
}

#arktefakt-top-bar {
    z-index: 910;
}

/* Content / components */
.content-article img, .article img {
    z-index: 1;
}

.content-article blockquote::before, .content-article blockquote::after {
    z-index: 10;
}

.welcome-to-window {
    z-index: 180;
}

#welcome-to-blur {
    z-index: 170;
}

.list-tickets a {
    z-index: 5;
}

.services-slider .arrow {
    z-index: 20;
}

/* Navigation */
#arktefakt-header #header-main, #arktefakt-top-bar .main-footer {
    z-index: 800;
}

#arktefakt-header .user-menu-about {
    z-index: 805;
}

#arktefakt-header .user-menu-about ul {
    z-index: 805;
}

#arktefakt-header #header-second {
    z-index: 800;
}

/* Loader — sous le header (820) et le footer (800) */
#loader {
    z-index: 790;
}

/* Modules */
.faq {
    z-index: 5 !important;
}
#orders a {
    z-index: 5;
}

/* Gallery (albums + grille photos fiche production) */
#gallery a,
#production-show-photos-grid a {
    z-index: 10;
}
#gallery a::after,
#production-show-photos-grid a::after {
    z-index: 1;
}

/* Swipebox (lightbox) */
#swipebox-overlay {
    z-index: 1200 !important;
}

#swipebox-bottom-bar, #swipebox-top-bar {
    z-index: 1210;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
    z-index: 1210;
}

/* Agenda */
.agenda-item .agenda-item-open {
    z-index: 9;
}

/* Projects */
#hero .project-cover {
    z-index: 10;
}

/* Members / profile modal */
.member-item .member-img, .profil-window .member-img {
    z-index: 5;
}

/* Members / profile modal — au-dessus du hub admin (#visitor_mode : 9500) */
#profil-modal-root {
    position: fixed;
    inset: 0;
    z-index: 9600;
    pointer-events: none;
}

#profil-modal-root .profil-overlay.open {
    pointer-events: auto;
}

#profil-modal-root .profil-window.open {
    pointer-events: auto;
}

.profil-overlay {
    z-index: 1;
}

.profil-window {
    z-index: 2 !important;
}

.close-content-button {
    z-index: 3 !important;
}

body.modal-open #profil-modal-root {
    pointer-events: auto;
}

body.portfolio-editor.modal-open :is(#arktefakt-header, #arktefakt-top-bar, #arktefakt-visualiser, #visitor_mode) {
    z-index: 1 !important;
    pointer-events: none;
}

/* Services */
#services-slider .services-slider-item {
    z-index: 5;
}

/* Thumbnails / hover stacking */
.thumbnail:hover,
.thumbnail-tile.thumb-border:hover,
a.thumbnail-tile.thumb-border:hover,
.vertical-grid-item:hover,
.horizontal-grid-item:hover,
#goto article a:hover,
.blog-list .thumbnail-tile:hover,
.blog-list .thumbnail:hover,
.service-item:hover,
.faq-item:hover,
.profil-button:hover,
.agenda-item:hover,
.square-grid-item:hover,
.swipebox:hover {
    z-index: 30;
}

#portfolio_page #hub-logo .hub-logo__mark--image {
    z-index: 60;
}

/*
 * Portfolio header — échelle courte :
 * shell 820 · voile 830 · bar 840 · burger 845 · panel 850
 * (détails mobile dans mobile.css)
 */
#portfolio_page > header,
#theme-visualiser #portfolio_page > header {
    z-index: 820;
}

#portfolio_page header .header-bar {
    z-index: 840;
}

#portfolio_page header #hamburgerBtn {
    z-index: 845;
}

#portfolio_page header #header-nav {
    z-index: 850;
}

#portfolio_page header #header-nav .nav__content {
    z-index: 1;
}

#portfolio_background::before {
    z-index: 0;
}
#portfolio_page, #theme-visualiser #portfolio_page {
    z-index: 1;
}
#portfolio_page .sub-menu::before, #theme-visualiser #portfolio_page .sub-menu::before, #portfolio_page header .sub-menu::before, #theme-visualiser #portfolio_page header .sub-menu::before {
    z-index: -1;
}
#portfolio_page > footer, #theme-visualiser #portfolio_page > footer {
    position: relative;
    z-index: 800;
}
#portfolio_page header::before, #theme-visualiser #portfolio_page header::before, #portfolio_page footer::before, #theme-visualiser #portfolio_page footer::before {
    z-index: 0;
}

#welcome-to-blur {
    z-index: 900;
}

#welcome-to {
    z-index: 901;
}