/* @layer-wrap:site.zones */
@layer site.zones {
/* Version: 16-10-2026 — apparence des liens dans les menus du header (plan-header-footer.md, lot E2) */
/*
 * Liens dans les menus : marge intérieure, bordure, fond, couleur des liens des sous-menus, de la colonne, des panneaux
 * et des bulles. Contrat (themes/basic/links.css) : l'apparence d'un lien vit dans une feuille de liens, jamais dans
 * une feuille de zone (menu-*.css : position, ouverture, disposition seulement). Chaque règle reprend le sélecteur du
 * motif ; la taille propre d'un thème passe par --pf-nav-link-pad-y / --pf-nav-link-pad-x (themes/<slug>/links.css).
 * Chargé juste après les menus (menu-desktop / -rail / -panels / -radial.css), avant header-layouts.css.
 */


/* --- Menus ordinateur : petite liste, grand cadre (menu-desktop.css) --- */

@media (min-width: 1101px) {
    #portfolio_page header[data-nav-desktop="inline"] #header-nav .item-has-children > .sub-menu a {/* Taille des liens du thème (--pf-nav-link-pad-*, themes/<slug>/links.css : Verre, Bento, Brutal), sinon rangée de liste. */
        
    }
}

@media (min-width: 1101px) {
}

#portfolio_page header[data-nav-desktop="mega"] .item-has-children > .sub-menu ul a {
    padding-block: 0.5rem;
    border-bottom: var(--pf-rule-width) solid color-mix(in srgb, currentColor 15%, transparent);
}

/* --- Sur le côté (menu-rail.css) --- */

#portfolio_page header[data-header-rail]:where(:not([data-nav-menu])) #header-nav .nav__list > li > a {
    padding-inline: var(--pf-nav-link-pad-x, 0.6rem);
}

#portfolio_page header[data-header-rail]:where(:not([data-nav-menu])) #header-nav.nav--underline .nav__list > li > a {
    padding-inline: var(--pf-nav-link-pad-inline, 0);
}

#portfolio_page header[data-header-rail]:where(:not([data-nav-menu])) #header-nav .item-has-children > .sub-menu a {/* Taille des liens du thème (--pf-nav-link-pad-*, themes/<slug>/links.css), sinon sous-pages serrées. */
    
}


/* --- Derrière le bouton Menu : sous-pages des panneaux (menu-panels.css) --- */

#portfolio_page #header.nav-ctx-panel #header-nav .nav__content .nav__list .item-has-children > .sub-menu a {
    font-size: 0.92em;
}


/* --- Flottant : bulles (menu-radial.css) --- */

#portfolio_page header[data-nav-active="radial"] #header-nav .nav__content .nav__list > li > a {/* Taille des liens du thème (--pf-nav-link-pad-*, themes/<slug>/links.css), sinon bulle par défaut. */
    
    border: var(--pf-float-edge, 0 solid transparent);
    border-radius: var(--pf-float-chip-radius, var(--pf-pill-radius));
    background: var(--pf-float-bg, var(--pf-nav-panel-bg));
    color: var(--portfolios-nav-text-color, inherit);
    box-shadow: var(--pf-float-shadow, var(--pf-chip-shadow));
}

#portfolio_page header[data-nav-active="radial"] #header-nav .nav__content .nav__list > li > a {/* --pf-nav-bubble-bg : fond d'une bulle choisi par le thème (ex. Verre au survol), sinon celui des menus flottants. */
    
}

#portfolio_page #header.nav-ctx-panel[data-nav-active="radial"] #header-nav .nav__content .nav__list .item-has-children > .sub-menu a {
    border: var(--pf-float-edge, 0 solid transparent);
    background: var(--pf-float-bg, var(--pf-nav-panel-bg));
    color: var(--portfolios-nav-text-color, inherit);
    box-shadow: var(--pf-float-shadow, var(--pf-chip-shadow));
}

