/* Biblia — stilul LOCAL al aplicației, lipit DUPĂ `stil.css` (ca în V2, unde `LOCAL` venea după
 * stilul carcasei).
 *
 * Două bucăți, amândouă copiate din V2 regulă cu regulă:
 *   1. din `STIL_COMUN` (`packages/ui`): regulile pe care paginile Bibliei le foloseau din stilul
 *      global al V2 și pe care `stil.css` (partea publică) nu le are — elementele simple (`small`,
 *      `hr`, liste, formular) și pătratele capitolelor (`.capitole`). Stau aici, nu în `stil.css`,
 *      ca să nu schimbe nimic pe celelalte pagini publice;
 *   2. din `apps/biblia/src/stil.ts` (`LOCAL`): numărul versetului și panoul de căutare.
 *
 * ⚠️ Nicio culoare scrisă de mână: numai variabilele din `stil.css` (= `@xc/ui` tokens). Ce în V2
 * era `ui-sans-serif,system-ui` e aici `var(--font-ui)` — aceeași valoare.
 */

/* ——— 1. din STIL_COMUN (V2) ——————————————————————————————————————————————————————————————— */

small {
  color: var(--faint);
}

hr {
  border: 0;
  border-top: 1px solid var(--rule);
  margin: 26px 0;
}

ul,
ol {
  padding-left: 22px;
}

li {
  margin: 3px 0;
}

input,
button {
  font: 16px var(--font-ui);
  padding: 8px 12px;
  border: 1px solid var(--rule);
  border-radius: var(--raza-mica);
  background: var(--tinta);
  color: var(--ink);
}

button {
  cursor: pointer;
}

form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0;
}

form[hidden] {
  display: none;
}

form input[type='search'] {
  flex: 1;
  min-width: 200px;
}

/* pătratele de atins cu degetul, nu șir de cifre — pe telefon erau prea înghesuite (V2) */
.capitole {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.capitole a,
.capitole b.acum {
  min-width: 42px;
  padding: 8px 2px;
  text-align: center;
  border: 1px solid var(--rule);
  border-radius: var(--raza-mica);
  text-decoration: none;
  font: 15px var(--font-ui);
  color: var(--ink);
  font-weight: 400;
}

.capitole b.acum {
  border-color: var(--rosu);
  color: var(--rosu);
  font-weight: 600;
}

/* ——— 2. din LOCAL (apps/biblia/src/stil.ts, V2) ——————————————————————————————————————————— */

/* versetele: numărul mărunt, în fața rândului */
.vers b {
  color: var(--faint);
  font: 600 12px var(--font-ui);
  margin-right: 4px;
}

/* panoul de căutare, deschis din lupa din antet */
#panou-cauta {
  padding: 10px 2px 6px;
}

#panou-cauta form {
  margin: 0;
}