/*
 * Gabarits HubSpot autres que Brightlane (voir inc/gabarits.php).
 * Toutes les règles sont préfixées par une classe de body :
 *   body.wannup-tpl-focus   pages au gabarit « Focus » (Outfit, Zen Kaku Gothic New, fond blanc)
 *     body.wannup-tpl-focus-nav     avec en-tête de navigation (FAQ GPS, offres d'emploi, carrières)
 *     body.wannup-tpl-focus-nonav   sans navigation (pages « recevez vos accès »)
 *   body.wannup-tpl-main    pages de destination (feuille HubSpot par défaut, Inter)
 * Valeurs lues dans template_main / template_theme-overrides / module_website-* (Focus) et dans
 * default_template_main + le <style> de la page (main), puis mesurées sur wannup.com.
 */

/* ---------- Polices locales (aucun appel à Google Fonts) ---------- */
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Outfit-400.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Outfit-700.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ZenKakuGothicNew-400.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/InterTight-400.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/InterTight-700.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/ZenKakuGothicNew-700.woff2") format("woff2"); }

/* =====================================================================
   GABARIT FOCUS
   ===================================================================== */

/* Ni l'en-tête ni le pied de page Kadence : le gabarit a les siens (inc/gabarits.php) */
body.wannup-tpl-focus #masthead,
body.wannup-tpl-focus #colophon,
body.wannup-tpl-focus .site-header,
body.wannup-tpl-focus .site-footer { display: none !important; }
body.wannup-tpl-focus #inner-wrap { margin-top: 0; }