/* Mobile : bulles pleines, jamais translucides sur le contenu (--pf-bubble-base : menu-radial.css). */
@media (max-width: 1100px) {

    #portfolio_page #header.nav-ctx-panel[data-nav-active="radial"] #header-nav .nav__content .nav__list .item-has-children > .sub-menu a {
        background:
            linear-gradient(var(--pf-nav-bubble-bg, var(--pf-float-bg, var(--pf-nav-panel-bg))), var(--pf-nav-bubble-bg, var(--pf-float-bg, var(--pf-nav-panel-bg)))),
            var(--pf-bubble-base);
    }
}
}

/* Déclarations imposées (D6, plan-elements-contenu.md § 6 bis) : couche « zones-imposees », après le thème, les
   dispositions et les pages, avant les réglages et le sur-mesure. Un thème ne les réécrit pas : il pose les
   variables d'accroche qu'elles lisent. Second bloc de couche : wrap.php --unwrap ne le retire pas. */
@layer site.zones-imposees {
@media (min-width: 1101px) {
    #portfolio_page header[data-nav-desktop="inline"] #header-nav .item-has-children > .sub-menu a {
        padding: var(--pf-nav-link-pad-y, 0.6rem) var(--pf-nav-link-pad-x, 1rem);
    }
}

@media (min-width: 1101px) {
    #portfolio_page header[data-nav-desktop="inline"] #header-nav.nav--underline .item-has-children > .sub-menu a {
        padding: var(--pf-nav-sublink-pad, var(--pf-nav-link-pad-y, 0.6rem) 0 max(var(--pf-nav-link-pad-y, 0.6rem), var(--portfolios-nav-underline-width, 2px)));
    }
}

#portfolio_page header[data-header-rail]:where(:not([data-nav-menu])) #header-nav .item-has-children > .sub-menu a {
    padding: var(--pf-nav-link-pad-y, 0.2rem) var(--pf-nav-link-pad-x, 0.4rem);
}

#portfolio_page header[data-header-rail]:where(:not([data-nav-menu])) #header-nav.nav--underline .item-has-children > .sub-menu a {
    padding: var(--pf-nav-sublink-pad, var(--pf-nav-link-pad-y, 0.2rem) 0 max(var(--pf-nav-link-pad-y, 0.2rem), var(--portfolios-nav-underline-width, 2px)));
}

#portfolio_page #header.nav-ctx-panel:not([data-nav-active="radial"]) #header-nav.nav--underline .nav__content .nav__list .item-has-children > .sub-menu a {
    padding: 0.2rem 0 max(0.2rem, var(--portfolios-nav-underline-width, 2px));
}

#portfolio_page header[data-nav-active="radial"] #header-nav .nav__content .nav__list > li > a {
    padding: var(--pf-nav-link-pad-y, 0.6rem) var(--pf-nav-link-pad-x, 1.1rem);
}

#portfolio_page header[data-nav-active="radial"] #header-nav .nav__content .nav__list > li > a {
    border-radius: var(--pf-float-chip-radius, var(--pf-pill-radius));
    background: var(--pf-nav-bubble-bg, var(--pf-float-bg, var(--pf-nav-panel-bg)));
}

#portfolio_page #header.nav-ctx-panel[data-nav-active="radial"] #header-nav .nav__content .nav__list .item-has-children > .sub-menu a {
    padding: var(--pf-nav-link-pad-y, 0.5rem) var(--pf-nav-link-pad-x, 1rem);
    border-radius: var(--pf-float-chip-radius, var(--pf-pill-radius));
}

@media (max-width: 1100px) {
    #portfolio_page header[data-nav-active="radial"] #header-nav .nav__content .nav__list > li > a {
        background:
            linear-gradient(var(--pf-nav-bubble-bg, var(--pf-float-bg, var(--pf-nav-panel-bg))), var(--pf-nav-bubble-bg, var(--pf-float-bg, var(--pf-nav-panel-bg)))),
            var(--pf-bubble-base);
    }
}
}