/* ============================================================
   ORACLE ARCANA — Formulaire d'inscription à l'horoscope quotidien,
   bloc réutilisable à source unique (voir horoscope-widget.js).

   Classes préfixées .hw- pour ne jamais entrer en collision avec les
   classes déjà présentes sur la page hôte. Les couleurs/typos passent
   par des variables CSS AVEC valeur de repli (ex: var(--gold,#b89149))
   reprenant exactement la palette d'index.html :
     - si la page hôte définit déjà --gold/--gold-deep/--gold-light/
       --ink/--ink-soft/--line/--card/--shadow (c'est le cas d'index.html),
       le widget en hérite et son rendu est identique à l'original ;
     - sinon (pages au design différent, ex. heures-miroirs.html), les
       valeurs de repli s'appliquent et le widget garde un rendu
       cohérent et autonome, sans dépendre du CSS de la page hôte.
   ============================================================ */

.hw-panel{background:var(--card,#fffdf9);border:1px solid var(--line,rgba(184,145,73,.25));border-radius:12px;padding:2.5rem;max-width:480px;margin:0 auto;box-shadow:var(--shadow,0 14px 40px rgba(90,70,30,.10));box-sizing:border-box}
.hw-field{margin-bottom:1rem}
.hw-field label{display:block;font-family:'Playfair Display',Georgia,serif;font-size:.66rem;letter-spacing:.1em;color:var(--gold-deep,#9a7838);text-transform:uppercase;margin-bottom:.4rem}
.hw-input{width:100%;background:#fff;border:1px solid var(--line,rgba(184,145,73,.25));border-radius:5px;padding:.78rem .9rem;color:var(--ink,#2a2218);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08rem;box-sizing:border-box}
.hw-input:focus{outline:none;border-color:var(--gold,#b89149)}
.hw-dgroup{display:flex;gap:.6rem}
.hw-dsel{flex:1;background:#fff;border:1px solid var(--line,rgba(184,145,73,.25));border-radius:5px;padding:.78rem .6rem;color:var(--ink,#2a2218);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08rem;cursor:pointer;box-sizing:border-box}
.hw-dsel:focus{outline:none;border-color:var(--gold,#b89149)}
.hw-dsel[data-part="j"]{flex:0 0 26%}
.hw-dsel[data-part="y"]{flex:0 0 30%}
.hw-btn{cursor:pointer;border:none;font-family:'Playfair Display',Georgia,serif;letter-spacing:.06em;font-size:.86rem;padding:.95rem 1.9rem;border-radius:4px;transition:all .3s;background:linear-gradient(135deg,var(--gold-light,#d9be86),var(--gold-deep,#9a7838));color:#fff;font-weight:500;box-shadow:0 6px 20px rgba(184,145,73,.3)}
.hw-btn:hover{filter:brightness(1.04)}
.hw-btn:disabled{opacity:.6;cursor:default}
.hw-msg{margin-top:1rem;text-align:center;font-size:.92rem}
.hw-note{text-align:center;margin-top:1.2rem;font-size:.82rem;color:var(--ink-soft,#6b5f4d)}