/* ═══════════════════════════════════════════════════════════════════════════
   SITE PUBLIC V6 (19/09/2026) : le thème de la maquette validée (Happia-site-html/assets/happia.css)
   Servie par le worker EN DERNIER sur les pages publiques seulement, jamais sur /espace-client.
   Les couleurs des pages elles-mêmes sont converties par v6_couleurs.py ; cette feuille pose
   la typographie, l'en-tête, le pied de page et les composants communs.
   Encre #171717 · corail #F04438 (fond seulement, jamais en texte : 3,76 sur blanc)
   · corail foncé #BF3228 pour les liens et textes · papier #F4F0E8 · cobalt #3155D9 (focus).
   ═══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:Inter;src:url('/fonts/v6/inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/v6/inter-Semibold.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/v6/inter-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:Sora;src:url('/fonts/v6/sora-Semibold.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Sora;src:url('/fonts/v6/sora-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{color-scheme:light;--bg:#f4f0e8;--cream:#f4f0e8;--cream-2:#ece7dd;--surface:#fff;--surface-2:#ece7dd;--surface-3:#e5e9f4;--card:#fff;--ink:#171717;--ink-2:#56524e;--ink2:#56524e;--ink-3:#66605b;--ink3:#66605b;--brand:#171717;--brand-2:#f04438;--brand-soft:#ffe5df;--mint:#f04438;--mint-d:#bf3228;--mint-dark:#bf3228;--mint-btn:#c6342a;--mint-btn-hover:#9c251d;--mint-soft:#ffe5df;--mint-wash:#fff0e9;--mint-hl:#ffd4c9;--mint-border:#f5b7a9;--border:#ddd7cd;--border-strong:#c6bdb0;--font:Inter,Arial,sans-serif;--sans:Inter,Arial,sans-serif;--head:Sora,Inter,sans-serif;--v5-encre:#171717;--v5-corail:#f04438;--v5-papier:#f4f0e8;--grad:linear-gradient(120deg,#171717,#343434);--sunny:#e8c85a;--shadow-sm:0 2px 5px #17171708;--shadow:0 12px 32px #1717170a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0!important;background:#f4f0e8!important;color:#171717!important;font-family:Inter,Arial,sans-serif!important;font-size:16px!important;line-height:1.65!important}img{max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3155d9;outline-offset:4px}p{overflow-wrap:break-word}h1,h2,h3,h4{font-family:Sora,Inter,sans-serif!important;letter-spacing:-.035em;line-height:1.2}h1{font-size:clamp(2rem,4.6vw,3.7rem)!important;font-weight:600!important}h2{font-size:clamp(1.5rem,2.5vw,2.1rem)}h3{line-height:1.35}main{min-height:40vh}section{scroll-margin-top:24px}body>.hsite-header+*{margin-top:0}body .hero,body .ir-hero{padding-top:56px;padding-bottom:42px;background:transparent}body .hero:before,body .hero:after,body .ir-hero:before,body .ir-hero:after{display:none}body .hero h1 span,body .ir-hero h1 span{color:#c6342a;background:none;-webkit-text-fill-color:currentColor}body .hero p,body .ir-hero p{max-width:760px;line-height:1.7}body .hero .lede,body .hero .lead{font-size:17px}body .container,body .wrap{max-width:1160px}body .eyebrow,body .kicker,body .section-label{color:#71655b;font-size:12px;letter-spacing:.12em}body .btn,body .btn-primary{border-radius:9px;box-shadow:none}body .btn-primary,body a.btn:not(.btn-ghost):not(.btn-outline):not(.btn-secondary){background:#f04438;color:#171717;border-color:#f04438;font-weight:700}body .btn-primary:hover,body a.btn:not(.btn-ghost):not(.btn-outline):not(.btn-secondary):hover{background:#f25a4f;color:#171717;transform:translateY(-2px)}body .btn-ghost,body .btn-secondary{background:#fff;color:#171717;border:1px solid #c6bdb0}body .badge,body .pill{border-radius:8px}body .hero .badge{background:#ffe5df;color:#962a22;border:1px solid #f5b7a9}body .article-featured,body .ia-reco-card{border-radius:14px!important;box-shadow:none!important;border-color:#ddd7cd!important;transition:transform .2s,box-shadow .2s!important}body .article-featured:hover,body .ia-reco-card:hover{transform:translateY(-4px);box-shadow:0 14px 25px #1717170d!important}body .blog-filter.active,body .ia-reco-pill.active{background:#171717!important;color:#fff!important;border-color:#171717!important}body .blog-filter,body .ia-reco-pill{font-family:Inter,sans-serif;min-height:42px}body .legal-wrap,body article>.article-body,body .article-content{max-width:800px}body .legal-wrap p,body .legal-wrap li,body article p,body article li{font-size:16px;line-height:1.8}body .article-content h2,body .article-body h2{margin-top:2.1em}body .articles-grid{gap:24px}body input,body select,body textarea{min-height:46px;border:1px solid #c6bdb0;border-radius:8px;background:#fff;color:#171717;padding:10px 12px}body summary{cursor:pointer}body table{max-width:100%;border-collapse:collapse}body th,body td{padding:13px;text-align:left}body blockquote{border-left:3px solid #f04438;padding-left:24px}body pre{overflow:auto;max-width:100%}body .hsite-table-wrap{overflow-x:auto;width:100%}body [hidden]{display:none!important}body .hsite-original>*{max-width:100%}body .hsite-legacy-content{max-width:900px;margin:auto;padding:40px 24px 64px}body .hsite-legacy-content h2{margin-top:40px}body .hsite-legacy-content p{margin:14px 0}body .hsite-original .reveal,body .hsite-original [data-reveal]{opacity:1!important;transform:none!important}
.hsite-skip{position:absolute;top:-70px;left:20px;z-index:99;background:#171717;color:#fff;padding:12px}.hsite-skip:focus{top:10px}.hsite-header{position:relative;z-index:20;border-bottom:1px solid #ddd7cd;background:#f4f0e8;font:14px Inter,sans-serif;color:#171717}.hsite-bar{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 32px}.hsite-logo img{width:112px;height:40px;display:block;object-fit:contain}.hsite-nav{display:flex;align-items:center;gap:25px}.hsite-nav a{text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.hsite-nav a:hover{color:#b92f25}.hsite-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#f04438;text-underline-offset:8px}.hsite-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;background:#f04438!important;color:#171717!important;border:1px solid #f04438;border-radius:8px;text-decoration:none!important;font-weight:700;transition:transform .2s}.hsite-cta:hover{transform:translateY(-2px)}.hsite-nav details{position:relative}.hsite-nav summary{list-style:none;font-weight:600}.hsite-nav summary:after{content:'⌄';margin-left:7px}.hsite-nav details>div{position:absolute;top:35px;right:0;width:230px;padding:12px;border:1px solid #ddd7cd;border-radius:12px;background:#fff;box-shadow:0 15px 40px #17171712}.hsite-nav details>div a{display:block;padding:10px;white-space:normal}.hsite-footer{background:#171717;color:#f4f0e8;padding:46px 32px 24px;margin-top:42px;font:14px/1.65 Inter,sans-serif}.hsite-footer-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}.hsite-footer img{width:115px;height:41px;object-fit:contain}.hsite-footer p{max-width:230px;color:#c6bdb0;font-size:14px}.hsite-footer h2{font:600 14px Sora,sans-serif;color:#fff;margin:0 0 16px;letter-spacing:0}.hsite-footer a{display:block;text-decoration:none;color:#d9d1c5;margin:9px 0;font-size:14px}.hsite-footer a:hover{color:#ff8b7e}.hsite-footer-bottom{max-width:1160px;margin:28px auto 0;padding-top:22px;border-top:1px solid #3c3934;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:#b9b2a7;font-size:12px}.hsite-motion{background:transparent;border:1px solid #696158;color:#e3dcd0;padding:7px 12px;border-radius:7px;cursor:pointer}.hsite-in{animation:hsite-rise .55s ease-out both}.hsite-agent-note{display:flex;align-items:center;gap:24px;max-width:850px;margin:35px auto;padding:24px}.hsite-agent-note img{height:215px;width:125px;object-fit:contain}.hsite-agent-note p{max-width:550px}.hsite-inline-link{color:#b92f25;text-decoration:underline}.hsite-count{color:#66605b;font-size:13px}.hsite-status{padding:16px;border:1px solid #ddd7cd;background:#fff;border-radius:8px}.hsite-paused *{animation:none!important;transition:none!important}.hsite-catalog{max-width:1100px;margin:auto;padding:40px 24px}.hsite-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hsite-catalog-grid a{display:block;background:#fff;border:1px solid #ddd7cd;padding:18px;border-radius:10px;text-decoration:none}.hsite-catalog-grid small{display:block;margin-top:10px;color:#66605b;overflow-wrap:anywhere}.hsite-gallery img{cursor:zoom-in}.hsite-lightbox{max-width:94vw;max-height:94vh;border:0;border-radius:12px;padding:14px;background:#171717;color:#fff}.hsite-lightbox::backdrop{background:#171717cc}.hsite-lightbox img{display:block;max-height:78vh;object-fit:contain}.hsite-lightbox button{background:#fff;color:#171717;padding:8px 14px;border:0;border-radius:7px;margin-bottom:10px}
@keyframes hsite-rise{from{opacity:.7;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hsite-bar{padding:16px 22px;flex-wrap:wrap}.hsite-nav>a:not(.hsite-cta),.hsite-nav>details{display:none}.hsite-footer-inner{grid-template-columns:1fr 1fr}.hsite-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body .hero,body .ir-hero{padding-top:34px;padding-bottom:30px}h1{letter-spacing:-.045em!important;font-size:clamp(1.9rem,8.3vw,2.7rem)!important;overflow-wrap:break-word}body .hero p,body .ir-hero p{font-size:16px}body .grid,body .two-col,body .three-col{grid-template-columns:1fr}.hsite-footer{padding:32px 22px}.hsite-footer-inner{gap:26px}.hsite-footer-inner>div:first-child{grid-column:1/-1}.hsite-agent-note{padding:20px;gap:15px}.hsite-agent-note img{width:85px;height:165px}.hsite-catalog-grid{grid-template-columns:1fr}.hsite-cta{padding:9px 13px;min-height:42px}body .hsite-original{overflow-wrap:anywhere}body .hsite-original table{font-size:14px}body input,body textarea,body select{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ── Compléments d'intégration (pas dans la maquette : ce que le vrai site a en plus) ── */
/* L'en-tête remplace les trois anciennes barres (.hf-topbar, .topbar, .top) : leurs règles de
   position (fixe, pilule flottante, flou) ne doivent plus s'appliquer. */
