/* ═══════════════════════════════════════════════════════════════════════════════
   Sillons — Réglages & accueil du premier lancement
═══════════════════════════════════════════════════════════════════════════════ */

.reglages{max-width:860px;display:flex;flex-direction:column;gap:14px}
.r-section{display:flex;flex-direction:column;gap:10px;padding:18px}
.r-titre{font-family:var(--font-d);font-size:1.3rem;font-weight:500}
.r-actions{display:flex;gap:8px;flex-wrap:wrap}
.r-actions .btn svg{width:13px;height:13px}
.r-resultat{cursor:pointer}
.r-resultat:hover{border-color:var(--gold)}
.r-climat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}

/* ═══ ACCUEIL (bienvenue) ════════════════════════════════════════════════════ */
.bv{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:30px 16px;overflow-y:auto;
  background:
    radial-gradient(ellipse 700px 400px at 85% 0%, rgba(212,168,67,.10), transparent 65%),
    radial-gradient(ellipse 600px 400px at 0% 100%, rgba(91,184,122,.09), transparent 65%),
    var(--bg)}
.bv-carte{width:100%;max-width:620px;background:var(--card);border:1px solid var(--border2);border-radius:18px;box-shadow:var(--sh-lg);padding:30px}
.bv-logo{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.bv-logo svg{width:30px;height:30px;color:var(--gold)}
.bv-logo span{font-family:var(--font-d);font-size:1.9rem;font-weight:500}
.bv-etapes{display:flex;gap:6px;margin-bottom:20px}
.bv-etapes i{flex:1;height:4px;border-radius:2px;background:var(--overlay2)}
.bv-etapes i.on{background:var(--gold)}
.bv h1{font-family:var(--font-d);font-size:2rem;font-weight:400;line-height:1.15;margin-bottom:8px}
.bv h1 em{color:var(--gold)}
.bv p.texte{margin-bottom:14px}
.bv-corps{display:flex;flex-direction:column;gap:12px}
.bv-pied{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap}
.bv-choix{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bv-choix button{text-align:left;padding:18px;border-radius:14px;border:1px solid var(--border2);background:var(--overlay);transition:all .14s}
.bv-choix button:hover{border-color:var(--gold);background:rgba(212,168,67,.08)}
.bv-choix b{display:block;font-family:var(--font-d);font-size:1.25rem;font-weight:500;margin:6px 0 4px}
.bv-choix span{font-size:.78rem;color:var(--muted);line-height:1.45;display:block}
.bv-choix .ic{font-size:1.8rem}
.preset{display:grid;grid-template-columns:auto 1fr 74px 74px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border2);border-radius:12px}
.preset.on{border-color:var(--gold);background:rgba(212,168,67,.06)}
.preset b{font-weight:600;font-size:.86rem}
.preset small{display:block;font-size:.7rem;color:var(--muted)}
.preset input[type=number]{padding:7px 8px}
.preset input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}

@media (max-width:560px){
  .bv-carte{padding:22px 18px}
  .bv h1{font-size:1.6rem}
  .bv-choix{grid-template-columns:1fr}
  .preset{grid-template-columns:auto 1fr 64px 64px;gap:8px}
}