/* Cestovatel.cz — stránka /ucet/.
 *
 * Záměrně střídmé: účet není rubrika, kvůli které sem lidi chodí, a formulář
 * se třemi poli nepotřebuje vlastní vzhled. Bere se, co už je ve `vyprava.css`
 * (tlačítka, typografie), tenhle soubor řeší jen rozvržení.
 */

.ucet-obal{max-width:var(--cteni);padding-bottom:clamp(36px,6vw,64px)}

.ucet-hlaska{margin:clamp(16px,2.4vw,24px) 0 0;padding:13px 16px;border-radius:3px;
  background:var(--plocha);border-left:3px solid var(--akcent);
  font-size:15px;line-height:1.6}

.ucet-perex{margin:clamp(14px,2vw,20px) 0 0;font-size:15.5px;line-height:1.65}
.ucet-perex--tise{font-size:14.5px;color:var(--tichy)}
/* Odkazy v textu účtu: `.prose` tahle stránka nepoužívá, takže by jinak
   splynuly s okolním textem a nebylo poznat, že se na ně dá kliknout. */
.ucet-perex a,.ucet-prazdno a,.ucet-vysledky a{color:var(--akcent);
  border-bottom:1px solid color-mix(in srgb,var(--akcent) 35%,transparent)}
.ucet-perex a:hover,.ucet-prazdno a:hover,.ucet-vysledky a:hover{border-color:var(--akcent)}

/* ------------------------------------------------------------- formulář */

.ucet-form{margin:clamp(18px,2.6vw,26px) 0 0;padding:clamp(18px,2.6vw,26px);
  background:var(--karta);border:1px solid var(--linka);border-radius:3px}

.ucet-pole{display:block;margin:0 0 16px}
.ucet-pole span{display:block;font-family:var(--display);font-weight:700;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--tichy);margin-bottom:6px}
.ucet-pole input{width:100%;padding:12px 14px;border:1px solid var(--linka);border-radius:3px;
  background:var(--papir);color:var(--inkoust);font:inherit;font-size:16px}
.ucet-pole input:focus-visible{outline:2px solid var(--akcent);outline-offset:1px}

/* Past na roboty. `display:none` některé vyplňovače přeskočí, tohle ne —
   pole v dokumentu je, jen ho není kde vidět. */
.ucet-past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.ucet-souhlas{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;
  font-size:14px;line-height:1.55;cursor:pointer}
.ucet-souhlas input{width:17px;height:17px;margin-top:2px;flex:none;accent-color:var(--akcent)}

.ucet-stav{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--tichy);min-height:1.2em}

/* -------------------------------------------------------------- přehled */

.ucet-sekce{margin:clamp(26px,4vw,40px) 0 0}
.ucet-sekce h2{font-family:var(--display);font-weight:800;font-size:clamp(18px,2.2vw,22px);
  letter-spacing:-.02em;margin:0 0 10px}

.ucet-prazdno{margin:0;font-size:14.5px;line-height:1.6;color:var(--tichy)}

.ucet-vysledky{margin:0;padding:0;list-style:none;border-top:1px solid var(--linka)}
.ucet-vysledky li{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  padding:11px 0;border-bottom:1px solid var(--linka)}
.ucet-vysledky a{font-size:15.5px}
.ucet-vysledky b{font-family:var(--display);font-weight:800;font-size:15.5px;
  letter-spacing:-.02em;color:var(--akcent);margin-left:auto}
.ucet-vysledky span{font-size:13px;color:var(--tichy);flex-basis:100%}
.ucet-odznak{color:var(--akcent)!important;font-weight:600}

.ucet-akce{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}

/* Smazání účtu je nevratné, takže se tlačítko nemá tvářit jako ostatní —
   ale ani křičet červeně nad stránkou, kde o nic nejde. */
.tlacitko--nebezpecne{background:transparent;color:#b3261e;border:1px solid #b3261e;
  padding:10px 18px;margin-top:0}
.tlacitko--nebezpecne:hover{background:#b3261e;color:#fff;filter:none}
:root[data-rezim="noc"] .tlacitko--nebezpecne{color:#ff8a80;border-color:#ff8a80}
:root[data-rezim="noc"] .tlacitko--nebezpecne:hover{background:#b3261e;color:#fff;border-color:#b3261e}