/* Le Jour Off — outil lever et coucher du soleil (composants/outil-soleil.html). Mobile 375 px d'abord.
   Couleurs du thème (theme.css) : feutre #1b1b22, doux #5a6270 (AA sur blanc et sur le post-it), post-it, ciel. */
.soleil { font-variant-numeric: tabular-nums; }
.soleil-reponse { margin: 0 0 6px; font-weight: 700; font-size: clamp(21px, 5.6vw, 30px); line-height: 1.25; }
.soleil-reponse strong { display: inline-block; padding: 0 .2em; background: var(--postit); transform: rotate(-1deg); font-weight: 800; }
.soleil-sous { margin: 0 0 16px; color: var(--feutre); }
.soleil-choix { margin: 0 0 18px; padding: 12px 14px; background: var(--email); border-radius: 8px; }
.soleil-choix label { display: block; margin: 0 0 6px; font-weight: 700; font-size: 15px; }
.soleil-choix-ligne { display: flex; flex-wrap: wrap; gap: 8px; }
.soleil-choix select { flex: 1 1 180px; min-width: 0; min-height: 44px; padding: 8px 10px; font: inherit; color: var(--feutre);
  background: var(--papier); border: 2px solid var(--feutre); border-radius: 10px; }
.soleil-pos { min-height: 44px; padding: 8px 14px; font: inherit; font-weight: 700; color: var(--feutre); cursor: pointer;
  background: var(--fluo); border: 2px solid var(--feutre); border-radius: 10px; box-shadow: 0 3px 0 var(--feutre); }
.soleil-pos[hidden], .soleil-choix[hidden] { display: none; }
.soleil-etat { margin: 8px 0 0; font-size: 14px; color: var(--doux); }
.soleil-jours { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 16px; }
@media (min-width: 560px) { .soleil-jours { grid-template-columns: 1fr 1fr; } }
.soleil-jour { position: relative; padding: 12px 14px; background: var(--papier); border: 2px solid var(--email-2); border-radius: 8px; }
.soleil-auj { border-color: var(--feutre); }
.soleil-jour h3 { margin: 0 0 8px; font-size: 18px; }
.soleil-jour h3 span { font-weight: 400; font-size: 15px; color: var(--doux); }
.soleil-jour dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin: 0; }
.soleil-jour dl > div:last-child { grid-column: 1 / -1; }
.soleil-jour dt { font-size: 14px; color: var(--doux); }
.soleil-jour dd { margin: 0; font-weight: 700; font-size: 20px; }
.soleil-jour .soleil-fort dd { font-size: 24px; }
.soleil-ecart { margin-left: 4px; padding: 1px 6px; font-weight: 500; font-size: 14px; white-space: nowrap; background: var(--ciel); border-radius: 6px; }
.soleil-tableau { position: relative; margin: 0 0 14px; }
.soleil-tableau table { font-size: 14px; }
.soleil-tableau caption { margin: 0 0 6px; text-align: left; font-weight: 700; }
.soleil-tableau th, .soleil-tableau td { padding: 7px 4px; }
@media (max-width: 419px) { .soleil-mois { display: none; } }
.soleil-tableau td.soleil-fort { font-weight: 700; }
.soleil-tableau .soleil-ecart { margin: 0; padding: 0 4px; font-size: 13px; }
.soleil-ligne-auj th, .soleil-ligne-auj td { background: #fff7c2; }
@media (min-width: 560px) { .soleil-tableau table { font-size: 15px; } .soleil-tableau th, .soleil-tableau td { padding: 8px 12px; } }
.soleil-heure { margin: 0 0 12px; padding: 10px 14px; background: var(--peche); border-radius: 8px; }
.soleil-note { margin: 0; font-size: 14px; color: var(--doux); }
@media (prefers-reduced-motion: reduce) { .soleil-reponse strong { transform: none; } }