/* ============================================================
   AUGURES.ME — additions spécifiques au-dessus de la charte
   graphique générique (static/css/charte.css). On ne redéfinit
   ici que ce que la charte ne fournit pas : formulaires, roue
   astrale, petits états de page.
   ============================================================ */

:root {
  --augures-error: #b5482f;
}

/* ── Logo / identité ── */
.nav-logo em { font-style: normal; color: var(--text-gold); }

/* ── Formulaires ── */
.field-group { max-width: 480px; margin: 0 auto; text-align: left; }
.field { margin-bottom: 1.75rem; }
.field label {
  display: block;
  font-family: var(--font-caps);
  font-size: 0.8em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 0.6rem;
}
.theme-dark .field label { color: var(--text-gold-light); }
.theme-light .field label { color: var(--text-dark-accent); }

.field input[type="text"],
.field input[type="date"],
.field input[type="time"],
.field input[type="email"],
.field input[type="number"],
.field select {
  width: 100%;
  font-family: var(--font-serif);
  font-size: 1em;
  padding: 0.75rem 0.9rem;
  background: transparent;
  border-radius: 0;
}
.theme-dark .field input,
.theme-dark .field select {
  color: var(--text-cream);
  border: 0.5px solid var(--border-on-dark);
}
.theme-light .field input,
.theme-light .field select {
  color: var(--text-dark);
  border: 0.5px solid var(--border-on-light);
}

.field-row { display: flex; gap: 1.5rem; }
.field-row .field { flex: 1; }

.form-submit {
  display: block;
  width: 100%;
  font-family: var(--font-caps);
  font-size: 1em;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  color: var(--bg-light);
  background: var(--text-dark-accent);
  padding: 1rem 2.5rem;
  transition: all 0.25s;
}
.form-submit:hover { background: #5a3e18; }

.form-error {
  border: 0.5px solid var(--augures-error);
  color: var(--augures-error);
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  font-size: 0.95em;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

/* ── Roue astrale ── */
.astral-wheel-wrap { display: flex; justify-content: center; margin: 2rem 0 3rem; }
.astral-wheel { width: 100%; max-width: 420px; height: auto; }
.wheel-ring { fill: none; stroke: var(--border-on-dark); stroke-width: 0.75; }
.wheel-ring-thin { stroke-width: 0.5; }
.wheel-division { stroke: var(--grid-on-dark); stroke-width: 0.5; }
.wheel-house-cusp { stroke: var(--grid-on-dark); stroke-width: 0.4; }
.wheel-sign-glyph { fill: var(--text-gold-light); font-size: 9px; font-family: var(--font-caps); letter-spacing: 0.04em; }
.wheel-planet-tick { stroke: var(--text-gold); stroke-width: 0.6; }
.wheel-planet-glyph { fill: var(--text-cream); font-size: 14px; font-family: 'Noto Sans Symbols 2', var(--font-serif); }
.wheel-angle-marker { stroke: var(--text-gold); stroke-width: 0.8; }
.wheel-angle-label { fill: var(--text-gold); font-size: 11px; font-family: var(--font-caps); letter-spacing: 0.05em; }
.wheel-aspect { stroke: var(--border-on-dark); stroke-width: 0.4; }
.wheel-aspect-trigone,
.wheel-aspect-sextile { stroke: rgba(200,169,110,0.28); }
.wheel-aspect-carré,
.wheel-aspect-opposition { stroke: rgba(181,72,47,0.28); }

.theme-light .wheel-ring,
.theme-light .wheel-ring-thin { stroke: var(--border-on-light); }
.theme-light .wheel-division,
.theme-light .wheel-house-cusp { stroke: var(--grid-on-light); }
.theme-light .wheel-sign-glyph { fill: var(--text-dark-accent); }
.theme-light .wheel-planet-tick,
.theme-light .wheel-angle-marker,
.theme-light .wheel-angle-label { stroke: var(--text-dark-accent); fill: var(--text-dark-accent); }
.theme-light .wheel-planet-glyph { fill: var(--text-dark); }

/* ── Résultat / interprétation ── */
.interpretation-text { font-size: 1.05em; line-height: 1.85; }
.interpretation-text p { margin-bottom: 1.2rem; }

.status-note {
  font-size: 0.85em;
  font-style: italic;
  text-align: center;
  margin-top: 1rem;
}
.theme-dark .status-note { color: var(--text-gold); }
.theme-light .status-note { color: var(--text-dark-accent); }

.chart-text { max-width: 480px; margin: 3rem auto 0; text-align: center; }
.chart-text .eyebrow { display: block; margin-bottom: 1.5rem; }
.chart-text-list { list-style: none; text-align: left; font-size: 0.95em; }
.chart-text-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.6rem 0;
}
.theme-dark .chart-text-list li { border-bottom: 0.5px solid var(--border-on-dark); }
.theme-light .chart-text-list li { border-bottom: 0.5px solid var(--border-on-light); }
.chart-text-symbol { display: inline-block; width: 1.4em; }
.chart-text-house { font-style: italic; opacity: 0.7; }

.transparency-note {
  font-size: 0.85em;
  line-height: 1.7;
  max-width: 560px;
  margin: 3rem auto 0;
  text-align: center;
}
.theme-dark .transparency-note { color: var(--text-gold-light); }
.theme-light .transparency-note { color: var(--text-dark-dim); }