/*
 * HomeBe — Invest  ([homebe_invest])
 * Repris de l'export Claude Design « HomeBe Invest v1.dc.html ».
 * Regles globales scopees sous .hb-invest-app ; les attributs style-hover
 * du moteur proprietaire sont devenus de vraies regles CSS.
 */
.hb-invest-app { -webkit-text-size-adjust: 100%; }.hb-invest-app { margin:0; background:#fff; color:#1B2A4E; font-family:'DM Sans', system-ui, -apple-system, sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }.hb-invest-app *, .hb-invest-app *::before, .hb-invest-app *::after { box-sizing:border-box; }.hb-invest-app a, .hb-invest-app a:link, .hb-invest-app a:visited { color:#1B2A4E; text-decoration:none; }.hb-invest-app a:hover { color:#B8852B; }.hb-invest-app button, .hb-invest-app input, .hb-invest-app select { font-family:inherit; }.hb-invest-app input[type="range"] { -webkit-appearance:none; appearance:none; width:100%; height:24px; background:transparent; cursor:pointer; }.hb-invest-app input[type="range"]::-webkit-slider-runnable-track { height:6px; border-radius:999px; background:linear-gradient(#5B7FB9,#5B7FB9) 0/var(--f,50%) no-repeat, #DDE2EA; }.hb-invest-app input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:20px; height:20px; margin-top:-7px; border-radius:50%; background:#5B7FB9; border:3px solid #fff; box-shadow:0 1px 5px rgba(15,26,51,.28); }.hb-invest-app input[type="number"] { -moz-appearance:textfield; min-width:0; width:100%; }.hb-invest-app input[type="number"]::-webkit-outer-spin-button, .hb-invest-app input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }.hb-invest-app input[type="range"]:focus { outline:none; }.hb-invest-app input[type="range"]:focus::-webkit-slider-thumb { box-shadow:0 0 0 4px rgba(91,127,185,.22); }.hb-invest-app input[type="range"]::-moz-range-track { height:6px; border-radius:999px; background:#DDE2EA; }.hb-invest-app input[type="range"]::-moz-range-progress { height:6px; border-radius:999px; background:#5B7FB9; }.hb-invest-app input[type="range"]::-moz-range-thumb { width:14px; height:14px; border-radius:50%; background:#5B7FB9; border:3px solid #fff; box-shadow:0 1px 5px rgba(15,26,51,.28); }.hb-invest-app ::selection { background:#D9A441; color:#1B2A4E; }
  @keyframes hb-blink { 0%,40%{opacity:.9} 50%,60%{opacity:.3} 70%,100%{opacity:.9} }
  @keyframes hb-panel-in { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
  @keyframes hb-fade-in { from{opacity:0} to{opacity:1} }.hb-invest-app [data-hb="print"] { display:none; }
  @media print {.hb-invest-app > *:not([data-hb="print"]) { display:none !important; }.hb-invest-app [data-hb="print"] { display:block !important; position:static !important; }.hb-invest-app [data-hb="print"][data-off="1"] { display:none !important; }
    @page { size:A4; margin:14mm; }.hb-invest-app, .hb-invest-app { background:#fff !important; }.hb-invest-app .hb-sheet { page-break-after:always; break-after:page; }.hb-invest-app .hb-sheet:last-child { page-break-after:auto; break-after:auto; }.hb-invest-app .hb-block { page-break-inside:avoid; break-inside:avoid; }
  }
  @media (max-width: 1080px) {.hb-invest-app [data-hb="two"] { grid-template-columns: minmax(0,1fr) !important; }.hb-invest-app [data-hb="hero"] { grid-template-columns: minmax(0,1fr) !important; }
  }
  @media (max-width: 680px) {.hb-invest-app [data-hb="card"] { grid-template-columns: 36px minmax(0,1fr) !important; column-gap:14px !important; padding:16px 16px !important; }.hb-invest-app [data-hb="card"] > *:nth-child(3) { grid-column: 1 / -1 !important; margin-top:14px !important; }.hb-invest-app [data-hb="card"] [data-hb="kpis"] { grid-template-columns: repeat(3,minmax(0,1fr)) !important; column-gap:8px !important; }.hb-invest-app [data-hb="sec"] { padding-top:56px !important; padding-bottom:56px !important; }.hb-invest-app [data-hb="sec-pad"], .hb-invest-app [data-hb-pad="sec-pad"] { padding-left:18px !important; padding-right:18px !important; }.hb-invest-app [data-hb="hero-pad"] { padding-top:44px !important; padding-bottom:40px !important; }.hb-invest-app [data-hb="panel-pad"] { padding:18px !important; }
  }

#hb-invest-impression { display: none; }

@media print {
  /* voie principale : la copie de la feuille, seule sous <body> */
  html.hb-invest-impression body > *:not(#hb-invest-impression) { display: none !important; }
  #hb-invest-impression { display: block !important; }
  #hb-invest-impression [data-hb="print"],
  #hb-invest-impression [data-hb="print"][data-off="1"] {
    display: block !important; position: static !important; visibility: visible !important;
  }

  /* voie de repli */
  html:not(.hb-invest-impression) body * { visibility: hidden !important; }
  html:not(.hb-invest-impression) .hb-invest-app [data-hb="print"]:not([data-off="1"]),
  html:not(.hb-invest-impression) .hb-invest-app [data-hb="print"]:not([data-off="1"]) * { visibility: visible !important; }
  html:not(.hb-invest-impression) .hb-invest-app [data-hb="print"]:not([data-off="1"]) {
    position: absolute !important; left: 0; top: 0; width: 100%;
    display: block !important;
  }

  [data-hbi-apercu-voile] { display: none !important; }
}


/* style-hover de la maquette */
.hb-invest-app .hbi-h0:hover { background:#B8852B; color:#fff; transform:translateY(-1px); }
.hb-invest-app .hbi-h1:hover { background:#1B2A4E; color:#fff; }
.hb-invest-app .hbi-h2:hover { color:#1B2A4E; border-color:#D7DBE3; }
.hb-invest-app .hbi-h3:hover { border-color:#1B2A4E; transform:translateY(-2px); }
.hb-invest-app .hbi-h4:hover { background:#fff; border-color:#fff; }
.hb-invest-app .hbi-h5:hover { border-color:#fff; background:#fff; color:#1B2A4E; }
.hb-invest-app .hbi-h6:hover { color:#fff; }
.hb-invest-app .hbi-h7:hover { border-color:#1B2A4E; }
.hb-invest-app .hbi-h8:hover { background:#D9A441; border-color:#D9A441; color:#1B2A4E; }
.hb-invest-app .hbi-h9:hover { border-color:#1B2A4E; color:#1B2A4E; }


/* ── garde-fous WordPress ───────────────────────────────────────── */
.hb-invest-app { width: 100%; }
.hb-invest-app button {
  margin: 0; min-width: 0; text-transform: none; letter-spacing: normal;
  line-height: 1.25; -webkit-appearance: none; appearance: none; color: inherit;
}
.hb-invest-app button:hover,
.hb-invest-app button:focus,
.hb-invest-app button:active { color: inherit; }
.hb-invest-app input,
.hb-invest-app select,
.hb-invest-app textarea { min-width: 0; text-transform: none; letter-spacing: normal; }

/* ── bandeau « Parlez-en a un specialiste » ─────────────────────── */
.hb-invest-app .hbi-cta-plein:hover { background: #2A3D68; color: #fff; }
.hb-invest-app .hbi-cta-contour:hover { background: #1B2A4E; color: #fff; }
@media (max-width: 900px) {
  .hb-invest-app [data-hb="expert-cartes"] { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ── replis du comparateur ──────────────────────────────────────── */
.hb-invest-app [data-hbi-repli][data-hbi-plie] [data-hbi-corps] { display: none; }
.hb-invest-app [data-hbi-repli]:not([data-hbi-plie]) [data-hbi-resume] { display: none; }
.hb-invest-app [data-hbi-tete] { font-family: inherit; }
.hb-invest-app [data-hbi-chevron] {
  flex: 0 0 16px; color: #8C95A6; transition: transform .2s ease;
}
.hb-invest-app [data-hbi-repli]:not([data-hbi-plie]) [data-hbi-chevron] { transform: rotate(180deg); }

/* ── mur de connexion ───────────────────────────────────────────── */
/* On garde la page visible derriere : voile leger et flou, et la scene du
   mur, qui est peinte en creme pour les pages ou elle occupe tout l'ecran,
   redevient transparente ici. */
.hb-invest-mur {
  position: fixed; inset: 0; z-index: 120;
  overflow: auto; background: rgba(15, 26, 51, .28);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.hb-invest-mur[hidden] { display: none; }
.hb-invest-mur .hb-mur-wrap,
.hb-invest-mur .hb-mur-scene { background: transparent !important; }
.hb-invest-mur .hb-mur-scene { min-height: 100%; padding: 72px 20px; }
.hb-invest-mur .hb-mur-apercu { display: none; }
.hb-invest-mur .hb-mur-voile { display: none; }

/* Croix de fermeture, au dessin des autres boutons du site : pastille
   blanche, filet gris, icone navy. */
.hb-invest-mur-fermer {
  position: fixed; right: 20px; top: 20px; z-index: 2;
  width: 40px; height: 40px; padding: 0; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid #D7DBE3; background: #FFFFFF; color: #1B2A4E;
  box-shadow: 0 4px 14px rgba(15, 26, 51, .12);
  cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease;
}
.hb-invest-mur-fermer:hover { border-color: #1B2A4E; box-shadow: 0 6px 18px rgba(15, 26, 51, .18); }
.hb-invest-mur-fermer:focus-visible { outline: 2px solid #D9A441; outline-offset: 3px; }