/*
 * Formulár prihlášky.
 *
 * Všetky triedy majú predponu prh- a všetko je zapuzdrené pod .prh. Formulár
 * sa vkladá dovnútra bloku .nm, ktorý má vlastné .btn, .field a .row, a bez
 * predpony by si tie dve sady pravidiel liezli do cesty.
 *
 * Premenné sú tu vyhlásené znova, nededia sa z .nm. Shortcode sa má dať vložiť
 * aj na stránku, ktorá blok .nm nemá.
 */
.prh{
  --prh-cream:#FFFDE2; --prh-white:#fff; --prh-yellow:#FDEE57; --prh-yellow-deep:#F7E32E;
  --prh-ink:#060B11; --prh-body:#333; --prh-muted:#6B6A5E;
  --prh-purple:#751F80; --prh-line:#EDE6BD; --prh-blue:#6AA7FE; --prh-red:#B3261E;
  --prh-display:"Novela Black",Novela,"Fraunces",Georgia,serif;
  --prh-label:Archia,"Hanken Grotesk",system-ui,sans-serif;
  --prh-sans:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;

  font-family:var(--prh-sans);font-size:17px;line-height:1.65;color:var(--prh-body);
}
.prh *{box-sizing:border-box}

.prh-sumar{background:var(--prh-yellow);border:2px solid var(--prh-ink);border-radius:16px;
  padding:clamp(22px,3vw,30px);display:grid;grid-template-columns:1.2fr .8fr;
  gap:clamp(20px,3vw,36px);align-items:center}
@media(max-width:760px){.prh-sumar{grid-template-columns:1fr}}
.prh-sumar h2{font-family:var(--prh-display);font-weight:900;color:var(--prh-ink);
  font-size:clamp(22px,3vw,30px);line-height:1.16;letter-spacing:-.018em;margin:0}
.prh-sumar p{margin:0;font-size:14.5px;color:var(--prh-ink)}
.prh-sumar dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:15.5px}
.prh-sumar dt{font-family:var(--prh-label);font-size:11.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:#5C5514;padding-top:4px;margin:0}
.prh-sumar dd{margin:0;color:var(--prh-ink);font-weight:700}
.prh-cena{font-family:var(--prh-display);font-size:34px;color:var(--prh-ink);line-height:1;display:block}
.prh-oko{display:flex;align-items:center;gap:9px;font-family:var(--prh-label);font-size:12.5px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--prh-ink)}
.prh-oko::before{content:"✱";letter-spacing:0}
.prh-stlpec{display:flex;flex-direction:column;gap:14px}

.prh-form{background:var(--prh-white);border:2px solid var(--prh-ink);border-radius:16px;
  padding:clamp(24px,3.4vw,38px);display:flex;flex-direction:column;gap:26px;margin-top:22px}
.prh-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.prh-form legend{padding:0;font-family:var(--prh-label);font-size:11.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--prh-purple);margin-bottom:4px}
.prh-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.prh-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:640px){.prh-row,.prh-row3{grid-template-columns:1fr}}

.prh-pole{display:flex;flex-direction:column;gap:6px}
.prh-pole label{font-family:var(--prh-label);font-size:11.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--prh-muted)}
.prh-req{color:var(--prh-purple)}
.prh-pole input{font-family:var(--prh-sans);font-size:16px;padding:13px 16px;
  border:1.5px solid var(--prh-line);border-radius:10px;background:var(--prh-white);
  color:var(--prh-ink);width:100%}
.prh-pole input:focus-visible{outline:3px solid var(--prh-blue);outline-offset:1px;border-color:var(--prh-ink)}
.prh-pole input:user-invalid{border-color:var(--prh-red)}
.prh-hint{font-size:13px;color:var(--prh-muted)}

.prh-prepinac{background:var(--prh-cream);border:1.5px solid var(--prh-line);border-radius:12px;
  padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.prh-prepinac.je-otvoreny{border-color:var(--prh-ink)}
.prh-check{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;cursor:pointer}
.prh-check input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--prh-purple);cursor:pointer}
.prh-check b{font-weight:600;color:var(--prh-ink)}
.prh-check .prh-sub{display:block;font-size:13.5px;color:var(--prh-muted)}
.prh-vnorene{background:var(--prh-white);border:1.5px solid var(--prh-line);border-radius:10px;
  padding:14px 16px;display:flex;flex-direction:column;gap:14px}

.prh-blok{display:flex;flex-direction:column;gap:16px;padding-top:4px}
.prh-blok[hidden]{display:none}
/* Poistka, keby javascript nebežal. Rozbaľovanie zvládne aj samotné CSS. */
.prh-form:has(#prh-jefirma:checked) #prh-poliaFirma[hidden]{display:flex}
.prh-form:has(#prh-jedph:checked) #prh-poliaDph[hidden]{display:flex}
.prh-form:has(#prh-jefirma:checked) #prh-adresaOsoby{display:none}

.prh-suhlas{font-size:15px}
.prh-suhlas a{color:var(--prh-purple);text-decoration:underline;text-underline-offset:3px}
.prh-odoslat{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.prh-drobne{font-size:13.5px;color:var(--prh-muted);max-width:62ch;margin:0}

.prh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--prh-sans);font-size:16px;font-weight:600;padding:18px 32px;border-radius:999px;
  border:2px solid var(--prh-ink);text-decoration:none;color:var(--prh-ink);background:var(--prh-yellow);
  cursor:pointer;transition:background .16s,transform .16s}
.prh-btn:hover{background:var(--prh-yellow-deep);transform:translateY(-2px)}
.prh-btn:focus-visible{outline:3px solid var(--prh-blue);outline-offset:3px}
.prh-btn[disabled]{opacity:.55;cursor:progress;transform:none}

.prh-pascka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.prh-chyba{background:#FDECEA;border:1.5px solid var(--prh-red);border-radius:10px;
  padding:14px 16px;color:#7A1C15;font-size:15px}
.prh-chyba[hidden]{display:none}

.prh-dakujem{background:var(--prh-white);border:2px solid var(--prh-ink);border-radius:16px;
  padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;gap:16px;margin-top:22px;
  text-align:center;align-items:center}
.prh-dakujem[hidden]{display:none}
.prh-dakujem h2{font-family:var(--prh-display);font-weight:900;color:var(--prh-ink);
  font-size:clamp(24px,3.2vw,32px);margin:0;line-height:1.16}
.prh-kruh{width:64px;height:64px;border-radius:50%;background:var(--prh-yellow);
  border:2px solid var(--prh-ink);display:flex;align-items:center;justify-content:center;font-size:30px}
.prh-dakujem ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;
  text-align:left;font-size:15.5px;counter-reset:krok}
.prh-dakujem ol li{display:flex;gap:12px;counter-increment:krok}
.prh-dakujem ol li::before{content:counter(krok);flex:none;width:24px;height:24px;border-radius:50%;
  background:var(--prh-purple);color:#fff;font-family:var(--prh-label);font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin-top:2px}

.prh-zatvorene{background:var(--prh-cream);border:2px solid var(--prh-ink);border-radius:16px;
  padding:clamp(24px,3.4vw,38px);margin-top:22px}
