/* WS skillshop : LA TYPOGRAPHIE UNIFORME (reglage ch_typo = uniforme, charte, template ou fiche).
   Sans ce reglage, rien ici ne s'applique (classe .wsfp-tu absente) : chaque bloc garde son style.
   Avec lui, toute la fiche parle d'une seule voix : deux polices (titres, texte), une couleur
   de texte, une echelle de tailles tiree de la taille du texte de la charte.
   Les !important battent les styles des blocs ecrits en ligne (bandes, contenus) et ceux du
   theme ou du kit du page builder sur h1 et h2. */

.wsfp-tu{
  --tu-t:var(--text-size,16px);
  --tu-c:var(--text-color,#141413);
  --tu-soft:color-mix(in srgb,var(--tu-c) 68%,#fff);
  --tu-lead:calc(var(--tu-t) * 1.125);
  --tu-sm:calc(var(--tu-t) * .8125);
  --tu-ft:var(--font-title,'Archivo',sans-serif);
  --tu-fx:var(--font-text,'Manrope',system-ui,sans-serif);
  --tu-h2:var(--h2-size,32px);
  --tu-h3:calc(var(--h2-size,32px) * .8);
}

/* Titres : une seule police, celle des titres. */
.wsfp-tu :is(h1,h2,h3,h4,.ws-headline__name,.wsfp-c__h,.wsfp-bd__tt,.ws-split__panel h2,.wsfp-st__tt,.wsfp-na__tt,.wsfp-nst__val,.ws-headline__now){
  font-family:var(--tu-ft)!important;letter-spacing:-.01em
}
/* Titres de section : une seule taille (celle des titres H2), sauf « Taille du titre » reglee sur le bloc. */
.wsfp-tu :is(.wsfp-c__h,.ws-section h2,.wsfp-c-fi__h,.wsfp-c-2col__h,[data-newblock^="c-"] h2){font-family:var(--tu-ft)!important;font-size:var(--u-hfs,var(--tu-h2))!important;font-weight:700!important;color:var(--h2-color,var(--tu-c))!important;line-height:1.15}
.wsfp-tu :is(.wsfp-bd__tt,.ws-splits--bands .ws-split__panel h2,.wsfp-st__tt){font-size:var(--u-hfs,var(--tu-h3))!important;font-weight:700!important;color:var(--h2-color,var(--tu-c))!important;line-height:1.2}
.wsfp-tu .wsfp-na__tt{font-size:var(--tu-t)!important;font-weight:600!important;color:var(--tu-c)!important}
.wsfp-tu .wsfp-nst__val{font-size:var(--tu-lead)!important;font-weight:700!important;color:var(--tu-c)!important}

/* Texte d'introduction : un cran au-dessus du texte courant. */
.wsfp-tu .ws-shortdesc{font-family:var(--tu-fx)!important;font-size:var(--u-fs,var(--tu-lead))!important;color:var(--tu-c)!important;line-height:1.6}

/* Texte courant : meme police, meme taille, meme couleur partout. */
.wsfp-tu :is(.wsfp-subtt,.wsfp-npf__li,.wsfp-na__body,.wsfp-na__body :is(p,li,td,th),.wsfp-bd__tx,.wsfp-bd__tx :is(p,li),.ws-split__panel p,.wsfp-c-texte__t,.wsfp-c-texte__t :is(p,li),.wsfp-i4__tx,.wsfp-c__in :is(p,li),.wsfp-wcdesc__txt :is(p,li)){
  font-family:var(--tu-fx)!important;font-size:var(--u-fs,var(--tu-t))!important;color:var(--tu-c)!important;line-height:1.65
}
.wsfp-tu .wsfp-npf__li{line-height:1.45}
.wsfp-tu :is(.wsfp-na__body,.wsfp-bd__tx,.wsfp-c-texte__t,.wsfp-c__in) :is(strong,b){color:var(--bold-color,var(--tu-c))!important}

/* Petits textes (fil d'Ariane, legendes, reassurance) : plus petits, une seule nuance plus douce. */
.wsfp-tu :is(.ws-crumb,.ws-crumb a,.ws-crumb span,.wsfp-nst__lbl,.ws-cta__reassure,.reset_variations){
  font-family:var(--tu-fx)!important;font-size:var(--tu-sm)!important;color:var(--tu-soft)!important
}
.wsfp-tu .ws-crumb :last-child{color:var(--tu-c)!important}
.wsfp-tu .wsfp-nst__lbl{letter-spacing:.04em}

/* Formulaire d'achat : libelles et boutons dans la police du texte. */
.wsfp-tu .wsfp-cart :is(label,th.label,.woo-selected-variation-item-name){font-family:var(--tu-fx)!important;font-size:var(--tu-t)!important;color:var(--tu-c)!important}
.wsfp-tu :is(.single_add_to_cart_button,.single_add_to_cart_button span,.wsfp-cta__txt,.wsfp-cta__price,.ws-stickybar,.ws-stickybar *){font-family:var(--tu-fx)!important}

/* ECRITURE LEGERE (reglage ch_poids = leger) : titres et mots en gras moins appuyes. */
.wsfp-leger :is(h1,.ws-headline__name,.ws-headline__now){font-weight:600!important}
.wsfp-leger :is(h2,h3,h4,.wsfp-c__h,.wsfp-c-2col__h,.wsfp-bd__tt,.wsfp-st__tt,.wsfp-c-2col__l > strong,.wsfp-c-2col__l > b,.wsfp-gt__res strong,.wsfp-gt__larg){font-weight:600!important}
.wsfp-leger :is(.wsfp-na__tt,.wsfp-cross__t,.wsfp-wp__t,.wsfp-c-vit__i b,.wsfp-c-dispo__h,.wsfp-tags__p,.wsfp-cart table.variations th.label,.wsfp-cart table.variations th.label label){font-weight:500!important}
.wsfp-leger :is(.ws-shortdesc,.wsfp-npf,.wsfp-na__body,.wsfp-bd__tx,.wsfp-c__in,.wsfp-c-2col__s) :is(strong,b){font-weight:600!important}