/* ==========================================================================
   REZERVACE-TEST – sladění rezervačního modulu s designem vhaji.cz
   --------------------------------------------------------------------------
   Tento soubor je PŘÍDAVEK k rezervace.css. Původní rezervace.css se nemění.
   Načítá se až PO něm, takže jen přebije proměnné --rz-* a pár drobností.
   Smazáním tohoto souboru (a jeho <link>u) se modul vrátí do původní podoby.

   Hodnoty jsou převzaté ze style.css webu:
   --les #1E2216 · --mech #454A2A · --uhli #E8891A · --uhlik #A4520A
   --briza #F3EDE2 · --papir #FBF8F2 · --uhel #1A1C13 · --kura #DCD2BF
   Písma: Fraunces (nadpisy) / Manrope (text) – modul dědí z webu.
   ========================================================================== */

.rz {
  /* plochy */
  --rz-bg: rgba(69, 74, 42, .07);     /* mechový nádech na světlém panelu */
  --rz-card: var(--papir);
  --rz-line: var(--kura);

  /* text */
  --rz-text: var(--uhel);
  --rz-muted: #5F6352;                /* 7:1 na --rz-card */

  /* dny v kalendáři */
  --rz-free: #E4E7D1;
  --rz-free-text: #353A1E;
  --rz-busy: #E3DCCD;
  --rz-busy-text: #5E5848;            /* tmavší než výchozí, aby prošlo 4.5:1 */
  --rz-partial: var(--svit);

  /* akcent = primární tlačítko webu (žhavé uhlí) */
  --rz-accent: var(--uhli);
  --rz-accent-text: var(--uhel);

  /* stavové barvy z palety webu */
  --rz-ok: var(--mech);
  --rz-bad: var(--hlina);

  --rz-radius: 14px;                  /* stejně jako inputy na webu */
}

/* ---------- nadpis zdroje („Jurta – přespání“) ---------- */
.rz .rz-name {
  font-family: var(--display);
  font-weight: 380;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--mech);
}

/* ---------- formulářová pole jako .field na webu ---------- */
.rz label { font-weight: 700; font-size: .85em; color: var(--rz-text); }
.rz .rz-check span { font-weight: 500; color: var(--rz-muted); }

.rz input:not([type=checkbox]),
.rz select,
.rz textarea {
  padding: .7rem 1rem;
  border: 1.5px solid var(--kura-strong);
  border-radius: 12px;
  background: var(--papir);
}
.rz input:focus,
.rz select:focus,
.rz textarea:focus {
  outline: none;
  border-color: var(--mech);
  box-shadow: 0 0 0 4px rgba(69, 74, 42, .2);
}

/* ---------- „Rezervovat a zaplatit“ = .btn.btn--ember ---------- */
.rz .rz-submit {
  min-height: 52px;
  padding: 0 1.6rem;
  border-radius: 999px;
  font: 700 .95rem/1 var(--body);
  letter-spacing: .01em;
  box-shadow: 0 12px 30px -16px rgba(232, 137, 26, .75);
  transition: transform .5s var(--ease-out), background-color .35s var(--ease-out), box-shadow .5s var(--ease-out), opacity .15s;
}
.rz .rz-submit:not(:disabled):hover {
  opacity: 1;
  background: var(--uhli-hover);
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -18px rgba(232, 137, 26, .9);
}
.rz .rz-submit:not(:disabled):active { transform: translateY(0) scale(.98); }
/* neaktivní tlačítko: místo vybledlé oranžové radši klidná šedobéžová */
.rz .rz-submit:disabled {
  opacity: 1;
  background: var(--kura);
  color: #5A5546;
  box-shadow: none;
}

/* ---------- „Nová rezervace“ = sekundární tlačítko na světlém ---------- */
.rz .rz-again {
  min-height: 48px;
  border: 1.5px solid var(--kura-strong);
  font: 700 .9rem/1 var(--body);
  color: var(--uhel);
  transition: background-color .35s var(--ease-out), border-color .35s var(--ease-out);
}
.rz .rz-again:hover { background: rgba(69, 74, 42, .1); border-color: var(--mech); }

/* ---------- drobnosti ---------- */
.rz .rz-day { border-radius: 10px; }
.rz .rz-sel.rz-start { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.rz .rz-sel.rz-end { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.rz .rz-nav { border-color: var(--kura-strong); }

/* zprávy po odeslání – pozadí z palety webu místo výchozích zelené/růžové */
.rz .rz-ok { background: rgba(69, 74, 42, .12); }
.rz .rz-bad { background: rgba(138, 59, 28, .12); }

/* QR panel */
.rz .rz-qr svg { border-color: var(--kura); border-radius: 12px; }
.rz .rz-copy:hover { border-bottom-color: var(--uhlik); }