/* ══════════════════════════════════════════════════════════════════════════
   EQ-NAPTÁR — a foglaltság-nézet stílusa

   Egy szabálykészlet mindkét felbontáshoz (félnap és sáv). A közös részek
   — rács, fejléc, napnevek, lapozás — tényleg közösek: ez az, amitől a
   felhasználónak nem kell háromféle naptárt megtanulnia.

   A színek a meglévő Equora-változókra épülnek, tartalékkal — így a modul
   olyan lapon is működik, ahol a `booking.css` nincs betöltve.
   ══════════════════════════════════════════════════════════════════════════ */

.eqn {
  background: #fff;
  border: 1px solid var(--rule, #DEDAD4);
  padding: 18px;
  font-family: inherit;
}

.eqn-toltes, .eqn-hiba, .eqn-jel {
  font-size: 12px;
  color: var(--muted, #6B6860);
  margin: 0;
}
.eqn-hiba { color: var(--err, #8B3A2E); }
.eqn-jel { margin-top: 12px; line-height: 1.55; }

/* ── fejléc ── */
.eqn-top {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 12px; gap: 10px;
}
.eqn-top b {
  font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 500; color: var(--ink, #1C1917);
}
.eqn-top b span { color: var(--faint, #726F68); }
.eqn-nav {
  background: none; border: 1px solid var(--rule, #DEDAD4);
  width: 30px; height: 30px; cursor: pointer;
  color: var(--body, #3A3830); font-family: inherit; font-size: 13px;
}
.eqn-nav:hover { border-color: var(--green, #005C4B); }

/* ── rács ── */
.eqn-dow, .eqn-grid {
  display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px;
}
.eqn-dow span {
  font-size: 10px; text-align: center; color: var(--faint, #726F68);
  text-transform: uppercase; letter-spacing: .08em; padding-bottom: 4px;
}
.eqn-dow .we { color: var(--gold, #D8B750); }

.eqn-d {
  min-height: 58px; padding: 4px 3px 5px;
  border: 1px solid var(--rule, #DEDAD4);
  background: var(--cream, #F6F3EE);
  display: flex; flex-direction: column; gap: 3px;
}
.eqn-blank { border: 0; background: none; min-height: 0; }
.eqn-n { font-size: 12px; color: var(--ink, #1C1917); line-height: 1.2; }
.eqn-ma { border-color: var(--green, #005C4B); }
.eqn-mult { opacity: .42; }
.eqn-zarva { background: repeating-linear-gradient(
  135deg, #EFE9E2, #EFE9E2 4px, #E6DED4 4px, #E6DED4 8px); }

/* TELÍTETTSÉG: öt fokozat. Folytonos átmenet helyett lépcsők — egy
   folyamatos színskálán a szem nem tud különbséget tenni 38% és 44% között,
   és úgy tesz, mintha tudna. */
.eqn-t0 { background: #F3F0EA; }
.eqn-t1 { background: #ECEFE8; }
.eqn-t2 { background: #E3E9DF; }
.eqn-t3 { background: #F0E7DC; }
.eqn-t4 { background: #F0DCD6; }

/* ── félnapos felbontás (terem, ház) ── */
.eqn-fel { display: flex; gap: 2px; margin-top: auto; }
.eqn-h {
  flex: 1; font-family: inherit; font-size: 9px; letter-spacing: .04em;
  padding: 3px 0; min-height: 22px; cursor: pointer;
  border: 1px solid var(--rule, #DEDAD4); background: #fff;
  color: var(--body, #3A3830);
}
.eqn-h:hover:not(:disabled) { border-color: var(--green, #005C4B); color: var(--green, #005C4B); }
.eqn-h:disabled { cursor: default; color: var(--faint, #726F68); }
.eqn-h-taken { text-decoration: line-through; background: #F0DCD6; }
.eqn-ev {
  font-size: 9.5px; line-height: 1.25; color: var(--green, #005C4B);
  text-decoration: none; overflow: hidden; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.eqn-ev:hover { text-decoration: underline; }

/* ── sávos felbontás (gép) ── */
.eqn-sav {
  position: relative; display: block; height: 10px; margin-top: auto;
  background: #fff; border: 1px solid var(--rule, #DEDAD4);
}
.eqn-sav i {
  position: absolute; top: 0; bottom: 0;
  background: var(--green, #005C4B); opacity: .72;
}
.eqn-sav .eqn-zar { background: var(--err, #8B3A2E); opacity: .32; }
.eqn-pick {
  font-family: inherit; font-size: 9px; letter-spacing: .04em; padding: 2px 0;
  min-height: 20px; cursor: pointer; border: 1px solid var(--rule, #DEDAD4);
  background: #fff; color: var(--body, #3A3830);
}
.eqn-pick:hover { border-color: var(--green, #005C4B); color: var(--green, #005C4B); }

/* ── telefon ──
   A NAPOK GOMBJAI NEM MEHETNEK 24 PIXEL ALÁ. A mai naptáraknál a nap 20×20
   volt — az ujjbegy 8-9 mm, vagyis kb. 34 pixel. Aki mellényúl, nem tudja,
   mit választott.

   A `min-height` ÖNMAGÁBAN KEVÉS VOLT: 390 pixel szélességen hét oszlop
   úgy jön ki, hogy egy félnap-gomb ~23 pixel SZÉLES — a magasság stimmelt,
   a szélesség nem, és az érintőcélpont a KISEBBIK méretetől függ. Ezért
   szűk kijelzőn a két fél EGYMÁS ALÁ kerül: így mindkettő teljes
   cellaszélességű. */
@media (max-width: 640px) {
  .eqn { padding: 12px 8px; }
  .eqn-dow, .eqn-grid { gap: 2px; }
  .eqn-d { min-height: 74px; padding: 3px 2px 4px; }
  .eqn-fel { flex-direction: column; gap: 2px; }
  .eqn-h { font-size: 8.5px; min-height: 26px; width: 100%; }
  .eqn-pick { min-height: 26px; }
  .eqn-dow span { font-size: 9px; letter-spacing: .02em; }
  .eqn-ev { display: none; }
}