header.hsite-header{position:relative!important;inset:auto!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;width:auto!important;margin:0!important}
.hsite-header .pf-burger{margin-left:4px}
.hsite-nav a,.hsite-nav summary{color:#171717}
.hsite-nav details>div a{color:#171717}
/* Le tiroir mobile standard, à la typographie V6 */
.pf-mm a{font-family:Sora,Inter,sans-serif!important}
.pf-mm a.pf-mm-cta{background:#F04438!important;color:#171717!important;font-weight:700!important}
/* Le pied de page de la maquette : réseaux sociaux du site réel */
.hsite-footer .hsite-soc{display:flex;gap:8px;margin-top:14px}
.hsite-footer .hsite-soc a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;border:1px solid #57524b;border-radius:9px;color:#f4f0e8}
.hsite-footer .hsite-soc a:hover{background:#F04438;border-color:#F04438;color:#171717}
.hsite-footer .hsite-soc a.g{background:#fff}
/* Textes posés sur un fond sombre hérité du parent : le corail vif (4,77 sur l'encre), pas le foncé
   (3,16). Relevés par le balayage de contraste des 144 pages publiques. */
.bespoke-tag,.testimonial .eyebrow,.what-col.paid .tag,.example .ai{color:#F04438!important}
.example .user{color:#b9b2a7!important}
/* Tarifs : « Ce qui est inclus » s'affichait en titre de 38 px. La règle générique de
   happia-fun (`body.happia-fun .section-h`) battait celle de la carte (`.plan .section-h`).
   Défaut antérieur à la V6, que la maquette corrigeait. */
body.happia-fun .plan .section-h{font:600 11px/1.4 Inter,Arial,sans-serif!important;letter-spacing:1.2px!important;text-transform:uppercase;margin:14px 0 6px!important;color:#56524e!important}
/* 19/09/2026 — À 320 px (petits iPhone), la barre passait sur deux lignes : le logo seul en
   haut, le bouton et le menu dessous, 95 px de hauteur perdus. La maquette la laissait
   s'enrouler (flex-wrap) ; une barre d'en-tête ne s'enroule pas, elle se resserre. */
@media(max-width:600px){
  .hsite-bar{flex-wrap:nowrap!important;gap:10px!important;padding:12px 14px!important}
  .hsite-logo img{width:92px!important;height:33px!important}
  .hsite-nav{gap:8px!important;flex-wrap:nowrap!important}
  .hsite-cta{padding:8px 12px!important;min-height:40px!important;font-size:13px!important;white-space:nowrap}
}
/* 19/09/2026 — L'AGENT DANS LE BANDEAU DE L'ARTICLE (maquette validée par Christophe).
   Le worker remplace le dessin par l'agent du métier et pose la classe .avec-agent.
   L'agent est debout, posé sur le bas du bandeau, un halo corail derrière lui. */
.article-cover.avec-agent{min-height:300px;padding:38px 0 0 34px!important;align-items:stretch!important}
.article-cover.avec-agent .cover-inner{display:flex;align-items:stretch;gap:12px;width:100%}
.article-cover.avec-agent .cover-text{align-self:center;padding-bottom:38px;flex:1;min-width:0;position:relative;z-index:2}
.article-cover.avec-agent .cover-viz{width:230px!important;height:auto!important;align-self:flex-end;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;position:static;z-index:1}
.article-cover.avec-agent .cover-viz::before{content:"";position:absolute;bottom:-40px;right:0;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(240,68,56,.55),transparent 65%);pointer-events:none;z-index:0}
.article-cover.avec-agent .cover-viz .ag-debout{position:relative;height:300px;width:auto;max-width:none;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.article-cover.avec-agent .ag-qui{position:absolute;bottom:18px;right:250px;z-index:2;background:#171717;color:#fff;font:600 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25)}
@media(max-width:680px){
  .article-cover.avec-agent{padding:26px 0 0 22px!important;min-height:0}
  .article-cover.avec-agent .cover-inner{flex-direction:row}
  .article-cover.avec-agent .cover-text{padding-bottom:26px}
  .article-cover.avec-agent .cover-sub{display:none}
  .article-cover.avec-agent .cover-viz{width:110px!important}
  .article-cover.avec-agent .cover-viz .ag-debout{height:190px}
  .article-cover.avec-agent .ag-qui{display:none}
  .article-cover.avec-agent .cover-viz::before{width:150px;height:150px;bottom:-20px}
}