/* ============================================================
SW FA2 — Financial Afrik · feuille de style principale
Charte issue de la maquette Figma "Projet maquette 1"
Typo : Source Serif 4 (titres) · Inter (UI) · JetBrains Mono (data)
============================================================ */
:root {
/* Fonds */
--c-paper: #f8ebe2; /* saumon de fond */
--c-faint: #f4ece5; /* saumon clair (bandes) */
--c-white: #ffffff;
--c-border: #ecdfd5;
/* Encres */
--c-ink-900: #0a0a0a;
--c-ink-700: #2a2a2a;
--c-ink-500: #5a5a5a;
--c-ink-400: #737373;
--c-meta: #8a8a8a; /* gris méta (charte) */
/* Marque */
--c-red: #9b2c2c;
/* Data */
--c-up: #5a7a4a;
--c-down: #9b3a3a;
/* Carte bourse sombre */
--c-dark: #0f1c30;
--c-dark-panel: #0b1728;
--c-dark-line: #25374f;
--c-dark-mut: #8ba0b8;
--c-dark-mut2: #6f8299;
--c-green: #37d07f;
--c-accent: #2f6df6;
/* Footer */
--c-footer: #161616;
/* Typo */
--f-serif: "Source Serif 4", Georgia, serif;
--f-sans: "Inter", -apple-system, sans-serif;
--f-mono: "JetBrains Mono", monospace;
--wrap: 1200px;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--c-paper); color: var(--c-ink-900); font-family: var(--f-sans); font-size: 15px; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--c-red); }
h1, h2, h3, h4 { font-family: var(--f-serif); font-weight: 600; line-height: 1.15; margin: 0 0 .4em; }
.fa-wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 24px; }
.is-up { color: var(--c-up); font-style: normal; }
.is-down { color: var(--c-down); font-style: normal; }
.is-red { color: var(--c-red); }
/* ---------- Boutons ---------- */
.fa-btn { display: inline-block; padding: 10px 18px; font: 600 13px var(--f-sans); border-radius: 2px; border: 1px solid transparent; cursor: pointer; }
.fa-btn--dark { background: var(--c-ink-900); color: #fff; }
.fa-btn--dark:hover { background: var(--c-red); color: #fff; }
.fa-btn--red { background: var(--c-red); color: #fff; }
.fa-btn--red:hover { background: #7d2222; color: #fff; }
.fa-btn--ghost { background: #fff; border-color: var(--c-border); color: var(--c-ink-900); }
.fa-btn--ghost-light { background: transparent; border-color: rgba(255,255,255,.4); color: #fff; }
.fa-kicker { font: 600 11px var(--f-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--c-red); margin: 0 0 6px; }
.fa-kicker--badge { display: inline-block; background: var(--c-red); color: #fff; padding: 5px 12px; }
/* ---------- Topbar ---------- */
.fa-topbar { background: #fff; border-bottom: 1px solid var(--c-border); font-size: 12px; color: var(--c-ink-500); }
.fa-topbar__in { display: flex; align-items: center; gap: 18px; height: 36px; }
.fa-topbar__social { display: flex; gap: 12px; }
.fa-topbar__right { margin-left: auto; display: flex; gap: 14px; align-items: center; }
.fa-topbar__premium { color: var(--c-red); font-weight: 600; }
/* ---------- Masthead / marque ---------- */
.fa-masthead__in { display: flex; align-items: center; justify-content: space-between; padding: 26px 24px; }
.fa-brand__logo { font-family: var(--f-serif); font-size: 34px; font-weight: 600; color: var(--c-ink-900); }
.fa-brand__logo em { color: var(--c-red); }
.fa-brand__f { color: var(--c-red); }
.fa-brand__baseline { margin: 2px 0 0; font-size: 11.5px; color: var(--c-ink-400); }
.fa-masthead__cta { display: flex; gap: 10px; align-items: center; }
/* ---------- Navigation ---------- */
.fa-nav { background: var(--c-faint); border-block: 1px solid var(--c-border); }
.fa-nav__in { display: flex; align-items: center; gap: 18px; }
.fa-nav__list { list-style: none; margin: 0; padding: 0; display: flex; }
.fa-nav__item { position: relative; }
.fa-nav__item > a { display: flex; align-items: center; gap: 5px; padding: 15px 12px; font: 500 14px var(--f-sans); color: var(--c-ink-700); }
.fa-nav__item > a:hover { color: var(--c-red); }
.fa-nav__chev { font-size: 9px; color: var(--c-ink-400); }
/* Sous-menus (dropdown) */
.fa-dd { position: absolute; top: 100%; left: 0; z-index: 50; width: 258px; background: #fff; border: 1px solid var(--c-border); border-top: 3px solid var(--c-red); box-shadow: 0 14px 30px rgba(0,0,0,.1); padding: 16px 18px; display: none; }
.fa-nav__item:hover .fa-dd, .fa-nav__item:focus-within .fa-dd { display: block; }
.fa-dd__title { font: 600 16px var(--f-serif); margin: 0 0 8px; }
.fa-dd ul { list-style: none; margin: 0; padding: 0; }
.fa-dd li a { display: flex; justify-content: space-between; padding: 8px 0; font-size: 13.5px; color: var(--c-ink-700); border-top: 1px solid var(--c-faint); }
.fa-dd li a::after { content: "›"; color: var(--c-ink-400); }
.fa-dd__all { display: block; margin-top: 10px; font: 600 12.5px var(--f-sans); color: var(--c-red); }
/* Menus WP natifs (wp_nav_menu à 2 niveaux) */
.fa-nav__list .sub-menu { position: absolute; top: 100%; left: 0; z-index: 50; min-width: 230px; background: #fff; border: 1px solid var(--c-border); border-top: 3px solid var(--c-red); box-shadow: 0 14px 30px rgba(0,0,0,.1); padding: 8px 0; display: none; list-style: none; }
.fa-nav__list li:hover > .sub-menu, .fa-nav__list li:focus-within > .sub-menu { display: block; }
.fa-nav__list .sub-menu a { display: block; padding: 8px 16px; font-size: 13.5px; }
/* Recherche */
.fa-search { margin-left: auto; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--c-border); border-radius: 3px; padding: 8px 12px; min-width: 320px; }
.fa-search input { border: 0; outline: 0; width: 100%; font: 400 13px var(--f-sans); background: transparent; }
.fa-search__icon { color: var(--c-ink-400); }
/* ---------- Ticker ---------- */
.fa-ticker { display: flex; align-items: center; gap: 16px; background: #fff; border-bottom: 1px solid var(--c-border); padding: 9px 24px; font-family: var(--f-mono); font-size: 11px; overflow: hidden; }
.fa-ticker__live { color: var(--c-red); font-weight: 700; white-space: nowrap; }
.fa-ticker__dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--c-red); animation: fa-blink 1.4s infinite; }
@keyframes fa-blink { 50% { opacity: .25; } }
.fa-ticker__scroll { display: flex; gap: 26px; white-space: nowrap; }
.fa-ticker__item em { font-style: normal; }
.fa-ticker__item em.is-up { color: var(--c-up); }
.fa-ticker__item em.is-down { color: var(--c-down); }
/* ---------- Zones pub ---------- */
.fa-ad { max-width: var(--wrap); margin: 22px auto; padding: 34px 24px; background: repeating-linear-gradient(45deg, #efe2d7, #efe2d7 12px, #f4ece5 12px, #f4ece5 24px); border: 1px dashed var(--c-border); text-align: center; color: var(--c-ink-400); font: 600 11px var(--f-sans); text-transform: uppercase; letter-spacing: .12em; }
/* ---------- Layout 2 colonnes ---------- */
.fa-layout { display: grid; grid-template-columns: 1fr 340px; gap: 32px; padding-top: 30px; padding-bottom: 30px; align-items: start; }
.fa-layout__main { min-width: 0; }
/* ---------- Home ---------- */
.fa-home__masthead h1 { font-size: 44px; letter-spacing: -.015em; margin: 28px 0 4px; }
.fa-hero__img { display: block; margin-bottom: 14px; }
.fa-hero__title { font-size: 34px; }
.fa-hero__title a:hover { color: var(--c-red); }
.fa-hero__excerpt { color: var(--c-ink-500); font-size: 15.5px; max-width: 60ch; }
.fa-byline { font-size: 12.5px; color: var(--c-ink-500); }
.fa-byline:hover { color: var(--c-red); }
/* Sections */
.fa-section-head { display: flex; align-items: baseline; gap: 14px; border-left: 5px solid var(--c-red); padding-left: 12px; margin: 38px 0 18px; }
.fa-section-head h2 { font-size: 26px; margin: 0; }
.fa-section-head a { margin-left: auto; font: 600 12.5px var(--f-sans); color: var(--c-red); }
.fa-section-head__count { margin-left: auto; color: var(--c-meta); font-size: 13px; }
.fa-section-head__solo { border-left: 5px solid var(--c-red); padding-left: 12px; font-size: 24px; margin: 30px 0 16px; }
.fa-strip__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.fa-rubric__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
/* ---------- Cartes article ---------- */
.fa-card { background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 14px; }
.fa-card__thumb img, .fa-card__ph { width: 100%; aspect-ratio: 232/150; object-fit: cover; border-radius: 3px; background: #ddccbe; display: block; margin-bottom: 10px; }
.fa-card__title { font-size: 18px; margin: 4px 0 6px; }
.fa-card__title a:hover { color: var(--c-red); }
.fa-card__excerpt { color: var(--c-ink-500); font-size: 13.5px; margin: 0 0 8px; }
.fa-card__more { font: 600 12px var(--f-sans); color: var(--c-red); }
.fa-card--h { display: flex; gap: 18px; margin-bottom: 16px; }
.fa-card--h .fa-card__thumb { flex: 0 0 232px; }
.fa-card--h .fa-card__thumb img, .fa-card--h .fa-card__ph { margin: 0; }
.fa-card__body { min-width: 0; }
/* Méta */
.fa-meta { display: flex; align-items: center; gap: 7px; margin: 0 0 4px; font-size: 10.5px; }
.fa-meta__cat { color: var(--c-red); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.fa-meta__sep, .fa-meta__date { color: var(--c-meta); font-weight: 400; }
/* ---------- Market Pulse (home) ---------- */
.fa-marketpulse { background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 20px; margin-top: 36px; }
.fa-pulse__head { display: flex; align-items: baseline; }
.fa-pulse__head h2 { font-size: 22px; margin: 0; }
.fa-pulse__head a { margin-left: auto; font: 600 12.5px var(--f-sans); color: var(--c-red); }
.fa-pulse__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; margin-top: 14px; }
.fa-pulse__cell { border: 1px solid var(--c-border); border-radius: 3px; padding: 10px 12px; font-family: var(--f-mono); font-size: 12px; display: grid; gap: 2px; }
.fa-pulse__cell:hover { border-color: var(--c-red); }
/* ---------- Sidebar ---------- */
.fa-widget { background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 18px; margin-bottom: 18px; }
.fa-widget__title { font-family: var(--f-sans); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; border-left: 4px solid var(--c-red); padding-left: 9px; margin: 0 0 12px; }
.fa-widget__all { font: 600 12px var(--f-sans); color: var(--c-red); }
.fa-chrono__item { display: flex; gap: 10px; padding: 8px 0; border-top: 1px solid var(--c-faint); font-size: 13.5px; }
.fa-chrono__item:first-of-type { border-top: 0; }
.fa-chrono__item time { font-family: var(--f-mono); font-size: 11px; color: var(--c-red); padding-top: 3px; }
.fa-nl { display: grid; gap: 8px; }
.fa-nl input { padding: 10px 12px; border: 1px solid var(--c-border); border-radius: 2px; font: 400 13px var(--f-sans); }
/* ---------- Article ---------- */
.fa-crumb { font-size: 12.5px; color: var(--c-ink-400); margin: 4px 0 16px; }
.fa-crumb a:hover { color: var(--c-red); }
.fa-article__title { font-size: 38px; letter-spacing: -.01em; }
.fa-article__chapo { font-family: var(--f-serif); font-size: 20px; line-height: 1.5; color: var(--c-ink-700); }
.fa-article__byline { font-size: 12.5px; color: var(--c-ink-500); }
.fa-article__cover img { border-radius: 4px; }
.fa-article__cover figcaption { font-size: 12px; color: var(--c-meta); margin-top: 6px; }
.fa-article__content { font-family: var(--f-serif); font-size: 18.5px; line-height: 1.72; max-width: 72ch; }
.fa-article__content p { margin: 0 0 1.2em; }
.fa-share { display: flex; align-items: center; gap: 8px; margin: 26px 0; font: 600 11px var(--f-sans); text-transform: uppercase; letter-spacing: .06em; color: var(--c-ink-400); }
.fa-share a { display: grid; place-items: center; width: 34px; height: 34px; background: var(--c-ink-900); color: #fff; border-radius: 3px; font-size: 13px; }
.fa-share a:hover { background: var(--c-red); color: #fff; }
.fa-authorbox { display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 16px; }
.fa-authorbox img { border-radius: 50%; }
.fa-authorbox__name { font-family: var(--f-serif); font-weight: 600; font-size: 17px; }
.fa-authorbox p { margin: 2px 0 0; font-size: 13px; color: var(--c-ink-500); }
/* ---------- Rubrique / auteur ---------- */
.fa-rubric__hero { padding-top: 28px; }
.fa-rubric__hero h1 { font-size: 40px; }
.fa-rubric__desc { color: var(--c-ink-500); max-width: 70ch; }
.fa-rubric__count { color: var(--c-meta); font-size: 13px; }
.fa-author__hero { padding-top: 24px; }
.fa-author__head { display: flex; gap: 28px; align-items: flex-start; padding: 10px 0 8px; }
.fa-author__avatar { border-radius: 50%; border: 4px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.fa-author__head h1 { font-size: 36px; margin-bottom: 2px; }
.fa-author__bio { color: var(--c-ink-500); max-width: 72ch; }
.fa-author__actions { display: flex; gap: 8px; align-items: center; }
.fa-sq { display: grid; place-items: center; width: 36px; height: 36px; background: #fff; border: 1px solid var(--c-border); border-radius: 2px; font-weight: 600; font-size: 13px; }
/* ---------- Pagination ---------- */
.pagination, .fa-comments .navigation { margin: 24px 0; }
.page-numbers { display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 10px; background: #fff; border: 1px solid var(--c-border); border-radius: 2px; font: 500 13px var(--f-sans); margin-right: 6px; }
.page-numbers.current { background: var(--c-red); border-color: var(--c-red); color: #fff; }
/* ---------- CTA Premium ---------- */
.fa-premium { background: var(--c-footer); color: #fff; margin-top: 42px; }
.fa-premium__in { display: flex; gap: 40px; align-items: center; justify-content: space-between; padding-top: 44px; padding-bottom: 44px; }
.fa-premium h2 { font-size: 32px; color: #fff; }
.fa-premium__desc { color: #c9c9c9; max-width: 60ch; }
.fa-premium__actions { display: flex; gap: 10px; }
.fa-premium__price { font-family: var(--f-serif); font-size: 64px; font-weight: 600; white-space: nowrap; }
.fa-premium__price small { display: block; font: 400 12px var(--f-sans); color: #c9c9c9; }
.fa-premium__price span { font: 400 13px var(--f-sans); color: #c9c9c9; }
/* ---------- Pricing ---------- */
.fa-pricing__hero { text-align: center; padding-top: 40px; }
.fa-pricing__hero h1 { font-size: 38px; }
.fa-pricing__hero p { color: var(--c-ink-500); }
.fa-pricing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-top: 26px; padding-bottom: 10px; }
.fa-tier { position: relative; background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 24px; }
.fa-tier.is-hot { border: 2px solid var(--c-red); }
.fa-tier__flag { position: absolute; top: -11px; left: 18px; background: var(--c-red); color: #fff; font: 600 10.5px var(--f-sans); text-transform: uppercase; letter-spacing: .08em; padding: 4px 10px; margin: 0; }
.fa-tier h2 { font-size: 20px; }
.fa-tier__price { font-family: var(--f-serif); font-size: 42px; font-weight: 600; margin: 6px 0 14px; }
.fa-tier__price span { font: 400 12.5px var(--f-sans); color: var(--c-meta); }
.fa-tier__feats { list-style: none; margin: 16px 0 0; padding: 0; font-size: 13.5px; color: var(--c-ink-700); }
.fa-tier__feats li { padding: 6px 0; border-top: 1px solid var(--c-faint); }
.fa-pricing__unit { display: flex; align-items: center; gap: 28px; background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 26px; margin: 24px auto 40px; }
.fa-pricing__unit h2 { font-size: 22px; margin: 0; border-left: 5px solid var(--c-red); padding-left: 12px; }
.fa-pricing__unit p { margin: 4px 0 0; color: var(--c-ink-500); }
.fa-pricing__unit-price { margin-left: auto; font-family: var(--f-serif); font-size: 40px; font-weight: 600; white-space: nowrap; }
.fa-pricing__unit-price span { font: 400 12.5px var(--f-sans); color: var(--c-meta); }
/* ---------- Markets ---------- */
.fa-places { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.fa-places__card { background: #fff; border: 1px solid var(--c-border); border-radius: 3px; padding: 13px; }
.fa-places__name { font: 600 11.5px var(--f-sans); text-transform: uppercase; margin: 0; }
.fa-places__city { font: 400 10px var(--f-sans); text-transform: uppercase; color: var(--c-ink-400); margin: 2px 0 6px; }
.fa-places__val { font-family: var(--f-serif); font-size: 20px; font-weight: 600; margin: 0; }
.fa-places__var { font-family: var(--f-mono); font-size: 11px; margin: 3px 0 0; }
.fa-quotes { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--c-border); border-radius: 4px; overflow: hidden; }
.fa-quotes th { background: var(--c-faint); font: 600 10.5px var(--f-sans); text-transform: uppercase; letter-spacing: .04em; color: var(--c-ink-400); text-align: left; padding: 10px 14px; }
.fa-quotes td { padding: 12px 14px; border-top: 1px solid var(--c-border); font-size: 13px; }
.fa-quotes td span { display: block; font-size: 11px; color: var(--c-ink-400); }
.fa-quotes .num { font-family: var(--f-mono); text-align: right; }
.fa-tops__row { display: flex; gap: 8px; padding: 8px 0; border-top: 1px solid var(--c-faint); margin: 0; font-size: 12.5px; }
.fa-tops__row span { color: var(--c-ink-400); }
.fa-tops__row em { margin-left: auto; font-family: var(--f-mono); font-style: normal; }
/* ---------- Carte société cotée (sombre) ---------- */
.fa-stock { background: var(--c-dark); color: #eef4fb; border-radius: 14px; padding: 26px 28px; margin: 18px 0 26px; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.fa-stock__top { display: flex; align-items: center; justify-content: space-between; }
.fa-stock__ticker { font: 600 28px var(--f-sans); margin: 0; }
.fa-stock__exchange { font: 500 12px var(--f-sans); text-transform: uppercase; letter-spacing: .04em; color: var(--c-dark-mut); margin: 2px 0 0; }
.fa-stock__badge { display: inline-flex; align-items: center; gap: 7px; background: #10251c; border: 1px solid #1c3b2c; color: var(--c-green); border-radius: 20px; padding: 7px 13px; font: 500 12px var(--f-sans); }
.fa-stock__badge span { width: 7px; height: 7px; border-radius: 50%; background: var(--c-green); }
.fa-stock__price { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 18px; }
.fa-stock__label { font-size: 12.5px; color: var(--c-dark-mut); margin: 0 0 4px; }
.fa-stock__last { font: 600 42px var(--f-sans); margin: 0; }
.fa-stock__var { text-align: right; }
.fa-stock__pct { font: 600 26px var(--f-sans); color: var(--c-green); margin: 0; }
.fa-stock__abs { font: 500 15px var(--f-sans); color: var(--c-green); margin: 2px 0 0; }
.fa-stock__chart { margin-top: 20px; }
.fa-stock__pills { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.fa-stock__pills button { background: #16253c; border: 1px solid #2b3e5a; color: var(--c-dark-mut); font: 600 11.5px var(--f-sans); padding: 6px 10px; border-radius: 6px; cursor: pointer; }
.fa-stock__pills button.is-active { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }
.fa-stock__range { font-size: 12px; color: var(--c-dark-mut); }
.fa-stock__range em.is-up { color: var(--c-green); font-weight: 600; }
.fa-stock__canvas { min-height: 220px; display: grid; place-items: center; background: var(--c-dark-panel); border: 1px solid var(--c-dark-line); border-radius: 10px; color: var(--c-dark-mut2); font-size: 12px; }
.fa-stock__note { font-size: 11.5px; color: var(--c-dark-mut2); }
.fa-stock__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 18px 0 0; }
.fa-stock__cell { background: var(--c-dark-panel); border: 1px solid var(--c-dark-line); border-radius: 8px; padding: 12px 13px; }
.fa-stock__cell dt { font-size: 10px; text-transform: uppercase; letter-spacing: .03em; color: var(--c-dark-mut2); }
.fa-stock__cell dd { margin: 5px 0 0; font: 600 14.5px var(--f-sans); }
.fa-stock__source { border-top: 1px solid var(--c-dark-line); margin-top: 18px; padding-top: 12px; font-size: 11.5px; color: var(--c-dark-mut2); }
/* ---------- Footer ---------- */
.fa-footer { background: var(--c-footer); color: #d5d5d5; margin-top: 48px; font-size: 13.5px; }
.fa-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 36px; padding-top: 46px; padding-bottom: 36px; }
.fa-brand__logo--footer { font-size: 26px; color: #fff; margin: 0 0 10px; }
.fa-footer h4 { font-family: var(--f-sans); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #9a9a9a; border-bottom: 2px solid var(--c-red); display: inline-block; padding-bottom: 6px; }
.fa-footer ul { list-style: none; margin: 12px 0 0; padding: 0; }
.fa-footer li { margin-bottom: 9px; }
.fa-footer a:hover { color: #fff; }
.fa-footer__bar { border-top: 1px solid #2c2c2c; }
.fa-footer__bar-in { display: flex; justify-content: space-between; padding-top: 14px; padding-bottom: 14px; font-size: 12px; color: #8a8a8a; }
/* ---------- Burger + menu mobile ---------- */
.fa-burger { display: none; flex-direction: column; gap: 4px; background: none; border: 0; padding: 8px; cursor: pointer; }
.fa-burger span { width: 20px; height: 2px; background: var(--c-ink-900); }
.fa-mmenu { position: fixed; inset: 0; z-index: 200; background: var(--c-paper); overflow-y: auto; padding: 0 16px 24px; }
.fa-mmenu__bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(--c-border); }
.fa-brand__logo--sm { font-size: 22px; }
.fa-mmenu__close { background: none; border: 0; font-size: 20px; cursor: pointer; }
.fa-search--menu { margin: 14px 0; min-width: 0; }
.fa-mmenu__home { display: block; padding: 14px 0; color: var(--c-red); font: 600 16px var(--f-serif); border-bottom: 1px solid var(--c-border); }
.fa-mmenu__item { display: flex; width: 100%; align-items: center; justify-content: space-between; background: none; border: 0; border-bottom: 1px solid var(--c-border); padding: 15px 0; font: 600 17px var(--f-serif); color: var(--c-ink-900); cursor: pointer; text-align: left; }
.fa-mmenu__sub { list-style: none; margin: 0; padding: 0 0 8px; }
.fa-mmenu__sub a { display: block; padding: 10px 14px; font-size: 14px; color: var(--c-ink-500); border-bottom: 1px solid var(--c-faint); }
.fa-mmenu__all { color: var(--c-red) !important; font-weight: 600; }
.fa-mmenu__cta { display: block; text-align: center; margin-top: 18px; }
/* ---------- 404 ---------- */
.fa-404 { text-align: center; padding: 80px 24px; }
/* ============================================================
Responsive
============================================================ */
@media (max-width: 1024px) {
.fa-layout { grid-template-columns: 1fr; }
.fa-places { grid-template-columns: repeat(3, 1fr); }
.fa-pricing__grid { grid-template-columns: repeat(2, 1fr); }
.fa-stock__grid { grid-template-columns: repeat(2, 1fr); }
.fa-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
.fa-nav, .fa-topbar__social { display: none; }
.fa-burger { display: flex; }
.fa-masthead__in { padding: 14px 16px; }
.fa-brand__logo { font-size: 24px; }
.fa-masthead__cta .fa-btn--ghost { display: none; }
.fa-home__masthead h1 { font-size: 30px; }
.fa-hero__title { font-size: 25px; }
.fa-article__title { font-size: 27px; }
.fa-strip__grid, .fa-rubric__grid, .fa-pricing__grid { grid-template-columns: 1fr; }
.fa-card--h { flex-direction: column; }
.fa-card--h .fa-card__thumb { flex: none; }
.fa-places { grid-template-columns: repeat(2, 1fr); }
.fa-premium__in { flex-direction: column; align-items: flex-start; }
.fa-author__head { flex-direction: column; gap: 14px; }
.fa-stock { padding: 16px; border-radius: 12px; }
.fa-stock__last { font-size: 32px; }
.fa-pricing__unit { flex-wrap: wrap; }
.fa-footer__grid { grid-template-columns: 1fr; }
.fa-footer__bar-in { flex-direction: column; gap: 4px; }
}
/* ============================================================
FSE — habillage des blocs cœur (query loop, pagination, méta)
============================================================ */
body { margin: 0; }
.wp-site-blocks { padding: 0; }
/* Listes issues du bloc Query (post-template) */
ul.fa-list { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 18px; }
ul.fa-list.is-grid-2 { grid-template-columns: repeat(2, 1fr); }
ul.fa-list > li { margin: 0; }
ul.fa-list .fa-card { height: 100%; }
ul.fa-list .fa-card--h { margin-bottom: 0; }
/* Vignette (post-featured-image) */
.fa-card__thumb.wp-block-post-featured-image { margin: 0 0 10px; }
.fa-card--h .fa-card__thumb.wp-block-post-featured-image { flex: 0 0 232px; margin: 0; }
.fa-card__thumb.wp-block-post-featured-image img { width: 100%; aspect-ratio: 232/150; object-fit: cover; border-radius: 3px; }
/* Méta (post-terms + post-date) */
.fa-meta.wp-block-group { gap: 7px; margin-bottom: 4px; }
.fa-meta__cat.wp-block-post-terms, .fa-meta__cat.wp-block-post-terms a { color: var(--c-red); font: 600 10.5px var(--f-sans); letter-spacing: .05em; text-transform: uppercase; }
.fa-meta__date.wp-block-post-date, .fa-meta__date.wp-block-post-date time { color: var(--c-meta); font: 400 10.5px var(--f-sans); }
/* Titres et extraits de cartes */
h3.fa-card__title.wp-block-post-title { font-size: 18px; margin: 4px 0 6px; }
h3.fa-card__title.wp-block-post-title a:hover { color: var(--c-red); }
.fa-card__excerpt.wp-block-post-excerpt p { color: var(--c-ink-500); font-size: 13.5px; margin: 0 0 8px; }
.fa-card__excerpt .wp-block-post-excerpt__more-link { font: 600 12px var(--f-sans); color: var(--c-red); }
/* Article single */
h1.fa-article__title.wp-block-post-title { font-size: 38px; letter-spacing: -.01em; }
.fa-article__chapo.wp-block-post-excerpt p { font-family: var(--f-serif); font-size: 20px; line-height: 1.5; color: var(--c-ink-700); }
.fa-article__byline.wp-block-group { gap: 5px; font-size: 12.5px; color: var(--c-ink-500); }
.fa-article__byline p { margin: 0; }
.fa-article__cover.wp-block-post-featured-image img { border-radius: 4px; }
.fa-article__content.wp-block-post-content { font-family: var(--f-serif); font-size: 18.5px; line-height: 1.72; max-width: 72ch; }
/* Pagination du bloc Query */
.fa-pagination.wp-block-query-pagination { display: flex; gap: 8px; align-items: center; margin: 8px 0 24px; font: 500 13px var(--f-sans); }
.fa-pagination .wp-block-query-pagination-numbers .page-numbers { margin-right: 6px; }
.fa-pagination a.wp-block-query-pagination-previous, .fa-pagination a.wp-block-query-pagination-next { display: inline-grid; place-items: center; min-height: 38px; padding: 0 14px; background: #fff; border: 1px solid var(--c-border); border-radius: 2px; }
/* Titres d'archive / recherche */
h1.wp-block-query-title { font-size: 40px; }
.fa-rubric__desc.wp-block-term-description p { margin: 0; }
/* Responsive listes */
@media (max-width: 768px) {
ul.fa-list.is-grid-2 { grid-template-columns: 1fr; }
.fa-card--h .fa-card__thumb.wp-block-post-featured-image { flex: none; }
}
/* ============================================================
v2.1 — habillage des blocs Gutenberg des patterns
============================================================ */
.fa-header p, .fa-footer p, .fa-stock p, .fa-ticker p { margin: 0; }
.fa-brand__wrap { margin: 0; }
/* Boutons (core/button) */
.fa-btn-dark .wp-block-button__link, .fa-btn-red .wp-block-button__link, .fa-btn-ghost .wp-block-button__link, .fa-btn-ghost-light .wp-block-button__link { border-radius: 2px; padding: 10px 18px; font: 600 13px var(--f-sans); }
.fa-btn-dark .wp-block-button__link { background: var(--c-ink-900); color: #fff; }
.fa-btn-dark .wp-block-button__link:hover { background: var(--c-red); }
.fa-btn-red .wp-block-button__link { background: var(--c-red); color: #fff; }
.fa-btn-red .wp-block-button__link:hover { background: #7d2222; }
.fa-btn-ghost .wp-block-button__link { background: #fff; border: 1px solid var(--c-border); color: var(--c-ink-900); }
.fa-btn-ghost-light .wp-block-button__link { background: transparent; border: 1px solid rgba(255,255,255,.4); color: #fff; }
.fa-masthead__cta.wp-block-buttons, .fa-premium__actions.wp-block-buttons { gap: 10px; }
/* Réseaux sociaux topbar (core/social-links) */
.fa-topbar__social.wp-block-social-links { gap: 10px; margin: 0; }
.fa-topbar__social .wp-block-social-link { background: none !important; }
.fa-topbar__social .wp-block-social-link a { color: var(--c-ink-500); padding: 0; }
.fa-topbar__social .wp-block-social-link svg { width: 15px; height: 15px; }
/* Navigation (core/navigation) */
.fa-nav .wp-block-navigation a { padding: 15px 12px; font: 500 14px var(--f-sans); color: var(--c-ink-700); }
.fa-nav .wp-block-navigation a:hover { color: var(--c-red); }
.fa-nav .wp-block-navigation .wp-block-navigation__submenu-container { background: #fff; border: 1px solid var(--c-border); border-top: 3px solid var(--c-red); box-shadow: 0 14px 30px rgba(0,0,0,.1); min-width: 240px; }
.fa-nav .wp-block-navigation .wp-block-navigation__submenu-container a { padding: 8px 16px; font-size: 13.5px; }
.fa-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--c-paper); padding: 24px 16px; }
.fa-nav .wp-block-navigation__responsive-container.is-menu-open a { font: 600 17px var(--f-serif); border-bottom: 1px solid var(--c-border); padding: 14px 0; }
/* Recherche nav (core/search) */
.fa-search-block { margin-left: auto; min-width: 320px; }
.fa-search-block .wp-block-search__inside-wrapper { background: #fff; border: 1px solid var(--c-border); border-radius: 3px; padding: 2px 6px; }
.fa-search-block .wp-block-search__input { border: 0; outline: 0; font: 400 13px var(--f-sans); padding: 7px 8px; background: transparent; }
.fa-search-block .wp-block-search__button { background: transparent; border: 0; color: var(--c-ink-400); cursor: pointer; }
/* Fil chrono (query dans la sidebar) */
ul.fa-chrono { list-style: none; margin: 0; padding: 0; }
ul.fa-chrono > li { margin: 0; }
.fa-chrono__item.wp-block-group { gap: 10px; padding: 8px 0; border-top: 1px solid var(--c-faint); }
ul.fa-chrono > li:first-child .fa-chrono__item { border-top: 0; }
.fa-chrono__time.wp-block-post-date { font-family: var(--f-mono); font-size: 11px; color: var(--c-red); padding-top: 3px; }
h4.fa-chrono__title.wp-block-post-title { font-family: var(--f-sans); font-weight: 400; font-size: 13.5px; margin: 0; line-height: 1.45; }
/* Hero home (liste query) */
ul.fa-hero-list { list-style: none; margin: 0 0 10px; padding: 0; }
h2.fa-hero__title.wp-block-post-title { font-size: 34px; }
.fa-hero__excerpt.wp-block-post-excerpt p { color: var(--c-ink-500); font-size: 15.5px; max-width: 60ch; }
ul.fa-list.is-grid-3 { grid-template-columns: repeat(3, 1fr); }
/* Têtes de section (groupe flex) */
.fa-section-head.wp-block-group { gap: 14px; }
.fa-section-head__link { margin-left: auto; }
.fa-section-head__link a { font: 600 12.5px var(--f-sans); color: var(--c-red); }
/* Market Pulse (paragraphes-cellules) */
.fa-pulse__cell { margin: 0; }
.fa-pulse__cell a { display: grid; gap: 2px; border: 1px solid var(--c-border); border-radius: 3px; padding: 10px 12px; font-family: var(--f-mono); font-size: 12px; }
.fa-pulse__cell a:hover { border-color: var(--c-red); }
/* Carte société cotée (paragraphes-cellules) */
.fa-stock__cell-label { font-size: 10px; text-transform: uppercase; letter-spacing: .03em; color: var(--c-dark-mut2); }
.fa-stock__cell-value { margin-top: 5px !important; font: 600 14.5px var(--f-sans); }
.fa-stock__pills.wp-block-buttons { gap: 6px; margin: 8px 0; }
.fa-pill .wp-block-button__link { background: #16253c; border: 1px solid #2b3e5a; color: var(--c-dark-mut); font: 600 11.5px var(--f-sans); padding: 6px 10px; border-radius: 6px; }
.fa-pill.is-active .wp-block-button__link { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }
/* Bloc auteur (core/post-author) */
.fa-authorbox.wp-block-post-author { display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 16px; margin-top: 10px; }
.fa-authorbox .wp-block-post-author__avatar img { border-radius: 50%; }
.fa-authorbox .wp-block-post-author__name { font-family: var(--f-serif); font-weight: 600; font-size: 17px; }
.fa-authorbox .wp-block-post-author__bio { font-size: 13px; color: var(--c-ink-500); }
/* Footer en colonnes (core/columns + core/list) */
.fa-footer__grid.wp-block-columns { gap: 36px; padding-top: 46px; padding-bottom: 36px; margin: 0 auto; }
.fa-footer .wp-block-list { list-style: none; margin: 12px 0 0; padding: 0; }
.fa-footer .wp-block-list li { margin-bottom: 9px; }
/* Table cotations (core/table) */
.fa-quotes-block.wp-block-table { margin: 0 0 24px; }
.fa-quotes-block table { border-collapse: collapse; }
@media (max-width: 1024px) {
ul.fa-list.is-grid-3 { grid-template-columns: 1fr; }
}
/* ============================================================
v2.2 — fidélité header maquette (typo titre, marges, sans ticker)
============================================================ */
:root { --c-brand: #dd0017; }
/* Marges maquette : contenu 1200px (1440 - 2×120) */
.fa-wrap { max-width: 1248px; padding: 0 24px; }
/* Topbar : 36px de haut (10px de padding vertical), date Inter 12 gris texte */
.fa-topbar__in { height: auto; padding-top: 10px; padding-bottom: 10px; }
.fa-topbar { font-size: 12px; color: var(--c-ink-500); }
.fa-topbar__date { font: 400 12px var(--f-sans); color: var(--c-ink-500); }
/* Masthead : 136px (padding 34 / 30) */
.fa-masthead__in { padding-top: 34px; padding-bottom: 30px; }
/* Titre : Source Serif 4 SemiBold 40px, -1% ; F et A rouge marque, "Afrik" italique noir */
.fa-brand__logo { font-family: var(--f-serif); font-size: 40px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; color: var(--c-ink-900); }
.fa-brand__logo em { font-style: italic; color: var(--c-ink-900); }
.fa-brand__f { color: var(--c-brand); }
.fa-brand__baseline { margin-top: 4px; font: 400 11px var(--f-sans); letter-spacing: 0.5px; color: var(--c-ink-400); }
/* Nav : 47px, items Inter Medium 14 #3a3a3a */
.fa-nav .wp-block-navigation a { padding: 15px 12px; font: 500 14px var(--f-sans); color: #3a3a3a; }
/* Recherche : 323px, padding 13, placeholder Inter 13 */
.fa-search-block { min-width: 323px; }
.fa-search-block .wp-block-search__inside-wrapper { padding: 0 13px; height: 36px; align-items: center; }
.fa-search-block .wp-block-search__input { font-size: 13px; padding: 8px 0 8px 9px; }
.fa-search-block .wp-block-search__input::placeholder { color: var(--c-ink-400); }
/* Boutons masthead : padding 9/16, Inter Medium 12.5 (maquette) */
.fa-masthead__cta .wp-block-button__link { padding: 9px 16px; font: 500 12.5px var(--f-sans); }
/* ============================================================
v2.3.1 — espacement inter-sections à 0
Gutenberg insère un margin-block-start (block gap) entre blocs
frères. On l'annule UNIQUEMENT entre les sections : enfants
racine du template, sections du header/footer, flux principal
et widgets de sidebar. Les espacements par défaut À L'INTÉRIEUR
des sections (paragraphes, cartes, titres…) sont conservés.
============================================================ */
.wp-site-blocks > * + * { margin-block-start: 0 !important; }
.wp-site-blocks { padding-top: 0; padding-bottom: 0; }
.fa-header > * + *, .fa-footer > * + * { margin-block-start: 0 !important; }
.fa-layout__main > * + *, .fa-sidebar > * + * { margin-block-start: 0; }
/* Le rythme vertical reste piloté par la charte (fa-section-head,
fa-widget, fa-strip…), pas par le block gap de Gutenberg. */
/* ============================================================
v2.3.3 — Accueil fidèle maquette (à la une, sidebar complète,
bandes rubriques, leaders/tribunes, baromètre macro)
============================================================ */
.fa-mast__kicker { display: flex; gap: 7px; align-items: center; margin: 26px 0 6px; font: 600 11px var(--f-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--c-red); }
.fa-mast__kicker .fa-topbar__date { font: 400 11px var(--f-sans); letter-spacing: 0; text-transform: none; color: var(--c-meta); }
.fa-home__masthead h1 { margin: 0 0 6px; }
.fa-mast__sub { color: var(--c-ink-500); font-size: 15.5px; max-width: 72ch; margin: 0 0 26px; }
/* À ne pas manquer : grille 2 colonnes */
ul.fa-list.is-grid-2h { grid-template-columns: repeat(2, 1fr); }
/* En bref : liste compacte */
ul.fa-bref { list-style: none; margin: 0; padding: 0; }
ul.fa-bref > li { margin: 0; padding: 10px 0; border-top: 1px solid var(--c-border); }
ul.fa-bref h4.wp-block-post-title { font-family: var(--f-serif); font-size: 16.5px; margin: 2px 0 0; }
/* Widgets sidebar éditoriaux */
.fa-widget__row { padding: 9px 0; border-top: 1px solid var(--c-faint); }
.fa-widget__row:first-of-type { border-top: 0; }
.fa-widget__eyebrow { font: 600 10.5px var(--f-sans); color: var(--c-red); letter-spacing: .04em; text-transform: uppercase; margin: 0 0 2px; }
.fa-widget__rowtitle { font: 600 13.5px var(--f-sans); margin: 0; }
.fa-widget p { margin: 0; }
.fa-widget__rowmeta { font: 400 11.5px var(--f-sans); color: var(--c-meta); }
.fa-widget__more a { font: 600 12px var(--f-sans); color: var(--c-red); }
.fa-live { display: inline-block; background: var(--c-red); color: #fff; font: 700 9.5px var(--f-sans); letter-spacing: .08em; padding: 3px 8px; border-radius: 2px; }
.fa-kiosque__cover { background: var(--c-footer); color: #fff; border-radius: 3px; padding: 30px 18px; font-family: var(--f-serif); font-size: 20px; margin-bottom: 8px; }
.fa-voyage { background: var(--c-footer); color: #fff; border-radius: 4px; padding: 18px; }
.fa-voyage .fa-kicker { color: #e8b93c; }
.fa-voyage h3 { color: #fff; margin: 2px 0 10px; }
/* L'essentiel du jour */
.fa-essentiel { padding: 34px 0 8px; }
/* Section Banques : 2 colonnes */
.fa-banques { display: grid; grid-template-columns: 1fr 340px; gap: 32px; align-items: start; }
/* Bande rubriques (fond saumon clair) + cartes blanches */
.fa-rubband { background: #fff0e8; padding: 34px 0 14px; }
.fa-rubric-card { background: #fff; border: 1px solid var(--c-border); border-radius: 4px; padding: 22px; margin-bottom: 22px; }
.fa-rubric-card .fa-section-head { margin: 0 0 16px; }
.fa-rubric-card .fa-card { border: 0; padding: 0; }
/* Bandes Leaders / Tribunes */
.fa-band--leaders { background: #f1ded2; padding: 36px 0; }
.fa-band--tribunes { background: #fff0e8; padding: 36px 0; }
.fa-band--leaders .fa-section-head, .fa-band--tribunes .fa-section-head { background: #fff; padding: 12px 14px; }
/* Baromètre macro (bande noire) */
.fa-baro { background: var(--c-ink-900); color: #fff; padding: 26px 0; }
.fa-baro__in { display: flex; gap: 40px; align-items: center; flex-wrap: wrap; }
.fa-baro__title { font: 600 12px var(--f-sans); letter-spacing: .06em; text-transform: uppercase; color: #bdbdbd; }
.fa-baro__item { font-family: var(--f-mono); font-size: 12.5px; color: #eaeaea; }
.fa-baro__item strong { display: block; font: 600 10.5px var(--f-sans); color: #9a9a9a; text-transform: uppercase; letter-spacing: .04em; }
.fa-baro__item em { font-style: normal; }
.fa-baro__item .is-up { color: #7fbf6f; }
@media (max-width: 768px) {
.fa-banques { grid-template-columns: 1fr; }
ul.fa-list.is-grid-2h { grid-template-columns: 1fr; }
.fa-baro__in { gap: 18px; }
}
/* ============================================================
v2.3.4 — Accueil : espacements et fonds exacts maquette
============================================================ */
/* Masthead (pad 24/22, gap 5) */
.fa-home__masthead { padding-top: 24px; padding-bottom: 22px; }
.fa-home__masthead h1 { margin: 5px 0; }
.fa-mast__kicker { margin: 0; }
.fa-mast__sub { margin: 0; }
/* Bandes publicitaires pleine largeur (pad 30/30, fond par zone) */
.fa-ad { max-width: none; margin: 0; border: 0; background: #f1ded2; padding: 30px 24px; }
.fa-ad > span { display: flex; align-items: center; justify-content: center; max-width: 1200px; height: 150px; margin: 0 auto; background: repeating-linear-gradient(45deg, #efe2d7, #efe2d7 12px, #f4ece5 12px, #f4ece5 24px); border: 1px dashed var(--c-border); color: var(--c-ink-400); font: 600 11px var(--f-sans); text-transform: uppercase; letter-spacing: .12em; }
.fa-ad[data-zone="home-2"] { background: #ffffff; }
.fa-ad[data-zone="home-bourses"] { background: #fff0e8; }
.fa-ad[data-zone="sidebar"], .fa-ad[data-zone="banques-col"], .fa-ad[data-zone="inter-rubriques-1"], .fa-ad[data-zone="inter-rubriques-2"] { background: transparent; padding: 0; margin: 0 0 16px; }
.fa-ad[data-zone="inter-rubriques-1"], .fa-ad[data-zone="inter-rubriques-2"] { margin-bottom: 54px; }
.fa-ad[data-zone="sidebar"] > span, .fa-ad[data-zone="banques-col"] > span { height: 250px; }
/* Section À la une : pad 50/54, colonne 360, gap 48 ; rythme interne 40 */
.fa-layout { grid-template-columns: 1fr 360px; gap: 48px; }
body.home .fa-layout { padding-top: 50px; padding-bottom: 54px; }
body.home .fa-layout__main > * + * { margin-block-start: 40px !important; }
/* Sidebar : fond #fff0e8, pad 10, gap 16 entre widgets */
.fa-sidebar { background: #fff0e8; padding: 10px; border-radius: 4px; }
.fa-sidebar > * + * { margin-block-start: 16px !important; }
.fa-widget, .fa-voyage { margin-bottom: 0; }
/* Market Pulse : bande blanche pleine largeur (pad 44/48, gap 22) */
body.home .fa-marketpulse { background: #fff; border: 0; border-radius: 0; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 44px max(24px, calc(50vw - 600px)) 48px; }
body.home .fa-marketpulse .fa-pulse__grid { margin-top: 22px; }
/* L'essentiel du jour : pad 10/56, gap 24 */
body.home .fa-essentiel { padding: 10px 0 56px; }
body.home .fa-essentiel .fa-section-head { margin-bottom: 24px; }
/* Banques : pad 50/54, gap 48 */
body.home .fa-banques { gap: 48px; padding: 50px 0 54px; }
/* Bande rubriques : #fff0e8, pad 48/58, cartes pad 15 espacées de 54 */
.fa-rubband { background: #fff0e8; padding: 48px 0 58px; }
.fa-rubric-card { padding: 15px; margin-bottom: 54px; }
.fa-rubric-card:last-child { margin-bottom: 0; }
.fa-rubric-card .fa-section-head { margin: 0 0 20px; }
/* Leaders (#f1ded2, 48/52) / Tribunes (#fff0e8, 44/54) */
.fa-band--leaders { background: #f1ded2; padding: 48px 0 52px; }
.fa-band--leaders .fa-section-head { margin-bottom: 22px; }
.fa-band--tribunes { background: #fff0e8; padding: 44px 0 54px; }
.fa-band--tribunes .fa-section-head { margin-bottom: 20px; }
/* Baromètre macro : pad 44/48, gap 22 */
.fa-baro { padding: 44px 0 48px; }
.fa-baro__in { gap: 22px 40px; }
@media (max-width: 768px) {
body.home .fa-layout { padding-top: 26px; padding-bottom: 30px; }
.fa-layout { grid-template-columns: 1fr; gap: 24px; }
.fa-rubband, .fa-band--leaders, .fa-band--tribunes { padding: 28px 0 30px; }
.fa-rubric-card { margin-bottom: 26px; }
}
/* ============================================================
v2.3.5 — Essentiel du jour en carrousel + flèches de navigation
============================================================ */
ul.fa-list.is-carousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 24px; padding-bottom: 6px; scrollbar-width: thin; }
ul.fa-list.is-carousel > li { flex: 0 0 372px; scroll-snap-align: start; }
ul.fa-list.is-carousel .fa-card { height: 100%; }
.fa-carousel-nav { display: flex; gap: 8px; margin-left: 14px; }
.fa-carousel-nav button { width: 38px; height: 38px; border: 1px solid var(--c-border); background: #fff; border-radius: 2px; cursor: pointer; font-size: 16px; color: var(--c-ink-700); line-height: 1; }
.fa-carousel-nav button:hover { border-color: var(--c-red); color: var(--c-red); }
@media (max-width: 768px) { ul.fa-list.is-carousel > li { flex-basis: 82%; } }
/* ============================================================
v2.4.0 — Modèle rubrique 2 colonnes (lead + liste), Premium CTA,
Leaders en carrousel, méta limitée à la 1re catégorie
============================================================ */
ul.fa-list.is-carousel { gap: 42px; }
.fa-band--leaders ul.fa-list.is-carousel { gap: 24px; }
.fa-split { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start; }
.fa-split .fa-lead .fa-card__thumb img { width: 100%; aspect-ratio: 13/6; object-fit: cover; }
ul.fa-lead-list, ul.fa-listrows { list-style: none; margin: 0; padding: 0; }
ul.fa-listrows > li { padding: 14px 0; border-bottom: 1px solid var(--c-border, #ecdfd5); }
ul.fa-listrows > li:first-child { padding-top: 0; }
ul.fa-listrows > li:last-child { border-bottom: 0; padding-bottom: 0; }
.fa-row-card { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 14px; align-items: start; }
.fa-row-card__thumb { margin: 0; }
.fa-row-card__thumb img { width: 74px; height: 74px; object-fit: cover; display: block; }
.fa-row-card__body .fa-meta { margin-bottom: 4px; }
.fa-row-card__title { font-size: 16px; line-height: 1.3; margin: 0 0 5px; }
.fa-row-card__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.fa-row-card__excerpt .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.45; color: #5a5a5a; margin: 0; }
.fa-split .fa-lead .fa-card__excerpt p, .fa-split .fa-lead .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* Encart abonnement Premium (section Banques) */
.fa-premium-cta { display: flex; gap: 80px; align-items: center; background: #f8ebe2; padding: 64px 120px; margin-top: 44px; }
.fa-premium-cta__body { flex: 1; }
.fa-premium-cta__badge { display: inline-block; background: #9b2c2c; color: #fafaf7; font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; padding: 5px 10px; margin: 0 0 14px; }
.fa-premium-cta__title { font-size: 30px; line-height: 1.25; margin: 0 0 14px; }
.fa-premium-cta__desc { color: #5a5a5a; margin: 0 0 22px; max-width: 440px; }
.fa-premium-cta .wp-block-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.fa-btn-dark .wp-block-button__link { background: #0a0a0a; color: #fff; border-radius: 0; padding: 12px 22px; font-size: 14px; }
.fa-btn-outline .wp-block-button__link { background: transparent; border: 1px solid #0a0a0a; color: #0a0a0a; border-radius: 0; padding: 11px 20px; font-size: 14px; }
.fa-premium-cta__price { min-width: 172px; }
.fa-premium-cta__amount { font-family: 'Source Serif 4', serif; font-size: 84px; line-height: 1.15; color: #0a0a0a; margin: 0; }
.fa-premium-cta__per { color: #5a5a5a; font-size: 13px; margin: 0; }
.fa-premium-cta__from { color: #737373; font-size: 12px; margin: 2px 0 0; }
.fa-ad[data-zone="banques-main"] { background: transparent; padding: 0; margin: 44px 0 0; }
/* Méta : une seule catégorie affichée (conforme maquette) */
.fa-meta__cat a:not(:first-of-type) { display: none; }
.fa-meta__cat .wp-block-post-terms__separator { display: none; }
@media (max-width: 900px) {
.fa-split { grid-template-columns: 1fr; }
.fa-premium-cta { flex-direction: column; align-items: flex-start; gap: 28px; padding: 36px 24px; }
}
/* ============================================================
v2.4.1 — Banques en pile (1 mis en avant + 3 en liste),
listes limitées à 3 articles, Tribunes au modèle rubrique
============================================================ */
.fa-stack ul.fa-listrows { margin-top: 28px; }
.fa-stack .fa-lead .fa-card__thumb img { width: 100%; aspect-ratio: 13/6; object-fit: cover; }
/* ============================================================
v2.4.2 — Carrousels : barre masquée, flèches maquette 40x40
============================================================ */
ul.fa-list.is-carousel { scrollbar-width: none; padding-bottom: 0; }
ul.fa-list.is-carousel::-webkit-scrollbar { display: none; }
.fa-carousel-nav { display: flex; gap: 8px; margin-left: 14px; }
.fa-carousel-nav button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #d4d4d4; border-radius: 0; cursor: pointer; padding: 0; font-size: 0; line-height: 0; }
.fa-carousel-nav button:hover { border-color: #9b2c2c; }
.fa-carousel-nav button:hover svg path { stroke: #9b2c2c; }
/* ============================================================
v2.4.3 — Widgets sidebar dynamiques (Podcast, Kiosque, FA TV)
============================================================ */
ul.fa-widget__list { list-style: none; margin: 0; padding: 0; }
h4.fa-widget__rowtitle { margin: 0; font-family: 'Source Serif 4', serif; font-size: 15px; font-weight: 600; line-height: 1.35; }
.fa-widget__rowtitle a { color: inherit; text-decoration: none; }
.fa-widget__rowtitle a:hover { color: #9b2c2c; }
.fa-widget__row .wp-block-post-date { display: block; }
figure.fa-kiosque__cover { margin: 0; padding: 0; background: none; height: auto; display: block; }
figure.fa-kiosque__cover img { width: 100%; height: auto; display: block; }
/* ============================================================
v2.4.4 — Réseaux sociaux header : 5 icônes grises dans le
topbar (avec Instagram), icônes en bas du menu mobile déroulé
============================================================ */
.fa-topbar__social.wp-block-social-links .wp-block-social-link { background: none !important; padding: 0; }
.fa-topbar__social.wp-block-social-links .wp-block-social-link a { color: #5a5a5a !important; padding: 0; }
.fa-topbar__social.wp-block-social-links .wp-block-social-link a:hover { color: #9b2c2c !important; }
.fa-topbar__social.wp-block-social-links .wp-block-social-link svg { width: 15px; height: 15px; }
p.fa-topbar__right { margin-left: auto !important; }
/* Icônes du menu : masquées sur desktop, affichées dans l'overlay mobile ouvert */
.fa-nav .fa-nav__social { display: none !important; }
.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social { display: flex !important; gap: 16px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #ecdfd5; }
.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social .wp-block-social-link { background: none !important; }
.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social .wp-block-social-link a { color: #0a0a0a !important; padding: 0; }
.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social svg { width: 20px; height: 20px; }
/* ============================================================
v2.4.5 — Menu mobile burger conforme frame maquette
(bar de fermeture, recherche, accordéon, sections Services &
données / Mon espace, CTA abonnement, icônes sociales)
============================================================ */
.fa-burger { display: none; flex-direction: column; justify-content: center; gap: 4px; background: none; border: 0; padding: 8px 10px 8px 0; cursor: pointer; }
.fa-burger span { display: block; width: 22px; height: 2px; background: #0a0a0a; }
@media (max-width: 768px) {
.fa-burger { display: flex; }
.fa-masthead__in { gap: 10px; }
.fa-brand { margin-right: auto; }
}
@media (min-width: 769px) { .fa-mmenu { display: none !important; } }
div.fa-mmenu { position: fixed; inset: 0; z-index: 100000; background: #fff !important; overflow-y: auto; padding: 0; }
div.fa-mmenu .fa-mmenu__bar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 2px solid #9b2c2c; background: #fff; }
div.fa-mmenu .fa-brand__logo--sm { font-size: 20px; margin: 0 auto; }
div.fa-mmenu .fa-mmenu__close { background: none; border: 0; font-size: 17px; line-height: 1; cursor: pointer; padding: 2px; color: #0a0a0a; }
div.fa-mmenu .fa-mmenu__lang { font: 500 12px Inter, sans-serif; color: #737373; }
div.fa-mmenu .fa-mmenu__search { padding: 14px 16px; border-bottom: 1px solid #e5e5e2; margin: 0; }
div.fa-mmenu .fa-mmenu__search .fa-search-block { min-width: 0; margin: 0; width: 100%; }
div.fa-mmenu .fa-mmenu__item { display: flex; width: 100%; align-items: center; justify-content: space-between; background: #fff; border: 0; border-bottom: 1px solid #e5e5e2; padding: 15px 16px; font: 600 18px 'Source Serif 4', Georgia, serif; color: #0a0a0a; cursor: pointer; text-align: left; text-decoration: none; box-sizing: border-box; }
div.fa-mmenu .fa-mmenu__item.is-home { color: #9b2c2c; }
div.fa-mmenu .fa-mmenu__chev { font-size: 11px; color: #737373; transition: transform .2s; }
div.fa-mmenu .fa-mmenu__item.is-open .fa-mmenu__chev { transform: rotate(180deg); }
div.fa-mmenu ul.fa-mmenu__sub { list-style: none; margin: 0; padding: 0; display: none; background: #fff; }
div.fa-mmenu ul.fa-mmenu__sub.is-open { display: block; }
div.fa-mmenu .fa-mmenu__sub a { display: block; padding: 11px 16px 11px 32px; font: 400 14px Inter, sans-serif; color: #5a5a5a; border-bottom: 1px solid #e5e5e2; }
div.fa-mmenu p.fa-mmenu__label { margin: 0; background: #f8ebe2; padding: 22px 16px 8px; font: 600 11px Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #737373; }
div.fa-mmenu .fa-mmenu__svc a { display: block; background: #f8ebe2; padding: 13px 16px; font: 500 14.5px Inter, sans-serif; color: #2a2a2a; border-bottom: 1px solid #eaddd3; }
div.fa-mmenu .fa-mmenu__foot { padding: 22px 16px 26px; background: #fff; }
div.fa-mmenu a.fa-mmenu__cta { display: flex; align-items: center; justify-content: center; height: 45px; background: #9b2c2c; border-radius: 2px; color: #fff !important; font: 600 14px Inter, sans-serif; text-decoration: none; }
div.fa-mmenu ul.fa-mmenu__soc { display: flex !important; gap: 16px; margin: 19px 0 0; padding: 0; list-style: none; }
div.fa-mmenu .fa-mmenu__soc .wp-block-social-link { background: none !important; }
div.fa-mmenu .fa-mmenu__soc .wp-block-social-link a { color: #5a5a5a !important; padding: 0; }
div.fa-mmenu .fa-mmenu__soc .wp-block-social-link svg { width: 18px; height: 18px; }
body.fa-mmenu-open { overflow: hidden; }
/* ============================================================
v2.4.6 — Header mobile conforme maquette : topbar sans réseaux
sociaux (date + Accès Premium + FR·EN sur une ligne), bande
#fff0e8 avec burger / logo centré / bouton S'abonner, filet rouge
============================================================ */
@media (max-width: 768px) {
.fa-topbar__social { display: none !important; }
.fa-topbar { font-size: 11px; }
.fa-topbar__in { gap: 10px; }
.fa-topbar__date { white-space: nowrap; font-size: 11px !important; color: #8a8a8a; }
p.fa-topbar__right { white-space: nowrap; font-size: 11px; gap: 8px; }
.fa-masthead { background: #fff0e8; border-bottom: 3px solid #9b2c2c; }
.fa-masthead__in { padding: 12px 16px; gap: 10px; }
.fa-brand { margin: 0 auto !important; text-align: center; }
.fa-brand__logo { font-size: 21px !important; }
.fa-brand__baseline { display: none; }
.fa-masthead__cta .fa-btn-ghost { display: none; }
.fa-masthead__cta .fa-btn-dark .wp-block-button__link { background: #0a0a0a; padding: 8px 14px; font: 600 12.5px Inter, sans-serif; }
}
/* ===== Couches CSS additionnel (miroir des réglages Styles > CSS de la préprod) ===== */
/* SW FA2 — CSS additionnel site (nav une ligne, fidélité maquette) */
.fa-nav .wp-block-navigation { gap: 0; }
.fa-nav .wp-block-navigation .wp-block-navigation__container { gap: 0; flex-wrap: nowrap; }
.fa-nav .wp-block-navigation .wp-block-navigation-item { margin: 0; }
.fa-nav__in { flex-wrap: nowrap; }
.fa-nav .wp-block-navigation a { padding: 15px 11px; }
/* v2.3.3 — Accueil fidèle maquette */
.fa-mast__kicker { display:flex; gap:7px; align-items:center; margin:26px 0 6px; font:600 11px Inter,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#9b2c2c; }
.fa-mast__kicker .fa-topbar__date { font:400 11px Inter,sans-serif; letter-spacing:0; text-transform:none; color:#8a8a8a; }
.fa-home__masthead h1 { margin:0 0 6px; }
.fa-mast__sub { color:#5a5a5a; font-size:15.5px; max-width:72ch; margin:0 0 26px; }
ul.fa-list.is-grid-2h { grid-template-columns:repeat(2,1fr); }
ul.fa-bref { list-style:none; margin:0; padding:0; }
ul.fa-bref > li { margin:0; padding:10px 0; border-top:1px solid #ecdfd5; }
ul.fa-bref h4.wp-block-post-title { font-family:'Source Serif 4',serif; font-size:16.5px; margin:2px 0 0; }
.fa-widget__row { padding:9px 0; border-top:1px solid #f4ece5; }
.fa-widget__row:first-of-type { border-top:0; }
.fa-widget__eyebrow { font:600 10.5px Inter,sans-serif; color:#9b2c2c; letter-spacing:.04em; text-transform:uppercase; margin:0 0 2px; }
.fa-widget__rowtitle { font:600 13.5px Inter,sans-serif; margin:0; }
.fa-widget p { margin:0; }
.fa-widget__rowmeta { font:400 11.5px Inter,sans-serif; color:#8a8a8a; }
.fa-widget__more a { font:600 12px Inter,sans-serif; color:#9b2c2c; }
.fa-live { display:inline-block; background:#9b2c2c; color:#fff; font:700 9.5px Inter,sans-serif; letter-spacing:.08em; padding:3px 8px; border-radius:2px; }
.fa-kiosque__cover { background:#161616; color:#fff; border-radius:3px; padding:30px 18px; font-family:'Source Serif 4',serif; font-size:20px; margin-bottom:8px; }
.fa-voyage { background:#161616; color:#fff; border-radius:4px; padding:18px; }
.fa-voyage .fa-kicker { color:#e8b93c; }
.fa-voyage h3 { color:#fff; margin:2px 0 10px; }
.fa-essentiel { padding:34px 0 8px; }
.fa-banques { display:grid; grid-template-columns:1fr 340px; gap:32px; align-items:start; }
.fa-rubband { background:#fff0e8; padding:34px 0 14px; }
.fa-rubric-card { background:#fff; border:1px solid #ecdfd5; border-radius:4px; padding:22px; margin-bottom:22px; }
.fa-rubric-card .fa-section-head { margin:0 0 16px; }
.fa-rubric-card .fa-card { border:0; padding:0; }
.fa-band--leaders { background:#f1ded2; padding:36px 0; }
.fa-band--tribunes { background:#fff0e8; padding:36px 0; }
.fa-band--leaders .fa-section-head, .fa-band--tribunes .fa-section-head { background:#fff; padding:12px 14px; }
.fa-baro { background:#0a0a0a; color:#fff; padding:26px 0; }
.fa-baro__in { display:flex; gap:40px; align-items:center; flex-wrap:wrap; }
.fa-baro__title { font:600 12px Inter,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#bdbdbd; }
.fa-baro__item { font-family:'JetBrains Mono',monospace; font-size:12.5px; color:#eaeaea; }
.fa-baro__item strong { display:block; font:600 10.5px Inter,sans-serif; color:#9a9a9a; text-transform:uppercase; letter-spacing:.04em; }
.fa-baro__item em { font-style:normal; }
.fa-baro__item .is-up { color:#7fbf6f; }
@media (max-width:768px){ .fa-banques{grid-template-columns:1fr;} ul.fa-list.is-grid-2h{grid-template-columns:1fr;} .fa-baro__in{gap:18px;} }
/* v2.3.4 — Accueil : espacements et fonds exacts maquette */
.fa-home__masthead { padding-top:24px; padding-bottom:22px; }
.fa-home__masthead h1 { margin:5px 0; }
.fa-mast__kicker { margin:0; }
.fa-mast__sub { margin:0; }
.fa-ad { max-width:none; margin:0; border:0; background:#f1ded2; padding:30px 24px; }
.fa-ad > span { display:flex; align-items:center; justify-content:center; max-width:1200px; height:150px; margin:0 auto; background:repeating-linear-gradient(45deg,#efe2d7,#efe2d7 12px,#f4ece5 12px,#f4ece5 24px); border:1px dashed #ecdfd5; color:#737373; font:600 11px Inter,sans-serif; text-transform:uppercase; letter-spacing:.12em; }
.fa-ad[data-zone="home-2"] { background:#ffffff; }
.fa-ad[data-zone="home-bourses"] { background:#fff0e8; }
.fa-ad[data-zone="sidebar"], .fa-ad[data-zone="banques-col"], .fa-ad[data-zone="inter-rubriques-1"], .fa-ad[data-zone="inter-rubriques-2"] { background:transparent; padding:0; margin:0 0 16px; }
.fa-ad[data-zone="inter-rubriques-1"], .fa-ad[data-zone="inter-rubriques-2"] { margin-bottom:54px; }
.fa-ad[data-zone="sidebar"] > span, .fa-ad[data-zone="banques-col"] > span { height:250px; }
.fa-layout { grid-template-columns:1fr 360px; gap:48px; }
body.home .fa-layout { padding-top:50px; padding-bottom:54px; }
body.home .fa-layout__main > * + * { margin-block-start:40px !important; }
.fa-sidebar { background:#fff0e8; padding:10px; border-radius:4px; }
.fa-sidebar > * + * { margin-block-start:16px !important; }
.fa-widget, .fa-voyage { margin-bottom:0; }
body.home .fa-marketpulse { background:#fff; border:0; border-radius:0; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:44px max(24px, calc(50vw - 600px)) 48px; }
body.home .fa-marketpulse .fa-pulse__grid { margin-top:22px; }
body.home .fa-essentiel { padding:10px 0 56px; }
body.home .fa-essentiel .fa-section-head { margin-bottom:24px; }
body.home .fa-banques { gap:48px; padding:50px 0 54px; }
.fa-rubband { background:#fff0e8; padding:48px 0 58px; }
.fa-rubric-card { padding:15px; margin-bottom:54px; }
.fa-rubric-card:last-child { margin-bottom:0; }
.fa-rubric-card .fa-section-head { margin:0 0 20px; }
.fa-band--leaders { background:#f1ded2; padding:48px 0 52px; }
.fa-band--leaders .fa-section-head { margin-bottom:22px; }
.fa-band--tribunes { background:#fff0e8; padding:44px 0 54px; }
.fa-band--tribunes .fa-section-head { margin-bottom:20px; }
.fa-baro { padding:44px 0 48px; }
.fa-baro__in { gap:22px 40px; }
@media (max-width:768px){ body.home .fa-layout{padding-top:26px;padding-bottom:30px;} .fa-layout{grid-template-columns:1fr;gap:24px;} .fa-rubband,.fa-band--leaders,.fa-band--tribunes{padding:28px 0 30px;} .fa-rubric-card{margin-bottom:26px;} }
/* v2.3.5 carrousel */
ul.fa-list.is-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding-bottom:6px;scrollbar-width:thin}ul.fa-list.is-carousel>li{flex:0 0 372px;scroll-snap-align:start}ul.fa-list.is-carousel .fa-card{height:100%}.fa-carousel-nav{display:flex;gap:8px;margin-left:14px}.fa-carousel-nav button{width:38px;height:38px;border:1px solid #ecdfd5;background:#fff;border-radius:2px;cursor:pointer;font-size:16px;line-height:1;color:#4a4a4a}.fa-carousel-nav button:hover{border-color:#9b2c2c;color:#9b2c2c}@media (max-width:768px){ul.fa-list.is-carousel>li{flex-basis:82%}}
/* v2.4.0 split rubriques + premium CTA */
ul.fa-list.is-carousel{gap:42px}.fa-band--leaders ul.fa-list.is-carousel{gap:24px}.fa-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.fa-split .fa-lead .fa-card__thumb img{width:100%;aspect-ratio:13/6;object-fit:cover}ul.fa-lead-list,ul.fa-listrows{list-style:none;margin:0;padding:0}ul.fa-listrows>li{padding:14px 0;border-bottom:1px solid #ecdfd5}ul.fa-listrows>li:first-child{padding-top:0}ul.fa-listrows>li:last-child{border-bottom:0;padding-bottom:0}.fa-row-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:start}.fa-row-card__thumb{margin:0}.fa-row-card__thumb img{width:74px;height:74px;object-fit:cover;display:block}.fa-row-card__body .fa-meta{margin-bottom:4px}.fa-row-card__title{font-size:16px;line-height:1.3;margin:0 0 5px}.fa-row-card__excerpt p{font-size:13px;line-height:1.45;color:#5a5a5a;margin:0}.fa-premium-cta{display:flex;gap:80px;align-items:center;background:#f8ebe2;padding:64px 120px;margin-top:44px}.fa-premium-cta__body{flex:1}.fa-premium-cta__badge{display:inline-block;background:#9b2c2c;color:#fafaf7;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;margin:0 0 14px}.fa-premium-cta__title{font-size:30px;line-height:1.25;margin:0 0 14px}.fa-premium-cta__desc{color:#5a5a5a;margin:0 0 22px;max-width:440px}.fa-premium-cta .wp-block-buttons{gap:12px}.fa-btn-dark .wp-block-button__link{background:#0a0a0a;color:#fff;border-radius:0;padding:12px 22px;font-size:14px}.fa-btn-outline .wp-block-button__link{background:transparent;border:1px solid #0a0a0a;color:#0a0a0a;border-radius:0;padding:11px 20px;font-size:14px}.fa-premium-cta__price{min-width:172px}.fa-premium-cta__amount{font-family:'Source Serif 4',serif;font-size:84px;line-height:1.15;color:#0a0a0a;margin:0}.fa-premium-cta__per{color:#5a5a5a;font-size:13px;margin:0}.fa-premium-cta__from{color:#737373;font-size:12px;margin:2px 0 0}.fa-ad[data-zone='banques-main']{background:transparent;padding:0;margin:44px 0 0}@media(max-width:900px){.fa-split{grid-template-columns:1fr}.fa-premium-cta{flex-direction:column;align-items:flex-start;gap:28px;padding:36px 24px}}
/* v2.4.1 clamps + boutons cta */
.fa-premium-cta .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}.fa-split .fa-lead .fa-card__excerpt p,.fa-split .fa-lead .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fa-row-card__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fa-row-card__excerpt .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.45;color:#5a5a5a;margin:0}.fa-row-card .fa-meta{max-width:100%;overflow:hidden}.fa-row-card .fa-meta__cat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
/* v2.4.2 une seule categorie en meta */
.fa-meta__cat a:not(:first-of-type){display:none}.fa-meta__cat .wp-block-post-terms__separator{display:none}
/* v2.4.3 banques en pile */
.fa-stack ul.fa-listrows{margin-top:28px}.fa-stack .fa-lead .fa-card__thumb img{width:100%;aspect-ratio:13/6;object-fit:cover}
/* v2.4.2 fleches carrousel */
ul.fa-list.is-carousel{scrollbar-width:none;padding-bottom:0}ul.fa-list.is-carousel::-webkit-scrollbar{display:none}.fa-carousel-nav{display:flex;gap:8px;margin-left:14px}.fa-carousel-nav button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d4d4d4;border-radius:0;cursor:pointer;padding:0;font-size:0;line-height:0}.fa-carousel-nav button:hover{border-color:#9b2c2c}.fa-carousel-nav button:hover svg path{stroke:#9b2c2c}
/* v2.4.3 widgets sidebar dynamiques */
ul.fa-widget__list{list-style:none;margin:0;padding:0}h4.fa-widget__rowtitle{margin:0;font-family:'Source Serif 4',serif;font-size:15px;font-weight:600;line-height:1.35}.fa-widget__rowtitle a{color:inherit;text-decoration:none}.fa-widget__rowtitle a:hover{color:#9b2c2c}.fa-widget__row .wp-block-post-date{display:block}figure.fa-kiosque__cover{margin:0;padding:0;background:none;height:auto;display:block}figure.fa-kiosque__cover img{width:100%;height:auto;display:block}
/* v2.4.4 reseaux sociaux header */
.fa-nav__social{display:none}.wp-block-navigation__responsive-container.is-menu-open .fa-nav__social{display:flex;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #ecdfd5}.wp-block-navigation__responsive-container.is-menu-open .fa-nav__social .wp-block-social-link{background:none}.wp-block-navigation__responsive-container.is-menu-open .fa-nav__social .wp-block-social-link a{color:#0a0a0a;padding:0}.wp-block-navigation__responsive-container.is-menu-open .fa-nav__social svg{width:20px;height:20px}
/* v2.4.4b fix affichage nav social */
.fa-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .fa-nav__social{display:none !important}.fa-nav .fa-nav__social{display:none !important}.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social{display:flex !important;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #ecdfd5}
/* v2.4.4c icones topbar grises */
.fa-topbar__social.wp-block-social-links .wp-block-social-link{background:none !important;padding:0}.fa-topbar__social.wp-block-social-links .wp-block-social-link a{color:#5a5a5a !important;padding:0}.fa-topbar__social.wp-block-social-links .wp-block-social-link a:hover{color:#9b2c2c !important}.fa-topbar__social.wp-block-social-links .wp-block-social-link svg{width:15px;height:15px}.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social .wp-block-social-link{background:none !important}.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social .wp-block-social-link a{color:#0a0a0a !important;padding:0}.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social svg{width:20px;height:20px}
/* v2.4.4d topbar droite */
p.fa-topbar__right{margin-left:auto !important}
/* v2.4.5 menu mobile maquette */
.fa-burger{display:none;flex-direction:column;justify-content:center;gap:4px;background:none;border:0;padding:8px 10px 8px 0;cursor:pointer}.fa-burger span{display:block;width:22px;height:2px;background:#0a0a0a}@media(max-width:768px){.fa-burger{display:flex}.fa-masthead__in{gap:10px}.fa-brand{margin-right:auto}}@media(min-width:769px){.fa-mmenu{display:none !important}}.fa-mmenu{position:fixed;inset:0;z-index:200;background:#fff;overflow-y:auto;padding:0;border-radius:0}.fa-mmenu__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:2px solid #9b2c2c;background:#fff}.fa-mmenu__bar .fa-brand__logo--sm{font-size:20px;margin:0 auto}.fa-mmenu__close{background:none;border:0;font-size:17px;line-height:1;cursor:pointer;padding:2px;color:#0a0a0a}.fa-mmenu__lang{font:500 12px Inter,sans-serif;color:#737373}.fa-mmenu__search{padding:14px 16px;border-bottom:1px solid #e5e5e2}.fa-mmenu__search .fa-search-block{min-width:0;margin:0;width:100%}.fa-mmenu__items{display:block}.fa-mmenu__item{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid #e5e5e2;padding:15px 16px;font:600 18px 'Source Serif 4',Georgia,serif;color:#0a0a0a;cursor:pointer;text-align:left;text-decoration:none;box-sizing:border-box}.fa-mmenu__item.is-home{color:#9b2c2c}.fa-mmenu__chev{font-size:11px;color:#737373;transition:transform .2s}.fa-mmenu__item.is-open .fa-mmenu__chev{transform:rotate(180deg)}ul.fa-mmenu__sub{list-style:none;margin:0;padding:0;display:none}ul.fa-mmenu__sub.is-open{display:block}.fa-mmenu__sub a{display:block;padding:11px 16px 11px 32px;font:400 14px Inter,sans-serif;color:#5a5a5a;border-bottom:1px solid #e5e5e2}.fa-mmenu__label{margin:0;background:#f8ebe2;padding:22px 16px 8px;font:600 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#737373}.fa-mmenu__svc a{display:block;background:#f8ebe2;padding:13px 16px;font:500 14.5px Inter,sans-serif;color:#2a2a2a;border-bottom:1px solid #eaddd3}.fa-mmenu__foot{padding:22px 16px 26px;background:#fff}.fa-mmenu__cta{display:flex;align-items:center;justify-content:center;height:45px;background:#9b2c2c;border-radius:2px;color:#fff !important;font:600 14px Inter,sans-serif;text-decoration:none}ul.fa-mmenu__soc{display:flex !important;gap:16px;margin:19px 0 0;padding:0;list-style:none}.fa-mmenu__soc .wp-block-social-link{background:none !important}.fa-mmenu__soc .wp-block-social-link a{color:#5a5a5a !important;padding:0}.fa-mmenu__soc .wp-block-social-link svg{width:18px;height:18px}body.fa-mmenu-open{overflow:hidden}
/* v2.4.5b specificite menu mobile */
div.fa-mmenu{position:fixed;inset:0;z-index:100000;background:#fff !important;overflow-y:auto;padding:0}div.fa-mmenu .fa-mmenu__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:2px solid #9b2c2c;background:#fff}div.fa-mmenu .fa-brand__logo--sm{font-size:20px;margin:0 auto}div.fa-mmenu .fa-mmenu__close{background:none;border:0;font-size:17px;line-height:1;cursor:pointer;padding:2px;color:#0a0a0a}div.fa-mmenu .fa-mmenu__lang{font:500 12px Inter,sans-serif;color:#737373}div.fa-mmenu .fa-mmenu__search{padding:14px 16px;border-bottom:1px solid #e5e5e2;margin:0}div.fa-mmenu .fa-mmenu__search .fa-search-block{min-width:0;margin:0;width:100%}div.fa-mmenu .fa-mmenu__item{display:flex;width:100%;align-items:center;justify-content:space-between;background:#fff;border:0;border-bottom:1px solid #e5e5e2;padding:15px 16px;font:600 18px 'Source Serif 4',Georgia,serif;color:#0a0a0a;cursor:pointer;text-align:left;text-decoration:none;box-sizing:border-box}div.fa-mmenu .fa-mmenu__item.is-home{color:#9b2c2c}div.fa-mmenu .fa-mmenu__chev{font-size:11px;color:#737373;transition:transform .2s}div.fa-mmenu .fa-mmenu__item.is-open .fa-mmenu__chev{transform:rotate(180deg)}div.fa-mmenu ul.fa-mmenu__sub{list-style:none;margin:0;padding:0;display:none;background:#fff}div.fa-mmenu ul.fa-mmenu__sub.is-open{display:block}div.fa-mmenu .fa-mmenu__sub a{display:block;padding:11px 16px 11px 32px;font:400 14px Inter,sans-serif;color:#5a5a5a;border-bottom:1px solid #e5e5e2}div.fa-mmenu p.fa-mmenu__label{margin:0;background:#f8ebe2;padding:22px 16px 8px;font:600 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#737373}div.fa-mmenu .fa-mmenu__svc a{display:block;background:#f8ebe2;padding:13px 16px;font:500 14.5px Inter,sans-serif;color:#2a2a2a;border-bottom:1px solid #eaddd3}div.fa-mmenu .fa-mmenu__foot{padding:22px 16px 26px;background:#fff}div.fa-mmenu a.fa-mmenu__cta{display:flex;align-items:center;justify-content:center;height:45px;background:#9b2c2c;border-radius:2px;color:#fff !important;font:600 14px Inter,sans-serif;text-decoration:none}div.fa-mmenu ul.fa-mmenu__soc{display:flex !important;gap:16px;margin:19px 0 0;padding:0;list-style:none}div.fa-mmenu .fa-mmenu__soc .wp-block-social-link{background:none !important}div.fa-mmenu .fa-mmenu__soc .wp-block-social-link a{color:#5a5a5a !important;padding:0}div.fa-mmenu .fa-mmenu__soc .wp-block-social-link svg{width:18px;height:18px}
/* v2.4.6 header mobile maquette */
@media(max-width:768px){.fa-topbar__social{display:none !important}.fa-topbar{font-size:11px}.fa-topbar__date{font-size:11px;color:#8a8a8a}.fa-masthead{background:#fff0e8;border-bottom:3px solid #9b2c2c}.fa-masthead__in{padding:12px 16px;gap:10px}.fa-brand{margin:0 auto !important;text-align:center}.fa-brand__logo{font-size:21px !important}.fa-brand__baseline{display:none}.fa-masthead__cta .fa-btn-ghost{display:none}.fa-masthead__cta .fa-btn-dark .wp-block-button__link{background:#0a0a0a;padding:8px 14px;font:600 12.5px Inter,sans-serif}}
/* v2.4.6b topbar mobile nowrap */
@media(max-width:768px){.fa-topbar__in{gap:10px}.fa-topbar__date{white-space:nowrap;font-size:11px !important}p.fa-topbar__right{white-space:nowrap;font-size:11px;gap:8px}}
/* ===== v2.4.7 — Templates Article + Rubrique conformes maquette ===== */
/* bandes de fond */
.fa-artband{background:#fff;padding:8px 0 34px}
.fa-artband.is-article{padding:14px 0 40px}
.fa-artband .fa-layout{padding-top:22px;padding-bottom:0}
.fa-ad[data-zone="article-bottom"],.fa-ad[data-zone="rubrique-bottom"]{background:#fff;padding:26px 0 4px;margin:10px 0 0}
.fa-ad[data-zone="article-bottom"]>span,.fa-ad[data-zone="rubrique-bottom"]>span{border:1px dashed #d4d4d4;background:#fff;height:150px}
/* --- Article : entête --- */
.fa-crumb{margin:0 0 14px}
.fa-crumb p{margin:0}
.fa-crumb,.fa-crumb a,.fa-crumb span{font:400 12.5px var(--f-sans);color:#737373}
.fa-crumb a:hover{color:#9b2c2c}
.fa-article__cat.wp-block-post-terms,.fa-article__cat.wp-block-post-terms a{color:#9b2c2c;font:600 12px var(--f-sans);letter-spacing:.06em;text-transform:uppercase}
.fa-article__cat{margin:0 0 10px}
h1.fa-article__title.wp-block-post-title{font-size:44px;line-height:1.1;margin:0 0 14px}
.fa-article__chapo.wp-block-post-excerpt{margin:0 0 8px}
.fa-article__chapo.wp-block-post-excerpt p{font-family:var(--f-serif);font-size:20px;line-height:1.5;color:#5a5a5a;margin:0}
.fa-article__byline.wp-block-group{display:flex;align-items:center;gap:11px;padding:8px 0;margin:0 0 16px}
.fa-article__byline .wp-block-avatar{display:none;line-height:0}
.fa-article__byline .wp-block-avatar img{border-radius:50%}
.fa-byline-name{display:flex;gap:4px;align-items:baseline}
.fa-byline-name p,.fa-byline-name .fa-byline,.fa-byline-name .fa-byline a{margin:0;font:600 13.5px var(--f-sans);color:#0a0a0a}
.fa-byline-name .fa-byline a:hover{color:#9b2c2c}
p.fa-metaline{font:400 12.5px var(--f-sans);color:#737373;margin:2px 0 0}
.fa-article__cover.wp-block-post-featured-image{margin:4px 0 0}
.fa-article__cover img{border-radius:2px;width:100%}
p.fa-article__caption{font:400 12px var(--f-sans);color:#737373;margin:8px 0 20px}
/* --- Article : corps --- */
.fa-article__content h2{font-size:27px;line-height:1.2;margin:1.5em 0 .55em}
.fa-article__content blockquote{margin:1.4em 0;padding:6px 0 6px 24px;border-left:3px solid #9b2c2c}
.fa-article__content blockquote p{font-style:italic;font-size:25px;line-height:1.38;color:#0a0a0a;margin:0 0 .3em}
.fa-article__content blockquote cite{font:400 12.5px var(--f-sans);color:#737373;font-style:normal}
/* partage SSBA sous l'article */
.ssba,.ssba-wrap{margin:18px 0 0}
.ssba img{width:34px !important;height:34px !important;border-radius:3px}
/* --- Sur le même thème --- */
.fa-related{background:#fff0e8;padding:28px 24px 24px;margin:38px 0 0}
.fa-related__head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ecdfd5;padding:0 0 13px;margin:0 0 22px}
.fa-related__head::before{content:"";display:block;width:4px;height:22px;background:#9b2c2c}
.fa-related__head h2{font-size:22px;margin:0}
.fa-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fa-related .fa-card{background:#fff;border-radius:3px;overflow:hidden;padding:0 0 14px;margin:0}
.fa-related .fa-card__thumb{margin:0}
.fa-related .fa-card__thumb img{width:100%;aspect-ratio:47/24;object-fit:cover;display:block}
.fa-related .fa-meta{margin:11px 12px 0}
.fa-related .fa-meta__date::before{content:"· "}
.fa-related h3.fa-card__title{font-size:15.5px;line-height:1.3;margin:6px 12px 6px}
.fa-related .fa-related__more{margin:0 12px}
.fa-related .fa-related__more a{font:500 12px var(--f-sans);color:#9b2c2c}
/* --- Rubrique : héro --- */
.fa-rubband2{background:#fff}
.fa-rubric__hero{padding-top:40px;padding-bottom:22px}
.fa-rubric__kicker{display:flex;gap:6px;align-items:center;margin:0 0 12px}
.fa-rubric__kicker p,.fa-rubric__kicker .fa-date-courte{margin:0;font:600 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#9b2c2c}
.fa-rubric__kicker .fa-date-courte{color:#737373;font-weight:400}
h1.wp-block-query-title{font-size:46px;margin:0 0 10px}
.fa-rubric__desc,.fa-rubric__desc p{font:400 15px var(--f-sans);color:#5a5a5a;margin:0}
ul.fa-chips{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:16px 0 0;padding:0}
.fa-chips li{margin:0}
.fa-chips a{display:inline-block;padding:8px 13px;border:1px solid #ecdfd5;border-radius:2px;font:500 12.5px var(--f-sans);color:#2a2a2a;background:#fff}
.fa-chips a:hover{border-color:#0a0a0a}
.fa-chips .is-current a{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
/* --- Rubrique : grille 1 + 2×3 --- */
ul.fa-list.is-rubric-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;list-style:none;margin:0;padding:0}
.is-rubric-grid>li{margin:0}
.is-rubric-grid>li:first-child{grid-column:1/-1;border-bottom:1px solid #ecdfd5;padding-bottom:26px}
.is-rubric-grid .fa-card{border:0;padding:0}
.is-rubric-grid .fa-card__thumb{margin:0 0 12px}
.is-rubric-grid .fa-card__thumb img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:2px;display:block}
.is-rubric-grid>li:first-child .fa-card__thumb img{aspect-ratio:207/95}
.is-rubric-grid .fa-meta{margin:0 0 2px}
.is-rubric-grid .fa-meta__date::before{content:"·";margin-right:7px;color:#8a8a8a}
.is-rubric-grid h3.fa-card__title{font-size:19px;line-height:1.22;margin:4px 0 6px}
.is-rubric-grid>li:first-child h3.fa-card__title{font-size:30px;line-height:1.16;margin:4px 0 8px}
.is-rubric-grid .fa-card__excerpt p{font-family:var(--f-serif);font-size:14px;line-height:1.44;color:#5a5a5a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.is-rubric-grid>li:first-child .fa-card__excerpt p{font-size:16px;line-height:1.48}
.is-rubric-grid .fa-card__byline{display:none}
.is-rubric-grid>li:first-child .fa-card__byline{display:flex;gap:5px;margin:8px 0 0}
.is-rubric-grid .fa-card__byline p,.is-rubric-grid .fa-card__byline .fa-byline,.is-rubric-grid .fa-card__byline .fa-byline a{margin:0;font:400 12.5px var(--f-sans);color:#8a8a8a}
/* pagination rubrique */
.fa-pagination.is-rubric{display:flex;justify-content:center;gap:10px;padding:24px 0 0;margin:0}
.fa-pagination.is-rubric a{display:inline-grid;place-items:center;padding:13px 26px;border:1px solid #0a0a0a;border-radius:2px;background:#fff;font:600 14px var(--f-sans);color:#0a0a0a;min-height:0}
.fa-pagination.is-rubric a:hover{background:#0a0a0a;color:#fff}
/* --- Mobile --- */
@media(max-width:768px){
h1.fa-article__title.wp-block-post-title{font-size:26px;line-height:1.16;margin:0 0 10px}
.fa-article__chapo.wp-block-post-excerpt p{font-size:16.5px}
.fa-article__byline .wp-block-avatar{display:block}
.fa-article__content{font-size:17px;line-height:1.7}
.fa-article__content h2{font-size:22px}
.fa-article__content blockquote{padding-left:18px}
.fa-article__content blockquote p{font-size:19px}
.fa-related{padding:26px 16px 14px}
.fa-related__grid{grid-template-columns:1fr;gap:0}
.fa-related .fa-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;background:transparent;border-radius:0;padding:14px 0;border-bottom:1px solid #ecdfd5;align-items:start}
.fa-related .fa-card:last-child{border-bottom:0}
.fa-related .fa-card__thumb{grid-row:1/4}
.fa-related .fa-card__thumb img{aspect-ratio:104/76;border-radius:2px}
.fa-related .fa-meta{margin:0}
.fa-related h3.fa-card__title{margin:4px 0}
.fa-related .fa-related__more{margin:0}
.fa-rubric__hero{padding-top:22px;padding-bottom:16px}
h1.wp-block-query-title{font-size:34px}
.fa-rubric__desc,.fa-rubric__desc p{font-size:14px}
ul.fa-list.is-rubric-grid{grid-template-columns:1fr;gap:0}
.is-rubric-grid>li{padding:20px 0;border-bottom:1px solid #ecdfd5}
.is-rubric-grid>li:first-child{padding-top:0;padding-bottom:20px}
.is-rubric-grid>li:last-child{border-bottom:0}
.is-rubric-grid>li:first-child h3.fa-card__title{font-size:24px}
.is-rubric-grid>li:first-child .fa-card__thumb img{aspect-ratio:358/183}
.fa-pagination.is-rubric{padding:18px 0 8px}
.fa-pagination.is-rubric a{width:100%;text-align:center}
.fa-artband{padding-bottom:24px}
}
/* v2.4.7b — partage SSBA + catégories article */
.fa-article__cat .wp-block-post-terms__separator{display:none}
.fa-article__cat a{margin-right:10px}
.ssba-modern-2{margin:22px 0 0}
.ssba-modern-2>div{text-align:left !important}
.ssba-modern-2 br{display:none}
.ssba-share-text{display:inline-block;font-size:0;line-height:0}
.ssba-share-text::after{content:"Partager :";font:600 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#737373}
.ssba-modern-2 ul.ssbp-list{display:flex;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.ssba-modern-2 .ssbp-list li{margin:0}
.ssba-modern-2 .ssbp-btn{height:34px !important;width:34px !important;border-radius:3px !important;display:inline-flex;align-items:center;justify-content:center}
.ssba-modern-2 .ssbp-btn .ssbp-text{display:none}
/* v2.4.7c — partage SSBA : libellé et alignement */
.ssba-modern-2 .ssba-share-text{display:none !important}
.ssba-modern-2>div{text-align:left !important}
.ssba-modern-2 ul.ssbp-list{display:flex !important;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 !important;padding:0}
.ssba-modern-2 ul.ssbp-list::before{content:"Partager :";display:block;width:100%;font:600 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#737373;margin:0 0 4px}
/* v2.4.7d — partage SSBA : bloc aligné à gauche */
.ssba-modern-2.aligncenter{width:100%;margin-left:0 !important;margin-right:0 !important}
.ssba-modern-2 .ssbp-list li{margin:0 !important}
/* v2.4.8 — vignette YouTube FA TV (sidebar) */
.fa-tvthumb{position:relative;display:block;margin:0 0 9px;border-radius:3px;overflow:hidden}
.fa-tvthumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.fa-tvthumb__play{position:absolute;inset:0;margin:auto;width:42px;height:30px;background:rgba(10,10,10,.78);border-radius:6px}
.fa-tvthumb__play::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.fa-tvthumb:hover .fa-tvthumb__play{background:#dd0017}
/* v2.4.8c — renommage fa-pulse → fa-marketpulse (collision Font Awesome) */
/* v2.4.8d — nav desktop sur une ligne (10 entrées) */
.fa-nav .wp-block-navigation a{padding:15px 9px;white-space:nowrap}
.fa-nav .wp-block-navigation .wp-block-navigation-item__label{white-space:nowrap}
/* v2.4.9 — logo sans hover + pictos sociaux plus grands et accessibles */
a.fa-brand__logo:hover{color:#0a0a0a}
a.fa-brand__logo:hover em{color:inherit}
.fa-topbar__social.wp-block-social-links{gap:14px}
.fa-topbar__social.wp-block-social-links .wp-block-social-link svg{width:18px;height:18px}
.fa-topbar__social.wp-block-social-links .wp-block-social-link a{padding:6px !important;margin:-6px 0;display:flex}
div.fa-mmenu ul.fa-mmenu__soc{gap:14px;margin-top:22px}
div.fa-mmenu .fa-mmenu__soc .wp-block-social-link a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0 !important;background:#f4ece5;border-radius:3px}
div.fa-mmenu .fa-mmenu__soc .wp-block-social-link svg{width:24px;height:24px}
.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social{gap:18px}
.fa-nav .wp-block-navigation__responsive-container.is-menu-open .fa-nav__social svg{width:24px;height:24px}
/* v2.4.9b — espace partage/même thème + gris du prix premium */
.ssba-modern-2{padding-bottom:18px}
.fa-premium__price small,.fa-premium__price span{color:#5a5a5a}
/* v2.4.9c — l'écart partage/même thème doit résister aux styles de layout WP */
section.fa-related{margin-top:46px !important}
/* v2.4.9d — prix premium : « à partir de » et « /mois » dans le gris du descriptif */
p.fa-premium__price small,p.fa-premium__price span{color:#5a5a5a !important}
/* v2.4.10 — badge Publi-reportage (fond bordeaux) */
p.fa-publi-badge{display:inline-block;background:#9b2c2c;color:#fff;font:600 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:2px;margin:0 0 10px}
/* v2.4.10b — héro rubrique : espace au-dessus du kicker + description en serif (style extrait) */
.fa-rubric__hero{padding-top:64px}
.fa-rubric__desc,.fa-rubric__desc p{font-family:var(--f-serif);font-size:16px;line-height:1.5;color:#5a5a5a}
@media(max-width:768px){
.fa-rubric__hero{padding-top:32px}
.fa-rubric__desc,.fa-rubric__desc p{font-size:15px}
}
/* v2.4.11 — sous-menu rubriques mères : puces desktop, menu déroulant mobile */
select.fa-chips-select{display:none}
@media(max-width:768px){
ul.fa-chips{display:none}
select.fa-chips-select{display:block;width:100%;margin:14px 0 0;padding:12px;border:1px solid #ecdfd5;border-radius:2px;font:500 14px var(--f-sans);color:#2a2a2a;background:#fff}
}
/* v2.4.12 — page Markets & Data (bande saumon, héro, sections) */
.fa-mktband{background:#fff0e8;padding:36px 0 48px}
.fa-mkt__hero h1{font-size:42px;margin:0 0 8px}
.fa-mkt__hero{padding-bottom:6px}
.fa-mkt__body h2.fa-section-head__solo{margin:38px 0 16px}
@media(max-width:768px){
.fa-mktband{padding:24px 0 32px}
.fa-mkt__hero h1{font-size:30px}
}
/* v2.4.13 — footer mobile : accordéons colonnes 2-4, titres visibles */
@media(max-width:768px){
.fa-footer__grid > .wp-block-column:nth-child(n+2):nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.14);padding:2px 0}
.fa-footer__grid > .wp-block-column:nth-child(n+2):nth-child(-n+4) :is(h2,h3,h4,h5){position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:13px 24px 13px 0}
.fa-footer__grid > .wp-block-column:nth-child(n+2):nth-child(-n+4) :is(h2,h3,h4,h5)::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;border-right:1.5px solid rgba(255,255,255,.55);border-bottom:1.5px solid rgba(255,255,255,.55);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.fa-footer__grid > .wp-block-column.is-open:nth-child(n+2):nth-child(-n+4) :is(h2,h3,h4,h5)::after{transform:translateY(-30%) rotate(225deg)}
.fa-footer__grid > .wp-block-column:nth-child(n+2):nth-child(-n+4) :is(h2,h3,h4,h5) ~ *{display:none}
.fa-footer__grid > .wp-block-column.is-open:nth-child(n+2):nth-child(-n+4) :is(h2,h3,h4,h5) ~ *{display:block;padding-bottom:10px}
}
/* v2.4.14 — fiche évènement (agenda) : deux colonnes + carte infos */
.fa-event__cols{margin-top:26px}
.fa-event__subhead{font-size:24px;margin:34px 0 10px}
.fa-event__card{background:#fff;border:1px solid #ecdfd5;border-radius:4px;padding:20px}
.fa-event__card p{margin:0;font:500 14.5px var(--f-sans);color:#0a0a0a}
p.fa-event__label{font:600 10.5px var(--f-sans);letter-spacing:.06em;text-transform:uppercase;color:#9b2c2c;margin:16px 0 3px}
.fa-event__card p.fa-event__label:first-child{margin-top:0}
p.fa-event__cta{margin-top:22px}
p.fa-event__cta a{display:flex;align-items:center;justify-content:center;background:#9b2c2c;color:#fff !important;font:600 14px var(--f-sans);padding:13px 16px;border-radius:2px;text-decoration:none}
p.fa-event__cta a:hover{background:#7d2222}
@media(max-width:768px){
.fa-event__cols{margin-top:18px}
.fa-event__subhead{margin-top:26px}
}
/* v2.4.15 — partage : étiquettes colorées masquées même si le markup du shortcode est déformé */
.ssba-modern-2 .ssbp-text{display:none !important}
.ssba-modern-2 .color-icon{display:none !important}
.ssba-modern-2 ul.ssbp-list li{display:inline-flex}
.ssba-modern-2 ul.ssbp-list li p{display:none !important}
.ssba-modern-2 ul.ssbp-list li br{display:none}
/* v2.4.16 — page auteur : réseaux sociaux personnels sous la bio */
.fa-author__social{margin:16px 0 4px}
.fa-author__social a{text-decoration:none}
.fa-author__social a svg{width:16px;height:16px;fill:currentColor;display:block}
/* v2.4.17 — page société : boucle native "Lecture recommandée" filtrée par étiquette, masquée si vide */
.fa-related:not(:has(.fa-card)){display:none}
/* v2.4.18 — boucle native : le de wp:post-template devient l'item de grille */
.fa-related__grid > li{margin:0;display:flex;list-style:none}
.fa-related__grid > li > .fa-card{width:100%}
/* v2.4.19 — boucle native : cas sans vignette + separateur mobile porte par le */
@media (max-width: 768px){
.fa-related .fa-card:not(:has(.fa-card__thumb)){grid-template-columns:1fr}
.fa-related .fa-card{border-bottom:0}
.fa-related__grid > li{border-bottom:1px solid #ecdfd5}
.fa-related__grid > li:last-child{border-bottom:0}
}
/* v2.4.20 — page La rédaction : chapô, annuaire par pôle, bloc contact */
.fa-redac-lead{font-size:19px;line-height:1.55;color:#3a3a3a}
.fa-team__intro{font-style:italic;color:#6b6b6b;margin:0 0 22px}
.fa-team__pole{margin:0 0 30px}
.fa-team__pole-title{font-size:14px;text-transform:uppercase;letter-spacing:.07em;color:#9b2c2c;border-bottom:1px solid #e8ded6;padding:0 0 9px;margin:0}
.fa-team__list{list-style:none;margin:0;padding:0}
.fa-team__list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;padding:11px 2px;border-bottom:1px solid #f2ebe5;margin:0}
.fa-team__list li:last-child{border-bottom:0}
.fa-team__list li a{text-decoration:none}
.fa-team__list li a strong{border-bottom:1px solid rgba(155,44,44,.35)}
.fa-team__list li a:hover strong{border-bottom-color:#9b2c2c}
.fa-team__meta{font-size:14px;color:#70706c}
.fa-team__mail{margin-left:auto;font-size:13px;color:#9b2c2c;text-decoration:none;word-break:break-all}
.fa-team__mail:hover{text-decoration:underline}
.fa-redac-contact{background:#fff0e8;padding:26px 24px 22px;margin:38px 0 0}
.fa-redac-contact h2{margin:0 0 14px;font-size:22px}
.fa-redac-contact p{margin:0 0 10px}
.fa-redac-contact__legal{font-size:14px;color:#70706c}
.fa-redac-contact__follow{font-size:14px;text-transform:uppercase;letter-spacing:.07em;color:#9b2c2c;margin:20px 0 10px}
.fa-redac-social{gap:10px}
@media (max-width: 768px){
.fa-redac-lead{font-size:17px}
.fa-team__meta,
.fa-team__mail{margin-left:0;flex-basis:100%}
.fa-redac-contact{padding:22px 16px 18px}
}
/* v2.4.21 — page La rédaction : pictos réseaux alignés sur la top bar */
.fa-redac-social.wp-block-social-links{gap:14px;margin:0}
.fa-redac-social.wp-block-social-links .wp-block-social-link{padding:0;background:none !important}
.fa-redac-social.wp-block-social-links .wp-block-social-link a{padding:0;color:#5a5a5a !important}
.fa-redac-social.wp-block-social-links .wp-block-social-link a:hover{color:#9b2c2c !important}
.fa-redac-social.wp-block-social-links .wp-block-social-link svg{width:20px;height:20px}