/* Ateliér Aganka. Barvy jen z palety, písma Fredoka a Nunito (OFL). */

@font-face { font-family: "Fredoka"; font-weight: 600; font-display: swap; src: url("/verejne/pisma/fredoka/fredoka-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Fredoka"; font-weight: 600; font-display: swap; src: url("/verejne/pisma/fredoka/fredoka-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Nunito"; font-weight: 400; font-display: swap; src: url("/verejne/pisma/nunito/nunito-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Nunito"; font-weight: 400; font-display: swap; src: url("/verejne/pisma/nunito/nunito-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Nunito"; font-weight: 700; font-display: swap; src: url("/verejne/pisma/nunito/nunito-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Nunito"; font-weight: 700; font-display: swap; src: url("/verejne/pisma/nunito/nunito-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }

:root {
  --svestka: #4A1E3D;
  --horcice: #E3A33B;
  --merunka: #F2B8A2;
  --smetana: #FFF4EC;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--smetana);
  color: var(--svestka);
  font: 400 1.0625rem/1.55 "Nunito", system-ui, sans-serif;
  padding: 1.5rem 1rem 3rem;
}

header { display: flex; justify-content: center; margin-bottom: 1.5rem; }
header img { width: min(200px, 60vw); height: auto; }

main {
  max-width: 28rem;
  margin: 0 auto;
  background: #fff;
  border: 2px solid var(--merunka);
  border-radius: 1.25rem;
  padding: 1.5rem 1.25rem;
}

h1, h2 { font-family: "Fredoka", "Nunito", sans-serif; font-weight: 600; line-height: 1.2; }
h1 { font-size: 1.6rem; margin: 0 0 0.75rem; }
h2 { font-size: 1.2rem; margin: 1.75rem 0 0.5rem; }

p { margin: 0 0 1rem; }
.mene { opacity: 0.75; font-size: 0.92rem; }

label { display: block; font-weight: 700; margin-bottom: 0.35rem; }
input {
  width: 100%;
  font: inherit;
  color: inherit;
  padding: 0.7rem 0.85rem;
  border: 2px solid var(--merunka);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: var(--smetana);
}
input:focus { outline: 3px solid var(--horcice); outline-offset: 1px; }

button {
  display: block;
  width: 100%;
  font: 700 1.05rem/1.2 "Nunito", sans-serif;
  color: var(--svestka);
  background: var(--horcice);
  border: 2px solid var(--horcice);
  border-radius: 999px;
  padding: 0.85rem 1rem;
  margin: 0 0 0.75rem;
  cursor: pointer;
}
button.vedlejsi { background: transparent; border-color: var(--svestka); }
button:focus-visible { outline: 3px solid var(--svestka); outline-offset: 2px; }
button:disabled { opacity: 0.55; cursor: progress; }

ul { padding-left: 1.2rem; margin: 0 0 1rem; }
li { margin-bottom: 0.5rem; }
form.radek button { display: inline-block; width: auto; padding: 0.35rem 0.9rem; font-size: 0.92rem; margin: 0.35rem 0 0; }
form.konec { margin-top: 2rem; }

.zprava:empty { display: none; }
.zprava { background: var(--smetana); border-left: 4px solid var(--horcice); padding: 0.6rem 0.8rem; border-radius: 0.4rem; }
.odkaz { word-break: break-all; background: var(--smetana); padding: 0.6rem 0.8rem; border-radius: 0.4rem; font-size: 0.9rem; user-select: all; }