/*
 * HomeBe, Documents  ([homebe_documents])
 * Repris de l'export Claude Design « HomeBe Documents v1.dc.html ».
 * Regles globales scopees sous .hb-documents-app ; les attributs style-hover
 * du moteur proprietaire sont devenus de vraies regles CSS.
 */
.hb-documents-app { -webkit-text-size-adjust: 100%; }.hb-documents-app { margin:0; background:#F1EDE5; color:#1B2A4E; font-family:'DM Sans', system-ui, -apple-system, sans-serif; -webkit-font-smoothing:antialiased; }.hb-documents-app *, .hb-documents-app *::before, .hb-documents-app *::after { box-sizing:border-box; }.hb-documents-app a, .hb-documents-app a:link, .hb-documents-app a:visited { color:#1B2A4E; text-decoration:none; }.hb-documents-app a:hover { color:#B8852B; }.hb-documents-app button, .hb-documents-app input, .hb-documents-app select, .hb-documents-app textarea { font-family:inherit; }.hb-documents-app ::selection { background:#D9A441; color:#1B2A4E; }
  @keyframes hb-blink { 0%,40%{opacity:.9} 50%,60%{opacity:.3} 70%,100%{opacity:.9} }
  @keyframes hb-in { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
  @keyframes hb-marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
  @media print {.hb-documents-app [data-np] { display:none !important; }.hb-documents-app, .hb-documents-app { background:#fff !important; }
    @page { size:A4; margin:15mm; }.hb-documents-app [data-sheet] { box-shadow:none !important; border:none !important; border-radius:0 !important; max-width:none !important; width:100% !important; padding:0 !important; }.hb-documents-app [data-sheet] h3, .hb-documents-app [data-sheet] table, .hb-documents-app [data-sheet] tr { page-break-inside:avoid; break-inside:avoid; }
  }

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

@media print {
  html.hb-documents-impression body > *:not(#hb-documents-impression) { display: none !important; }
  #hb-documents-impression { display: block !important; }
  #hb-documents-impression [data-np] { display: none !important; }

  html:not(.hb-documents-impression) body * { visibility: hidden !important; }
  html:not(.hb-documents-impression) .hb-documents-app [data-sheet],
  html:not(.hb-documents-impression) .hb-documents-app [data-sheet] * { visibility: visible !important; }
  html:not(.hb-documents-impression) .hb-documents-app [data-sheet] {
    position: absolute !important; left: 0; top: 0; width: 100%;
  }
  html:not(.hb-documents-impression) [data-np] { display: none !important; }
}


/* style-hover de la maquette */
.hb-documents-app .hbd-h0:hover { background:#E2B45C; color:#1B2A4E; }
.hb-documents-app .hbd-h1:hover { color:#1B2A4E; background:rgba(27,42,78,.05); }
.hb-documents-app .hbd-h2:hover { border-color:#1B2A4E; box-shadow:0 8px 22px rgba(15,26,51,.08); }
.hb-documents-app .hbd-f3:focus { border-color:#1B2A4E; }
.hb-documents-app .hbd-h4:hover { border-color:#1B2A4E; }
.hb-documents-app .hbd-h5:hover { background:#0F1A33; }
.hb-documents-app .hbd-h6:hover { background:#E2B45C; }
.hb-documents-app .hbd-h7:hover { background:#0F1A33; color:#fff; }
.hb-documents-app .hbd-f8:focus { border-color:#1B2A4E; background:#fff; }


/* ── garde-fous WordPress ───────────────────────────────────────── */
.hb-documents-app { width: 100%; }
.hb-documents-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-documents-app button:hover,
.hb-documents-app button:focus,
.hb-documents-app button:active { color: inherit; }
.hb-documents-app input,
.hb-documents-app select,
.hb-documents-app textarea { min-width: 0; text-transform: none; letter-spacing: normal; }

/* ── dans un generateur, l'en-tete du site s'efface ─────────────────
   Le generateur pose sa propre barre, « Tous les modeles » a gauche et
   l'export a droite. L'en-tete du site est fixe et passait par dessus :
   les deux se superposaient et la barre de l'outil n'etait plus
   cliquable. On masque l'en-tete du site le temps du document, la barre
   de l'outil sert alors de navigation. */
html.hb-documents-outil .hb-header,
html.hb-documents-outil .hb-header-mobile-menu { display: none !important; }

/* ── 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-documents-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-documents-mur[hidden] { display: none; }
.hb-documents-mur .hb-mur-wrap,
.hb-documents-mur .hb-mur-scene { background: transparent !important; }
.hb-documents-mur .hb-mur-scene { min-height: 100%; padding: 72px 20px; }
.hb-documents-mur .hb-mur-apercu { display: none; }
.hb-documents-mur .hb-mur-voile { display: none; }

/* Croix de fermeture, au dessin des autres boutons du site : pastille
   blanche, filet gris, icone navy. */
.hb-documents-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-documents-mur-fermer:hover { border-color: #1B2A4E; box-shadow: 0 6px 18px rgba(15, 26, 51, .18); }
.hb-documents-mur-fermer:focus-visible { outline: 2px solid #D9A441; outline-offset: 3px; }