/* Version: 23-09-2026-20-19 */
/*
 * Police portfolio : même priorité que setup/theme (template-simulation !important)
 * pour battre Poppins hub / reset / feuilles chargées après.
 */
body.portfolio-font,
#portfolio_page.portfolio-font,
#loader.portfolio-font,
#profil-modal-root.portfolio-font,
.portfolio-font,
#theme-visualiser #portfolio_page.portfolio-font,
body.portfolio-editor #webpage-simulation #portfolio_page.portfolio-font {
    font-family: var(--portfolios-font-name), var(--portfolios-font-stack, sans-serif) !important;
}

body.portfolio-font :is(p, span, a, li, ul, ol, time, label, h1, h2, h3, h4, h5, h6, cite, em, strong, small, td, th, input, textarea, select, button, div, article, section, figcaption, header, footer, nav),
#portfolio_page.portfolio-font :is(p, span, a, li, ul, ol, time, label, h1, h2, h3, h4, h5, h6, cite, em, strong, small, td, th, input, textarea, select, button, div, article, section, figcaption, header, footer, nav),
#loader.portfolio-font :is(span, div),
#profil-modal-root.portfolio-font :is(p, span, a, li, ul, ol, time, label, h1, h2, h3, h4, h5, h6, cite, em, strong, small, td, th, input, textarea, select, button, div, article, section, figcaption, header, footer, nav),
#theme-visualiser #portfolio_page.portfolio-font :is(p, span, a, li, ul, ol, time, label, h1, h2, h3, h4, h5, h6, cite, em, strong, small, td, th, input, textarea, select, button, div, article, section, figcaption, header, footer, nav),
body.portfolio-editor #webpage-simulation #portfolio_page.portfolio-font :is(p, span, a, li, ul, ol, time, label, h1, h2, h3, h4, h5, h6, cite, em, strong, small, td, th, input, textarea, select, button, div, article, section, figcaption, header, footer, nav),
#portfolio_page :is(header, #header, footer, #footer, #legal),
#portfolio_page :is(header, #header, footer, #footer, #legal) :is(p, span, a, li, ul, ol, button, nav, div, strong, em, small, label),
#theme-visualiser #portfolio_page :is(header, #header, footer, #footer, #legal),
#theme-visualiser #portfolio_page :is(header, #header, footer, #footer, #legal) :is(p, span, a, li, ul, ol, button, nav, div, strong, em, small, label),
body.portfolio-editor #webpage-simulation #portfolio_page :is(header, #header, footer, #footer, #legal),
body.portfolio-editor #webpage-simulation #portfolio_page :is(header, #header, footer, #footer, #legal) :is(p, span, a, li, ul, ol, button, nav, div, strong, em, small, label) {
    font-family: var(--portfolios-font-name), var(--portfolios-font-stack, sans-serif) !important;
}

/* Accroches logo / titres (comme setup/theme) : héritent de #portfolio_page */
#portfolio_page .dynamic-font,
#theme-visualiser #portfolio_page .dynamic-font,
body.portfolio-editor #webpage-simulation #portfolio_page .dynamic-font {
    font-family: inherit !important;
}

/* Hors chrome hub (éditeur de thème, overlay) : :where garde la spécificité de *. */
:where(*:not(:is(#arktefakt-header, #arktefakt-top-bar, #arktefakt-editor-bar, #theme-parameter, #main-arktefakt-hub, #arktefakt_footer, .production-child-modal), :is(#arktefakt-header, #arktefakt-top-bar, #arktefakt-editor-bar, #theme-parameter, #main-arktefakt-hub, #arktefakt_footer, .production-child-modal) *)) {
    letter-spacing: 0.4px;
    font-weight: 400;
}

#portfolio_page :is(p, span, a),
#theme-visualiser #portfolio_page :is(p, span, a) {
    font-size: var(--portfolios-font-size-base) !important;
    line-height: var(--portfolios-text-line-height) !important;
}

.arkt-btn:not(:where(#arktefakt-header, #arktefakt-top-bar, #arktefakt-editor-bar, #theme-parameter, #main-arktefakt-hub, #arktefakt_footer, .production-child-modal) *) {
    font-size: var(--portfolios-font-size-base) !important;
}

/* Typo des titres h1–h6 : voir structure/layout/headings.css */

#portfolio_page :is(.populare-head span, #about #services .price-head .title, .pricing .price),
#theme-visualiser #portfolio_page :is(.populare-head span, #about #services .price-head .title, .pricing .price) {
    font-size: var(--portfolios-heading-primary-size) !important;
    line-height: var(--portfolios-heading-primary-line-height) !important;
}

#portfolio_page :is(.pf-thumbs--landscape p, .pf-thumbs--square p, .pf-thumbs--portrait p, .article-blog-infos__meta, .article-blog-infos__description),
#theme-visualiser #portfolio_page :is(.pf-thumbs--landscape p, .pf-thumbs--square p, .pf-thumbs--portrait p, .article-blog-infos__meta, .article-blog-infos__description) {
    font-size: var(--portfolios-font-size-meta, calc(var(--portfolios-font-size-base) * 0.8)) !important;
    line-height: calc(var(--portfolios-text-line-height) * 0.8) !important;
}

#portfolio_page .title-align-left,
#theme-visualiser #portfolio_page .title-align-left {
    text-align: left;
    margin: 0 auto;
}

#portfolio_page .title-align-center,
#theme-visualiser #portfolio_page .title-align-center {
    text-align: center;
    margin: 0 auto;
}

#portfolio_page .title-align-right,
#theme-visualiser #portfolio_page .title-align-right {
    text-align: right;
    margin: 0 auto;
}

@media screen and (max-width: 1050px) {

    #portfolio_page :is(.title-align-left, .title-align-center, .title-align-right),
    #theme-visualiser #portfolio_page :is(.title-align-left, .title-align-center, .title-align-right) {
        margin-bottom: 0px;
    }

}


.blog-copy {
    font-family: var(--font-serif);
    font-style: italic;
}

@media screen and (max-width: 1050px) {

    #portfolio_page #legal,
    #theme-visualiser #portfolio_page #legal {
        text-align: center;
    }

    #portfolio_page #hero #home-about,
    #theme-visualiser #portfolio_page #hero #home-about {
        display: flex;
        flex-direction: column;
    }

}