/* Base : template_theme-overrides.min.css */
body.wannup-tpl-focus {
	background: #fff;
	color: #000;
	font-family: Outfit, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.8em;
	--global-body-font-family: Outfit, sans-serif;
	--global-heading-font-family: "Zen Kaku Gothic New", sans-serif;
}
body.wannup-tpl-focus #wrapper,
body.wannup-tpl-focus .content-bg,
body.wannup-tpl-focus .content-area { background: #fff; }

body.wannup-tpl-focus .entry-content p,
body.wannup-tpl-focus .entry-content li { font-family: Outfit, sans-serif; letter-spacing: 0; line-height: 1.8em; }
body.wannup-tpl-focus .entry-content p,
body.wannup-tpl-focus .entry-content ul,
body.wannup-tpl-focus .entry-content ol { margin: 0 0 2.5em; }
body.wannup-tpl-focus .entry-content a:not(.wp-block-button__link) { color: #45277c; text-decoration: none; }
body.wannup-tpl-focus .entry-content a:not(.wp-block-button__link):hover { color: #ffff04; }

body.wannup-tpl-focus .entry-content h1,
body.wannup-tpl-focus .entry-content h2,
body.wannup-tpl-focus .entry-content h3,
body.wannup-tpl-focus .entry-content h4,
body.wannup-tpl-focus .entry-content h5,
body.wannup-tpl-focus .entry-content h6 {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2em;
	margin: 0 0 1em;
	text-decoration: none;
	text-transform: none;
	color: #000;
}
body.wannup-tpl-focus .entry-content h1 { font-size: 50px; }
body.wannup-tpl-focus .entry-content h2 { font-size: 36px; }
body.wannup-tpl-focus .entry-content h3 { font-size: 30px; }
body.wannup-tpl-focus .entry-content h4 { font-size: 24px; }
body.wannup-tpl-focus .entry-content h5 { font-size: 16px; }
body.wannup-tpl-focus .entry-content h6 { font-size: 14px; }
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content h1,
	body.wannup-tpl-focus .entry-content h2 { font-size: 30px; }
}

/* Largeur du contenu : section en pleine largeur (marges de 20 px), contenu de 1240 px au plus, colonnes avec 10 px de marge
   (mobile : 20 px), comme `.dnd-section > .row-fluid` + `.dnd-column` du gabarit */
body.wannup-tpl-focus .entry-content .wp-block-group.alignfull {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
body.wannup-tpl-focus .entry-content .wp-block-group.alignfull .is-layout-constrained > :where(:not(.alignfull)) {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content .wp-block-group.alignfull .is-layout-constrained > :where(:not(.alignfull)) {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* F8 : section sans colonne (zone « header-bottom » des pages « recevez vos accès ») : en ligne le contenu touche la marge de 20 px de la
   section, sans gouttière de colonne supplémentaire en mobile. Classe `wannup-no-col-pad` posée par le convertisseur (sur la section ou
   sur le groupe contraint) ; `.wannup-in-container` = les sections contraintes en largeur du gabarit. */
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content .wp-block-group.alignfull.wannup-in-container .is-layout-constrained > :where(:not(.alignfull)),
	body.wannup-tpl-focus .entry-content .wp-block-group.alignfull.wannup-no-col-pad .is-layout-constrained > :where(:not(.alignfull)),
	body.wannup-tpl-focus .entry-content .wp-block-group.alignfull .wannup-no-col-pad.is-layout-constrained > :where(:not(.alignfull)) {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Marge basse par défaut d'une section (`.dnd-section{padding:0 20px 100px}`) quand la page n'en fixe pas */
body.wannup-tpl-focus .entry-content > .wp-block-group.alignfull:not([style*="padding-bottom"]) { padding-bottom: 100px; }

/* Titre centré = module « fancy header » : 400 px au plus, centré, sans marge basse */
body.wannup-tpl-focus .entry-content h2.has-text-align-center,
body.wannup-tpl-focus .entry-content h3.has-text-align-center {
	text-align: center;
	width: fit-content;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

/* Texte clair sur les sections violet (#45277c) et bleu nuit (#201d41) */
body.wannup-tpl-focus .entry-content .has-theme-palette-3-background-color,
body.wannup-tpl-focus .entry-content .has-theme-palette-5-background-color,
body.wannup-tpl-focus .entry-content .has-theme-palette-3-background-color :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, em),
body.wannup-tpl-focus .entry-content .has-theme-palette-5-background-color :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, em) {
	color: #fff;
}

/* Listes : puces rondes, retrait de 40 px, pas d'espace entre les lignes */
body.wannup-tpl-focus .entry-content ul,
body.wannup-tpl-focus .entry-content ol { padding-left: 40px; }
body.wannup-tpl-focus .entry-content ul { list-style: disc; }
body.wannup-tpl-focus .entry-content ol { list-style: decimal; }
body.wannup-tpl-focus .entry-content li { margin: 0; padding-left: 0; }
body.wannup-tpl-focus .entry-content li + li { margin-top: 0; }
/* Tour 3, F1 : la puce native (list-style) suffit ; le disque dessiné de style.css (`.single-content ul > li::before`) venait en plus et
   mangeait la première lettre de chaque ligne. Les listes décorées `wannup-list-*` gardent leur propre ::before. */
body.wannup-tpl-focus .entry-content ul:not([class*="wannup-list-"]) > li::before,
body.wannup-tpl-main .entry-content ul:not([class*="wannup-list-"]) > li::before { content: none; }
/* F2 : `li` qui n'enveloppe qu'une sous-liste (style="list-style-type:none" sur HubSpot) : classe `wannup-li-none` posée par le convertisseur ;
   sous-listes en cercle creux */
body.wannup-tpl-focus .entry-content li.wannup-li-none,
body.wannup-tpl-main .entry-content li.wannup-li-none { list-style: none; }
body.wannup-tpl-focus .entry-content li > ul,
body.wannup-tpl-main .entry-content li > ul { list-style: circle; margin-top: 0; margin-bottom: 0; }
/* Liste sans puce (ul style="list-style-type:none" de HubSpot) : retrait conservé, pas de puce */
body.wannup-tpl-focus .entry-content ul.wannup-list-none,
body.wannup-tpl-main .entry-content ul.wannup-list-none { list-style: none; }
body.wannup-tpl-main .entry-content ul.wannup-list-none { padding-left: 24px; }

/* Titre de bandeau (module « fancy header » : 96 px, 48 px sur mobile, blanc, centré, 800 px au plus) */
body.wannup-tpl-focus .entry-content .has-theme-palette-5-background-color h1 {
	font-size: 96px;
	line-height: 1.2em;
	margin: 0 auto;
	width: fit-content;
	max-width: 800px;
	text-align: center;
}
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content .has-theme-palette-5-background-color h1 { font-size: 48px; }
	/* F9 : seulement le bandeau « fancy header » (h1.wannup-fancy, sans gouttière de colonne). Un h1 ordinaire (FAQ GPS, « recevez vos accès »)
	   a, comme en ligne, la marge de la section (20 px) plus celle de la colonne (20 px) : x 40 / largeur 310 px. */
	body.wannup-tpl-focus .entry-content .wp-block-group.alignfull .is-layout-constrained > :where(:not(.alignfull, .wp-block-columns)):has(h1.wannup-fancy) { padding-left: 0; padding-right: 0; }
}

/* Cartes (module « cards ») dans une section orange : fond crème, marge intérieure 50 px, coins 10 px, 60 px entre deux cartes */
body.wannup-tpl-focus .entry-content .has-theme-palette-1-background-color .wp-block-columns { gap: 60px; }
body.wannup-tpl-focus .entry-content .has-theme-palette-1-background-color .wp-block-column,
body.wannup-tpl-focus .entry-content .wannup-card {
	background: #f6f3f1;
	border-radius: 10px;
	padding: 50px;
	margin-bottom: 20px;
}
body.wannup-tpl-focus .entry-content .has-theme-palette-1-background-color .wp-block-column p,
body.wannup-tpl-focus .entry-content .wannup-card p { margin-bottom: 30px; }
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content .has-theme-palette-1-background-color .wp-block-column h3,
	body.wannup-tpl-focus .entry-content .wannup-card h3 { font-size: 24px; }
}

/* Lignes d'un bloc de texte HubSpot (div à interligne seul, sans marge entre deux lignes) : classe à poser par le convertisseur */
body.wannup-tpl-focus .entry-content p.wannup-line { margin: 0; }

/* Boutons : fond orange, ombre pleine violet nuit, coins 8 px */
body.wannup-tpl-focus .entry-content .wp-block-button__link,
body.wannup-tpl-focus .entry-content .wp-element-button {
	background: #f59d19;
	border: 0;
	border-radius: 8px;
	box-shadow: 0 5px 0 0 #201d41;
	color: #000;
	font-family: Outfit, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.8em;
	padding: 10px 30px;
	text-decoration: none;
	text-transform: none;
	transition: all .15s linear;
}
body.wannup-tpl-focus .entry-content .wp-block-button__link:hover,
body.wannup-tpl-focus .entry-content .wp-element-button:hover {
	background: #201d41;
	box-shadow: 0 0 0 0 #201d41;
	color: #000;
}

/* En-tête de navigation (variante focus-nav) : fond blanc, logo 385 px, icône LinkedIn à droite, pas de menu */
.wannup-focus-header { display: none; }
body.wannup-tpl-focus-nav .wannup-focus-header { display: block; background: #fff; padding: 20px 0; }
body.wannup-tpl-focus-nav .wfh-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}
body.wannup-tpl-focus-nav .wfh-logo { display: block; line-height: 0; }
body.wannup-tpl-focus-nav .wfh-logo img { display: block; width: 385px; max-width: 100%; height: auto; }
body.wannup-tpl-focus-nav .wfh-social { display: block; line-height: 0; }
body.wannup-tpl-focus-nav .wfh-social svg { display: inline; width: 15.75px; height: 18px; fill: #45277c; }
body.wannup-tpl-focus-nav .wfh-social:hover svg { fill: #f59d19; }
@media (max-width: 767px) {
	body.wannup-tpl-focus-nav .wannup-focus-header { padding: 10px 0; }
	body.wannup-tpl-focus-nav .wfh-logo img { width: 200px; }
}

/* Variante sans navigation : bandeau blanc vide de 81 px au-dessus du bloc citation */
.wannup-focus-header-blank { display: none; }
body.wannup-tpl-focus-nonav .wannup-focus-header-blank { display: block; height: 81px; background: #fff; }

/* Pied de page : fond noir, logo de 75 px, mentions légales */
.wannup-focus-footer { display: none; }
body.wannup-tpl-focus .wannup-focus-footer { display: block; background: #000; color: #999; padding: 80px 0 109.6px; }
body.wannup-tpl-focus .wff-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}
body.wannup-tpl-focus .wff-logo { display: block; width: 75px; height: auto; margin: 0 0 42.8px; }
body.wannup-tpl-focus .wff-legal {
	margin: 0 0 24px;
	letter-spacing: 0;
	color: #000;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 28.8px;
	text-align: left;
}
body.wannup-tpl-focus .wff-legal span { color: #fafafa; }
@media (max-width: 767px) {
	body.wannup-tpl-focus .wannup-focus-footer { padding: 80px 0 109.6px; }
}

/* =====================================================================
   PAGES DE DESTINATION (gabarit « main »)
   Trois variantes, selon le <style> en ligne de chaque page :
     -a  parcoursot : html 18 px, Inter, sections claires et sombres
     -b  Inter Tight (texte) + Inter (titres), html 22 px, texte #2a2859, boutons à coins 5 px
     -c  Inter (texte) + Francois One (titres), html 22 px
   `--wr` = taille du rem (html) de la page.
   ===================================================================== */
body.wannup-tpl-main { --wr: 18px; }
body.wannup-tpl-main-b, body.wannup-tpl-main-c { --wr: 22px; }
body.wannup-tpl-main { --wt-body: Inter, sans-serif; --wt-head: Inter, sans-serif; --wt-text: #201d41; }
body.wannup-tpl-main-b { --wt-body: "Inter Tight", sans-serif; --wt-text: #2a2859; }
body.wannup-tpl-main-c { --wt-head: "Francois One", sans-serif; --wt-text: #2a2859; }

body.wannup-tpl-main #inner-wrap { margin-top: 0; }
body.wannup-tpl-main #masthead, body.wannup-tpl-main #colophon { display: none !important; }
body.wannup-tpl-main {
	background: #fff;
	--global-body-font-family: var(--wt-body);
	--global-heading-font-family: var(--wt-head);
}
body.wannup-tpl-main #wrapper,
body.wannup-tpl-main .content-bg,
body.wannup-tpl-main .content-area { background: #fff; }

/* Texte : interligne 1,5. La couleur d'origine est #f6f3f1 avec une couleur en ligne par passage, que le convertisseur ne
   reprend pas : texte bleu nuit sur fond clair, crème (ou blanc) sur fond sombre. */
body.wannup-tpl-main .entry-content {
	color: var(--wt-text);
	font-family: var(--wt-body);
	font-size: var(--wr);
	font-weight: 400;
	line-height: calc(var(--wr) * 1.5);
	letter-spacing: 0;
}
body.wannup-tpl-main .entry-content p,
body.wannup-tpl-main .entry-content li {
	font-family: var(--wt-body);
	line-height: calc(var(--wr) * 1.5);
	letter-spacing: 0;
}
body.wannup-tpl-main .entry-content p { margin: 16.2px 0 0; }
body.wannup-tpl-main-b .entry-content p, body.wannup-tpl-main-c .entry-content p { margin-top: var(--wr); }
body.wannup-tpl-main .entry-content ul,
body.wannup-tpl-main .entry-content ol { margin: calc(var(--wr) * 1.5) 0; padding-left: 40px; }
body.wannup-tpl-main .entry-content ul { list-style: disc; }
body.wannup-tpl-main .entry-content li { margin: 0; padding-left: 0; }

body.wannup-tpl-main .entry-content :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--wt-head);
	letter-spacing: normal;
	text-transform: none;
	margin: calc(var(--wr) * 1.5) 0 0;
	color: var(--wt-text);
}
body.wannup-tpl-main .entry-content :is(h1, h2, h3, h4, h5, h6):not([style*="font-weight"]) { font-weight: 700; }
body.wannup-tpl-main-a .entry-content :is(h1, h2) { margin-top: 18px; }
body.wannup-tpl-main .entry-content h1 { line-height: 1.18; }
body.wannup-tpl-main .entry-content h2 { line-height: 1.16; }
body.wannup-tpl-main .entry-content h3 { line-height: 1.28; }
body.wannup-tpl-main .entry-content h4 { line-height: 1.36; }
body.wannup-tpl-main .entry-content h5 { line-height: 1.9; }
body.wannup-tpl-main .entry-content h6 { line-height: 1.7; }

/* Sections sombres (bleu nuit, image ou dégradé de fond) : texte et titres clairs */
body.wannup-tpl-main .entry-content .has-theme-palette-3-background-color,
body.wannup-tpl-main .entry-content .wp-block-group.alignfull[style*="background-image"]:not(.wannup-bg-clair),
body.wannup-tpl-main .entry-content .wp-block-group[style*="gradient"][style*="#201d41"],
body.wannup-tpl-main .entry-content .has-theme-palette-3-background-color :is(h1, h2, h3, h4, h5, h6, p, li, span, strong),
body.wannup-tpl-main .entry-content .wp-block-group.alignfull[style*="background-image"]:not(.wannup-bg-clair) :is(h1, h2, h3, h4, h5, h6, p, li, span, strong),
body.wannup-tpl-main .entry-content .wp-block-group[style*="gradient"][style*="#201d41"] :is(h1, h2, h3, h4, h5, h6, p, li, span, strong) {
	color: #f6f3f1;
}
body.wannup-tpl-main-b .entry-content .has-theme-palette-3-background-color :is(h1, h2, h3, h4, h5, h6, p, li, span, strong),
body.wannup-tpl-main-b .entry-content .wp-block-group[style*="gradient"][style*="#201d41"] :is(h1, h2, h3, h4, h5, h6, p, li, span, strong),
body.wannup-tpl-main-c .entry-content .has-theme-palette-3-background-color :is(h1, h2, h3, h4, h5, h6, p, li, span, strong),
body.wannup-tpl-main-c .entry-content .wp-block-group[style*="gradient"][style*="#201d41"] :is(h1, h2, h3, h4, h5, h6, p, li, span, strong) {
	color: #fff;
}
/* Tour 3, F6 : sections dont l'image de fond est un motif clair (H-T5 / H-T10 / H-T25.svg) : classe `wannup-bg-clair` posée par le convertisseur,
   texte bleu nuit (#2a2859 sur main-b et main-c, #201d41 sur main-a : couleurs lues sur wannup.com). Classe `wannup-bg-sombre` : image sombre, texte blanc. */
body.wannup-tpl-main .entry-content .wannup-bg-clair :is(h1, h2, h3, h4, h5, h6, p, li, span, strong) { color: #201d41; }
body.wannup-tpl-main-b .entry-content .wannup-bg-clair :is(h1, h2, h3, h4, h5, h6, p, li, span, strong),
body.wannup-tpl-main-c .entry-content .wannup-bg-clair :is(h1, h2, h3, h4, h5, h6, p, li, span, strong) { color: #2a2859; }
body.wannup-tpl-main .entry-content .wannup-bg-sombre :is(h1, h2, h3, h4, h5, h6, p, li, span, strong) { color: #fff; }
/* variante a : les sections sans fond sont crème (#f6f3f1), pas blanches */
body.wannup-tpl-main-a .entry-content > .wp-block-group.alignfull:not(.has-background):not([style*="background"]) { background: #f6f3f1; }

/* Boutons. a : à plat, orange, coins 20 px, 10 px / 50 px, texte crème, 18 px.
   b et c : bleu nuit, texte blanc en majuscules, coins 5 px, 13 px / 30 px, 22 px.
   Le fond de chaque bouton est réglé bouton par bouton dans la page HubSpot (bleu nuit, orange ou noir). */
body.wannup-tpl-main .entry-content .wp-block-button__link,
body.wannup-tpl-main .entry-content .wp-element-button {
	display: inline-block;
	background: #f59d19;
	background-image: none;
	border: 0;
	border-radius: 20px;
	box-shadow: none;
	color: #f6f3f1;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 35.1px;
	letter-spacing: normal;
	margin: 14.4px 0;
	padding: 10px 50px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
}
body.wannup-tpl-main .entry-content .wp-block-button__link:hover,
body.wannup-tpl-main .entry-content .wp-element-button:hover {
	background: #45277c;
	background-image: none;
	color: #f6f3f1;
}
body.wannup-tpl-main-b .entry-content .wp-block-button__link,
body.wannup-tpl-main-b .entry-content .wp-element-button,
body.wannup-tpl-main-c .entry-content .wp-block-button__link,
body.wannup-tpl-main-c .entry-content .wp-element-button {
	background: #201d41;
	border-radius: 5px;
	color: #fff;
	font-family: var(--wt-body);
	font-size: 22px;
	line-height: 33px;
	margin: 0;
	padding: 13px 30px;
	text-transform: uppercase;
}
body.wannup-tpl-main-b .entry-content .wp-block-button__link:hover,
body.wannup-tpl-main-b .entry-content .wp-element-button:hover,
body.wannup-tpl-main-c .entry-content .wp-block-button__link:hover,
body.wannup-tpl-main-c .entry-content .wp-element-button:hover {
	background: #45277c;
	color: #f59d19;
}

/* Pas de soulignement animé des boutons Brightlane (style.css) : ni trait ni décalage sur ces gabarits */
body.wannup-tpl-focus .entry-content .wp-block-button__link,
body.wannup-tpl-focus .entry-content .wp-element-button,
body.wannup-tpl-main .entry-content .wp-block-button__link,
body.wannup-tpl-main .entry-content .wp-element-button {
	text-decoration: none !important;
	text-underline-offset: auto;
}

/* =====================================================================
   Tour 2 du convertisseur : blocs créés pour le gabarit Focus
   ===================================================================== */

/* Bloc citation des pages « recevez vos accès » (module_quote) : photo ronde 150 px, icône jaune, texte 64 px, pastille noire */
body.wannup-tpl-focus .entry-content .wannup-fquote,
body.wannup-tpl-focus .entry-content .wannup-fquote > .wp-block-group__inner-container { display: flex; flex-direction: column; align-items: center; gap: 30px; max-width: 800px; margin: 0 auto; }
body.wannup-tpl-focus .entry-content .wannup-fquote-img { position: relative; }
body.wannup-tpl-focus .entry-content .wannup-fquote-img .wp-block-image { margin: 0; }
body.wannup-tpl-focus .entry-content .wannup-fquote-img img { display: block; width: 150px; height: 150px; border-radius: 50%; background: #000; object-fit: cover; }
body.wannup-tpl-focus .entry-content .wannup-fquote-icon {
	position: absolute; left: -25px; top: 50%; transform: translateY(-25px); z-index: 1;
	width: 50px; height: 50px; padding: 15px; box-sizing: border-box; line-height: 0; font-size: 0;
	background: #ffff04; border-radius: 8px; box-shadow: 0 5px 0 0 #45277c;
}
body.wannup-tpl-focus .entry-content .wannup-fquote-icon svg { width: 20px; height: 20px; fill: #fff; display: block; }
body.wannup-tpl-focus .entry-content p.wannup-fquote-text {
	margin: 0; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 64px; font-weight: 700; line-height: 1.2em; text-align: center; color: #000;
}
body.wannup-tpl-focus .entry-content p.wannup-fquote-owner {
	margin: 0; background: #000; color: #fff; font-size: 14px; line-height: 28.8px; border-radius: 30px; padding: 0 10px; width: fit-content;
}
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content p.wannup-fquote-text { font-size: 48px; }
}

/* Compte à rebours expiré (module_countdown-timer) : 96 px gras orange, 72 px sous 1140 px, 40 px sous 768 px */
body.wannup-tpl-focus .entry-content p.wannup-countdown { margin: 0; font-size: 96px; font-weight: 700; line-height: 28.8px; }
@media (max-width: 1139px) { body.wannup-tpl-focus .entry-content p.wannup-countdown { font-size: 72px; } }
@media (max-width: 767px) { body.wannup-tpl-focus .entry-content p.wannup-countdown { font-size: 40px; } }

/* Titre du module « fancy header » : en ligne, 400 px au plus (800 px et 96 px pour « huge », 48 px sous 768 px), centré, sans marge basse */
body.wannup-tpl-focus .entry-content .wannup-fancy { display: block; width: fit-content; max-width: 400px; margin: 0 auto; padding: 0; text-align: center; }
body.wannup-tpl-focus .entry-content .wannup-fancy-huge { font-size: 96px; line-height: 1.2em; max-width: 800px; }
@media (max-width: 767px) { body.wannup-tpl-focus .entry-content .wannup-fancy-huge { font-size: 48px; } }

/* Lignes d'un bloc de texte HubSpot : en ligne ce sont des div, qui héritent l'interligne de 28,8 px du corps (1,8em de 16 px) quelle que soit leur taille */
body.wannup-tpl-focus .entry-content p.wannup-line { line-height: 28.8px; }

/* En-tête de section (module « section header » : titre + sous-titre centrés, interligne de 20 px) */
body.wannup-tpl-focus .entry-content .wannup-sechead { line-height: 20px; text-align: center; }
body.wannup-tpl-focus .entry-content h2.wannup-sechead { max-width: none; width: auto; margin-left: 0; margin-right: 0; margin-bottom: 36px; }
/* listes à taille propre (ul / ol style="font-size:18px") : l'interligne des li reste celui du corps (28,8 px) */
body.wannup-tpl-focus .entry-content .wannup-linelist > li { line-height: 28.8px; }

/* Cartes du module « cards » (FAQ, carrières) : titre et icône sur une ligne, icône de 40 px à droite (.card_icon svg : hauteur 40 px, marge haute 10 px, marge basse 30 px) */
body.wannup-tpl-focus .entry-content .wannup-card-head { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
body.wannup-tpl-focus .entry-content .wannup-card-head .wannup-card-title { margin: 0 0 30px; }
body.wannup-tpl-focus .entry-content .wannup-card-icon { display: block; line-height: 0; }
body.wannup-tpl-focus .entry-content .wannup-card-icon svg { display: block; height: 40px; width: auto; margin: 10px 0 30px; fill: #45277c; }
body.wannup-tpl-focus .entry-content .wannup-grid-row + .wannup-grid-row { margin-top: 60px; }
body.wannup-tpl-focus .entry-content .wp-block-columns:has(> .wannup-card) { gap: 60px; align-items: flex-start; }

/* =====================================================================
   Pages de destination : tailles de titres par défaut de default_template_main (en rem de la page : --wr = 22 px ou 18 px)
   Posées seulement sur les titres sans taille en ligne ; mobile (< 768 px) : titres réduits, texte à .8rem, tout centré (.bold__feature_page)
   ===================================================================== */
body.wannup-tpl-main .entry-content h1:not([style*="font-size"]) { font-size: calc(var(--wr) * 2.14); }
body.wannup-tpl-main .entry-content h2:not([style*="font-size"]) { font-size: calc(var(--wr) * 2); }
body.wannup-tpl-main .entry-content h3:not([style*="font-size"]) { font-size: calc(var(--wr) * 1.6); }
body.wannup-tpl-main-b .entry-content h4:not([style*="font-size"]),
body.wannup-tpl-main-c .entry-content h4:not([style*="font-size"]) { font-size: var(--wr); }
body.wannup-tpl-main-b .entry-content h5:not([style*="font-size"]),
body.wannup-tpl-main-c .entry-content h5:not([style*="font-size"]) { font-size: calc(var(--wr) * .75); }
@media (max-width: 767px) {
	body.wannup-tpl-main-b .entry-content h1:not([style*="font-size"]),
	body.wannup-tpl-main-c .entry-content h1:not([style*="font-size"]) { font-size: calc(var(--wr) * 1.34); }
	body.wannup-tpl-main-b .entry-content h2:not([style*="font-size"]),
	body.wannup-tpl-main-c .entry-content h2:not([style*="font-size"]) { font-size: calc(var(--wr) * 1.2); }
	body.wannup-tpl-main-b .entry-content h3:not([style*="font-size"]),
	body.wannup-tpl-main-c .entry-content h3:not([style*="font-size"]) { font-size: var(--wr); }
	body.wannup-tpl-main-b .entry-content h4:not([style*="font-size"]),
	body.wannup-tpl-main-c .entry-content h4:not([style*="font-size"]) { font-size: calc(var(--wr) * .9); }
	body.wannup-tpl-main-b .entry-content p:not([style*="font-size"]),
	body.wannup-tpl-main-c .entry-content p:not([style*="font-size"]) { font-size: calc(var(--wr) * .8); }
	/* .bold__feature_page : titres et paragraphes centrés (sauf alignement posé en ligne : classe has-text-align-*) */
	body.wannup-tpl-main-b .entry-content :is(h1, h2, h3, h4, h5, h6, p):not([class*="has-text-align"]),
	body.wannup-tpl-main-c .entry-content :is(h1, h2, h3, h4, h5, h6, p):not([class*="has-text-align"]) { text-align: center; }
}

/* =====================================================================
   Tour 3 (revue finale)
   ===================================================================== */

/* F7 : icônes sociales du pied des pages de destination (module « social links »).
   main-b / main-c : rond blanc de 40 px, pictogramme noir (mail 24 x 18 px, LinkedIn 20 x 21 px), 18 px entre deux ronds.
   main-a (/parcoursot) : pas de rond, pictogramme blanc (mail 18 x 14 px, LinkedIn 16 x 16 px), centres à 70 px. Mesuré sur les captures en ligne. */
body.wannup-tpl-main .entry-content .wp-block-social-links { gap: 18px; justify-content: center; margin: 0; padding: 0; font-size: 24px; }
body.wannup-tpl-main .entry-content .wp-block-social-links .wp-social-link {
	display: block;
	width: 40px;
	height: 40px;
	background: #fff;
	color: #000;
	border-radius: 50%;
	transform: none;
}
body.wannup-tpl-main .entry-content .wp-block-social-links .wp-social-link a { width: 100%; height: 100%; padding: 0; justify-content: center; color: #000; }
body.wannup-tpl-main .entry-content .wp-block-social-links .wp-social-link svg { width: 27px; height: 27px; fill: #000; }
body.wannup-tpl-main .entry-content .wp-block-social-links .wp-social-link-mail svg { width: 32px; height: 32px; }
body.wannup-tpl-main-a .entry-content .wp-block-social-links { gap: 30px; }
body.wannup-tpl-main-a .entry-content .wp-block-social-links .wp-social-link { background: transparent; color: #fff; width: 40px; height: 40px; }
body.wannup-tpl-main-a .entry-content .wp-block-social-links .wp-social-link a { color: #fff; }
body.wannup-tpl-main-a .entry-content .wp-block-social-links .wp-social-link svg { width: 21px; height: 21px; fill: #fff; }
body.wannup-tpl-main-a .entry-content .wp-block-social-links .wp-social-link-mail svg { width: 24px; height: 24px; }

/* F12 : cartes « cards » des carrières (section qui ne contient que les cartes ; sur la FAQ GPS elles gardent la gouttière de colonne) : rangée sans gouttière (1240 px), trois colonnes de (100 % - 2 x 60 px) / 3 = 373 px même s'il n'y a que deux cartes */
body.wannup-tpl-focus .entry-content .wp-block-group.alignfull .is-layout-constrained > .wp-block-columns:has(> .wannup-card),
body.wannup-tpl-focus .entry-content .wp-block-group.alignfull .is-layout-constrained > .wp-block-group:only-child:has(> .wp-block-group__inner-container > .wp-block-columns > .wannup-card) { padding-left: 0; padding-right: 0; }
@media (min-width: 782px) {
	body.wannup-tpl-focus .entry-content .wp-block-columns:has(> .wannup-card) > .wp-block-column { flex: 0 0 calc((100% - 120px) / 3) !important; }
}

/* F11 : images des pages de destination en mobile : 40 px dessus et dessous (HubSpot : `img { margin: 40px 0 }`). En padding et non en marge : la marge
   de l'image s'effondrait avec celle du titre voisin (40 px au lieu de 40 + 33 px) ; `.wannup-bold-img` du convertisseur est neutralisée. */
@media (max-width: 767px) {
	body.wannup-tpl-main .entry-content .wp-block-column .wp-block-image,
	body.wannup-tpl-main .entry-content .wp-block-image.wannup-bold-img { margin-top: 0; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; }
	/* interligne du texte : 1,2 em de 22 px (26,4 px) au lieu de 1,5 em */
	body.wannup-tpl-main-b .entry-content p, body.wannup-tpl-main-c .entry-content p { line-height: calc(var(--wr) * 1.2); }
	/* FAQ GPS : captures d'écran empilées à 9 px l'une de l'autre */
	body.wannup-tpl-focus .entry-content .wannup-col-3 .wp-block-image { margin-bottom: 9px; }
}
@media (max-width: 781px) {
	body.wannup-tpl-focus .entry-content .wp-block-columns:has(> .wannup-col-3) { row-gap: 0; }
}

/* Colonnes empilées (< 782 px) : pas d'espace de 2 em entre deux colonnes, les marges des images et des titres suffisent (HubSpot : +32 px en trop mesurés entre image et titre) */
@media (max-width: 781px) {
	body.wannup-tpl-main .entry-content .wp-block-columns:not(.wannup-grid-row) { row-gap: 0; }
}

/* Image d'un lien (logo) : pas de blanc de 9 px sous l'image dû à la ligne de texte (HubSpot : 33 px entre le logo et le titre, pas 42) */
body.wannup-tpl-main .entry-content .wp-block-image { line-height: 0; }
body.wannup-tpl-main .entry-content .wp-block-image figcaption { line-height: calc(var(--wr) * 1.5); }
body.wannup-tpl-main .entry-content .wp-block-image img { vertical-align: bottom; }

/* Dernier paragraphe avant un bloc de boutons : pas de marge basse (la marge de 14,4 px du bouton suffit) */
body.wannup-tpl-main .entry-content :is(p, ul, ol):has(+ .wp-block-buttons) { margin-bottom: 0; }

/* Boutons en Inter sur /découvrez-gratuitement… (classe de body posée par inc/gabarits.php) */
body.wannup-btn-inter .entry-content .wp-block-button__link,
body.wannup-btn-inter .entry-content .wp-element-button { font-family: Inter, sans-serif; }

/* F10 (en secours du convertisseur) : paragraphe de taille propre (font-size en ligne) : en ligne c'est un div qui garde l'interligne de 28,8 px
   du corps et n'a aucune marge ; sans cette règle : interligne 1,8 em de la taille propre, marge basse 2,5 em */
body.wannup-tpl-focus .entry-content p[style*="font-size"]:not([class*="wannup-"]) { line-height: 28.8px; margin-bottom: 0; }

/* Carrières : en mobile, 100 px de plus sous la section des cartes (mesuré : dernier texte → pied de page 467 px en ligne, 367 px en local) */
@media (max-width: 767px) {
	body.wannup-tpl-focus .entry-content > .wp-block-group.alignfull:has(.wannup-card):last-child { padding-bottom: 200px !important; }
}

/* Petite flèche ↗ devant un titre ou une puce (img.wannup-inline-img) : sur la même ligne que le texte, comme en ligne (Kadence met `img { display: block }`) */
body.wannup-tpl-main .entry-content img.wannup-inline-img { display: inline; vertical-align: baseline; }

/* FAQ GPS (bureau) : captures d'étape de 266 px de large (colonnes de 25 % de 1240 px en ligne, 1220 px ici) */
@media (min-width: 768px) {
	body.wannup-tpl-focus .entry-content .wannup-col-3 .wp-block-image img { width: 266px; max-width: 100%; height: auto; }
}