@font-face{font-family:"Archivo";font-weight:400 700;font-display:swap;src:url(/assets/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F}
@font-face{font-family:"Archivo";font-weight:400 700;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Cinzel";font-weight:700;font-display:swap;src:url(/assets/fonts/cinzel-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F}
@font-face{font-family:"Cinzel";font-weight:700;font-display:swap;src:url(/assets/fonts/cinzel-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  --ink:#0b0b0c; --ink-2:#111;
  --red:#cc1513; --red-hi:#e3231f; --blood:#6d0a09;
  --gold:#d4af37; --gold-2:#bb9225; --gold-3:#ecc864; --paper:#ece6da; --muted:#9a948a;
  --teal:rgba(26,92,84,.34);
  --line:rgba(212,175,55,.3);
  --gold-grad:linear-gradient(180deg,#f6dd8c 0%,#e2bb55 30%,#c39a2b 62%,#a8801f 100%);
  --gold-grad-text:linear-gradient(180deg,#fff0b3 0%,#ecc864 26%,#c99c2e 52%,#93691a 72%,#d4a843 90%,#f0cf73 100%);
  --display:"Cinzel",Georgia,serif; --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;color:var(--paper);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* ovládací prvky na dotyk: bez zpoždění dvojklepu, bez výběru textu a bublin při podržení */
.btn,.city,.odkaz,.env,.zavri,.help,.kopirovat,.chk,summary{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

.gold{background:var(--gold-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font:700 10px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-3)}
.eyebrow::before,.eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--red) 70%,var(--gold-2))}
.eyebrow::after{transform:scaleX(-1)}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid var(--gold-2);color:var(--gold-3);background:rgba(6,20,19,.4);font:700 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer}
.btn--gold{border:0;background:var(--gold-grad);color:#1b1404;box-shadow:0 10px 30px -12px rgba(236,200,100,.5)}
.btn{transition:transform .12s ease-out,filter .12s ease-out}
.btn:active{transform:scale(.98);filter:brightness(.92)}

.cd{display:flex;justify-content:center;gap:0;margin:12px 22px 10px;border-block:1px solid var(--line)}
.cd div{flex:1;padding:7px 0}
.cd b{display:block;font:700 22px/1 var(--display);font-variant-numeric:tabular-nums}
.cd span{font:600 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#8fa59d}

.cities{display:grid;gap:6px;margin:0 22px;text-align:left}
.city{position:relative;display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border:1px solid rgba(212,175,55,.22);background:rgba(10,24,22,.6);font:600 13px/1 var(--sans);cursor:pointer;overflow:hidden}
.city i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(204,21,19,.28),rgba(204,21,19,.06));z-index:-1}
.city em{font-style:normal;color:#a39d90;font-weight:500;font-variant-numeric:tabular-nums}

.chk{display:block;margin:4px 0 0;padding:7px 0;text-align:left;font-size:12.5px;line-height:1.45;color:#b6b0a4;cursor:pointer}
.chk span{position:relative;display:block;padding-left:30px}
.chk u{color:var(--gold-3);text-decoration:none}

.field{width:100%;height:46px;padding:0 14px;border:1px solid rgba(212,175,55,.35);background:rgba(0,0,0,.45);color:var(--paper);font:500 16px var(--sans)}
.field::placeholder{color:#8a847a}

.pill-link{display:inline-flex;gap:6px;margin-top:8px;padding:6px 12px;border:1px solid rgba(212,175,55,.45);border-radius:40px;font:700 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3);text-decoration:none;background:rgba(212,175,55,.06)}

/* doplnění pro /hon */
.hon{max-width:460px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));text-align:center}
body{background:radial-gradient(120% 40% at 50% 0%,rgba(204,21,19,.2),transparent 60%),radial-gradient(90% 30% at 50% 100%,rgba(26,92,84,.28),transparent 70%),#0b0b0c;min-height:100svh}
.lockup{display:block;width:min(220px,56vw);height:auto;margin:8px auto 10px;filter:drop-shadow(0 10px 30px rgba(204,21,19,.35))}
.claim{margin:6px 0 10px;font-style:italic;color:#cfc9bc}
.blok{margin-top:22px}
.q{margin:0 0 6px;font:700 20px/1.2 var(--display);color:var(--gold-3)}
.pozn{margin:0 0 12px;font-size:13px;color:#9a948a}
.city{width:100%;border-radius:0;color:var(--paper);font:600 15px/1 var(--sans)}
.city[aria-checked="true"]{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(236,200,100,.35)}
.city:focus-visible,.btn:focus-visible,.field:focus-visible{outline:2px solid var(--gold-3);outline-offset:2px}
.chk input{position:absolute;opacity:0;pointer-events:none}
.chk span::before{content:"";position:absolute;left:0;top:-1px;width:20px;height:20px;border:1px solid var(--gold-2);display:grid;place-items:center}
.chk input:checked+span::before{content:"✓";color:var(--gold-3);font-size:13px}
.chk input:focus-visible+span::before{outline:2px solid var(--gold-3)}
.chk a{color:var(--gold-3)}
.req{color:var(--red-hi)}
.varovani{margin:2px 0 0 30px;text-align:left;font-size:12.5px;color:#ff8a86}
.chyba{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(204,21,19,.6);background:rgba(60,6,6,.6);color:#ffd2cf;font-size:14px;text-align:left}
.ts{margin:12px 0 0;min-height:0}
.info p{color:#d3d0c4}
.odkaz{background:none;border:0;padding:0;color:var(--gold-3);text-decoration:underline;font:inherit;cursor:pointer}
.nastaveni{margin-top:18px;text-align:left;border-top:1px solid var(--line);padding-top:12px}
.nastaveni summary{display:block;padding:16px 0;cursor:pointer;color:var(--gold-3);font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.pata{margin-top:36px;font-size:12px;color:#8a847a}.pata a{color:#a39d90}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn[disabled]{opacity:.55;cursor:progress}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* cookie lišta – z index.html:191-196 */
.consent{position:fixed;z-index:20;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(680px,calc(100% - 32px));padding:18px 20px;display:flex;align-items:center;gap:18px;background:rgba(8,20,19,.96);border:1px solid rgba(212,175,55,.35);box-shadow:0 20px 50px -20px #000}
body{padding-bottom:var(--consent-h,0px)}
.consent a{color:var(--gold-3)}
.consent p{margin:0;font-size:14px;line-height:1.5;color:#cfd3c8}
.consent__btns{display:flex;gap:8px;flex-shrink:0}
.consent .btn{min-height:42px;padding:0 18px;font-size:11px}
@media (max-width:640px){.consent{flex-direction:column;align-items:stretch;text-align:center}.consent__btns .btn{flex:1}}

/* 23. 10.: zaškrtávátka s odsazeným textem (zalomený text nepodtéká pod rámeček) a mezera nad tlačítkem formuláře */
.chk span{position:relative;display:block;padding-left:28px;text-align:left}
.chk span::before{position:absolute;left:0;top:-1px;margin:0}
.form > .btn{margin-top:18px}