/* Balicek Archiv - vykreslovaci vrstva.
   Zadna konkretni barva. Vse pres tokeny z jadra Verso. */

/* ===========================================================
   BALÍČEK „VER SACRUM"
   Vídeňská secese jako typografický systém, ne jako ornament.
   Mřížka, vlasová linka, rám, čtverec. Jedna barva jako událost.
   =========================================================== */
:root{
  --barva-pozadi:#EFEAE1;
  --barva-pozadi-alt:#E6DFD2;
  --barva-pozadi-tmave:#14110F;
  --barva-text:#171412;
  --barva-text-tlumeny:#5A5249;
  --barva-text-slaby:#8B8175;
  --barva-nadpis:#14110F;
  --barva-akce:#9A1915;
  --barva-akce-hover:#7A100D;
  --barva-akce-text:#EFEAE1;
  --barva-zlata:#B8873B;
  --barva-linka:rgba(20,17,15,.24);
  --barva-linka-silna:rgba(20,17,15,.48);
  --barva-tmave-text:#E5DED2;
  --barva-tmave-tlumeny:#9C9286;

  --logo-a:#9A1915; --logo-b:#B8873B;

  --pismo-displej:"Fraunces",Georgia,"Times New Roman",serif;
  --pismo-text:"Archivo",system-ui,-apple-system,sans-serif;
  --wonk:"opsz" 120,"SOFT" 45,"WONK" 1;
  --wonk-maly:"opsz" 30,"SOFT" 45,"WONK" 1;

  --vel-displej-1:clamp(2.9rem,7.6vw,7.4rem);
  --vel-displej-2:clamp(1.9rem,4.2vw,3.6rem);
  --vel-displej-3:clamp(1.5rem,2.8vw,2.3rem);
  --vel-nadpis-1:clamp(1.15rem,1.7vw,1.45rem);
  --vel-text:clamp(1.125rem,.45vw + 1.02rem,1.25rem);
  --vel-text-velky:clamp(1.25rem,1vw + 1.05rem,1.55rem);
  --vel-text-maly:clamp(1rem,.3vw + .94rem,1.0625rem);
  --vel-popisek:clamp(.6875rem,.18vw + .65rem,.75rem);

  --prostrkani-siroke:.26em;
  --prostrkani-stredni:.14em;

  --mezera-1:.4rem; --mezera-2:.8rem; --mezera-3:1.25rem; --mezera-4:2rem;
  --mezera-5:3.2rem; --mezera-6:5rem; --mezera-7:7.5rem;
  --sekce-svisle:clamp(4rem,9vw,8rem);
  --kontejner-sirka:1280px;
  --kontejner-okraj:clamp(1.15rem,4.5vw,3.5rem);
  --rail:clamp(0px,6vw,5.5rem);

  --prechod-rychly:.16s; --prechod-normalni:.45s; --prechod-pomaly:1s;
  --krivka:cubic-bezier(.19,.72,.26,1);
}
:root:not([data-theme="light"]){
  @media (prefers-color-scheme:dark){
    --barva-pozadi:#14110F; --barva-pozadi-alt:#1C1815; --barva-pozadi-tmave:#090807;
    --barva-text:#DED6C9; --barva-text-tlumeny:#9A9082; --barva-text-slaby:#786F64;
    --barva-nadpis:#F2EADC; --barva-akce:#CB5750; --barva-akce-hover:#DE6A62;
    --barva-akce-text:#14110F; --barva-linka:rgba(222,214,201,.26); --barva-linka-silna:rgba(222,214,201,.52);
    --barva-tmave-text:#DED6C9; --barva-tmave-tlumeny:#9A9082; --logo-a:#DED6C9;
  }
}
:root[data-theme="dark"]{
  --barva-pozadi:#14110F; --barva-pozadi-alt:#1C1815; --barva-pozadi-tmave:#090807;
  --barva-text:#DED6C9; --barva-text-tlumeny:#9A9082; --barva-text-slaby:#786F64;
  --barva-nadpis:#F2EADC; --barva-akce:#CB5750; --barva-akce-hover:#DE6A62;
  --barva-akce-text:#14110F; --barva-linka:rgba(222,214,201,.26); --barva-linka-silna:rgba(222,214,201,.52);
  --barva-tmave-text:#DED6C9; --barva-tmave-tlumeny:#9A9082; --logo-a:#DED6C9;
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--barva-pozadi);color:var(--barva-text);
  font-family:var(--pismo-text);font-size:var(--vel-text);font-weight:400;line-height:1.72;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{margin:0;font-family:var(--pismo-displej);color:var(--barva-nadpis);
  font-weight:600;line-height:1.05;letter-spacing:-.005em;font-variation-settings:var(--wonk)}
p{margin:0 0 var(--mezera-3)}
a{color:inherit}
:focus-visible{outline:2px solid var(--barva-akce);outline-offset:4px}
.preskocit{position:absolute;left:-9999px;background:var(--barva-akce);color:var(--barva-akce-text);padding:.9rem 1.3rem;z-index:100}
.preskocit:focus{left:0;top:0}

/* --- MŘÍŽKA: svislá vlasová linka běží celou stránkou --- */
.kontejner{max-width:var(--kontejner-sirka);margin:0 auto;padding:0 var(--kontejner-okraj)}
.rail{display:grid;grid-template-columns:var(--rail) 1fr;gap:0}
.rail__cislo{font-family:var(--pismo-displej);font-size:var(--vel-nadpis-1);color:var(--barva-akce);
  line-height:1;padding-top:.35rem;letter-spacing:.04em}
.rail__telo{border-left:1px solid var(--barva-linka);padding-left:clamp(1.1rem,3vw,2.6rem)}
@media(max-width:700px){
  .rail{grid-template-columns:1fr}
  .rail__telo{border-left:0;padding-left:0}
  .rail__cislo{margin-bottom:var(--mezera-2)}
}
.sekce{padding:var(--sekce-svisle) 0;position:relative}
.sekce--alt{background:var(--barva-pozadi-alt)}
.sekce--ink{background:var(--barva-pozadi-tmave);color:var(--barva-tmave-text)}
.sekce--ink h2,.sekce--ink h3{color:var(--barva-tmave-text)}
.sekce--ink .rail__telo{border-color:rgba(222,214,201,.22)}
.sekce--ink .stitek{color:var(--barva-zlata)}
.sekce--ink p{color:var(--barva-tmave-tlumeny)}

/* --- MASTHEAD LINKA --- */
.masthead{display:flex;flex-wrap:wrap;gap:var(--mezera-3);justify-content:space-between;
  border-top:1px solid var(--barva-linka-silna);border-bottom:1px solid var(--barva-linka);
  padding:.7rem 0;font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-siroke);
  text-transform:uppercase;color:var(--barva-text-slaby);font-weight:500}

.stitek{font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-siroke);text-transform:uppercase;
  font-weight:600;color:var(--barva-akce);display:block;margin-bottom:var(--mezera-3)}

/* --- ČTVERCOVÝ MOTIV (Hoffmann) --- */
.ctverce{display:grid;grid-template-columns:repeat(4,7px);gap:4px;width:max-content}
.ctverce i{display:block;width:7px;height:7px;background:var(--barva-zlata)}
.ctverce i:nth-child(4n+1){background:var(--barva-akce)}
.oddelovac{display:flex;justify-content:center;padding:var(--mezera-5) 0}

/* --- TLAČÍTKA: ostrý obdélník, žádné zaoblení --- */
.tl{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--pismo-text);
  font-size:var(--vel-popisek);font-weight:600;letter-spacing:var(--prostrkani-stredni);
  text-transform:uppercase;text-decoration:none;padding:1.05rem 1.8rem;min-height:52px;
  border:1px solid currentColor;background:transparent;color:var(--barva-akce);cursor:pointer;
  transition:background var(--prechod-rychly),color var(--prechod-rychly)}
.tl::after{content:"→";font-size:1.1em;line-height:0}
.tl:hover{background:var(--barva-akce);color:var(--barva-akce-text);border-color:var(--barva-akce)}
.tl--plny{background:var(--barva-akce);color:var(--barva-akce-text);border-color:var(--barva-akce)}
.tl--plny:hover{background:var(--barva-akce-hover);border-color:var(--barva-akce-hover)}
.tl--ink{color:var(--barva-zlata)}
.tl--ink:hover{background:var(--barva-zlata);color:var(--barva-pozadi-tmave);border-color:var(--barva-zlata)}
.tlacitka{display:flex;flex-wrap:wrap;gap:var(--mezera-3);margin-top:var(--mezera-4)}

/* --- HLAVIČKA --- */
.hlavicka{position:sticky;top:0;z-index:40;background:var(--barva-pozadi);
  border-bottom:1px solid var(--barva-linka-silna)}
.hlavicka__in{max-width:var(--kontejner-sirka);margin:0 auto;padding:.9rem var(--kontejner-okraj);
  display:flex;align-items:center;gap:var(--mezera-4)}
.lf-logo{height:clamp(28px,3.4vw,34px);width:auto;display:block}
.lf-a{fill:var(--logo-a)} .lf-b{fill:var(--logo-b)}
.menu{display:flex;gap:clamp(1rem,2.2vw,2rem);list-style:none;margin:0 0 0 auto;padding:0}
.menu a{text-decoration:none;font-size:var(--vel-popisek);font-weight:500;
  letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;color:var(--barva-text);
  padding:.5rem 0;position:relative}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--barva-akce);transform:scaleX(0);transform-origin:left;
  transition:transform var(--prechod-normalni) var(--krivka)}
.menu a:hover::after{transform:scaleX(1)}
.hlavicka .tl{padding:.7rem 1.2rem;min-height:44px;margin-left:var(--mezera-3)}
@media(max-width:980px){.menu{display:none}.hlavicka .tl{margin-left:auto}}

/* --- TITULNÍ BLOK --- */
.titul{padding:clamp(2.5rem,6vw,5rem) 0 0}
.titul__mrizka{display:grid;grid-template-columns:1fr minmax(240px,34%);
  gap:clamp(1.5rem,4vw,3.5rem);align-items:end;margin-top:clamp(2rem,5vw,4rem)}
@media(max-width:820px){.titul__mrizka{grid-template-columns:1fr}}
.titul h1{font-size:var(--vel-displej-1);font-weight:600;letter-spacing:-.022em;line-height:.98}
.titul h1 em{font-style:italic;font-weight:600;color:var(--barva-akce)}
.titul__pod{font-size:var(--vel-text-velky);color:var(--barva-text-tlumeny);max-width:42ch;
  margin-top:var(--mezera-4);font-weight:300}
.titul__foto{aspect-ratio:3/4.4;margin-bottom:calc(var(--sekce-svisle) * -.45)}

/* --- FOTO RÁM --- */
.foto{position:relative;display:flex;align-items:flex-end;overflow:hidden;
  border:1px solid var(--barva-linka-silna);
  background:
    repeating-linear-gradient(135deg,color-mix(in srgb,var(--barva-nadpis) 5%,transparent) 0 11px,transparent 11px 22px),
    var(--barva-pozadi-alt)}
.foto::before{content:"";position:absolute;inset:9px;border:1px solid var(--barva-zlata);opacity:.45;pointer-events:none}
.foto__stitek{position:relative;width:100%;padding:var(--mezera-3);
  font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;
  color:var(--barva-text-slaby);background:color-mix(in srgb,var(--barva-pozadi) 84%,transparent)}
.foto--sirp{aspect-ratio:16/9}
.foto--ctverec{aspect-ratio:1/1}

/* --- REGISTR POKOJŮ --- */
.registr{display:grid;grid-template-columns:1fr minmax(280px,38%);gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media(max-width:900px){.registr{grid-template-columns:1fr}.registr__nahled{order:-1}}
.registr__nahled{position:sticky;top:110px}
.radek{display:grid;grid-template-columns:2.4rem 1fr auto;gap:var(--mezera-3);align-items:baseline;
  padding:clamp(1.1rem,2.4vw,1.8rem) var(--mezera-3);text-decoration:none;
  border-bottom:1px solid var(--barva-linka);transition:background var(--prechod-rychly),color var(--prechod-rychly);
  margin:0 calc(var(--mezera-3) * -1)}
.radek:first-child{border-top:1px solid var(--barva-linka-silna)}
.radek__c{font-family:var(--pismo-displej);font-size:var(--vel-text-maly);color:var(--barva-akce);letter-spacing:.05em}
.radek__n{font-family:var(--pismo-displej);font-size:clamp(1.3rem,2.4vw,1.85rem);font-weight:600;font-variation-settings:var(--wonk-maly);
  text-transform:uppercase;letter-spacing:.01em;line-height:1.1;color:var(--barva-nadpis)}
.radek__d{display:flex;flex-wrap:wrap;gap:var(--mezera-3);margin-top:.5rem;
  font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;
  color:var(--barva-text-slaby)}
.radek__cena{font-family:var(--pismo-displej);font-size:var(--vel-nadpis-1);color:var(--barva-akce);white-space:nowrap}
.radek:hover,.radek:focus-visible{background:var(--barva-pozadi-tmave)}
.radek:hover .radek__n,.radek:focus-visible .radek__n{color:var(--barva-tmave-text)}
.radek:hover .radek__d,.radek:focus-visible .radek__d{color:var(--barva-tmave-tlumeny)}
.radek:hover .radek__c,.radek:hover .radek__cena{color:var(--barva-zlata)}

/* --- JÍDELNÍ LÍSTEK JAKO TEXT --- */
.listek{width:100%;border-collapse:collapse}
.listek caption{text-align:left;font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-siroke);
  text-transform:uppercase;color:var(--barva-zlata);padding-bottom:var(--mezera-3)}
.listek td{padding:.95rem 0;border-bottom:1px solid rgba(222,214,201,.16);vertical-align:baseline}
.listek .jm{font-family:var(--pismo-displej);font-size:var(--vel-text-maly);color:var(--barva-tmave-text)}
.listek .al{font-size:var(--vel-popisek);letter-spacing:.1em;color:var(--barva-tmave-tlumeny);
  padding-left:var(--mezera-3);white-space:nowrap}
.listek .ce{text-align:right;font-family:var(--pismo-displej);color:var(--barva-zlata);white-space:nowrap;padding-left:var(--mezera-3)}
.tabulka-obal{overflow-x:auto}

/* --- ČASOVÁ OSA --- */
.osa{border-top:1px solid var(--barva-linka-silna)}
.osa__pol{display:grid;grid-template-columns:minmax(5.5rem,8rem) 1fr;gap:clamp(1rem,3vw,2.5rem);
  padding:clamp(1.3rem,2.6vw,2rem) 0;border-bottom:1px solid var(--barva-linka);align-items:start}
.osa__rok{font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:600;color:var(--barva-akce);line-height:1.1}
.osa__t h3{font-size:var(--vel-nadpis-1);margin-bottom:.4rem;line-height:1.25}
.osa__t p{font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny);margin:0}
.osa__zvyrazni{background:color-mix(in srgb,var(--barva-akce) 6%,transparent);
  margin:0 calc(var(--mezera-3) * -1);padding-left:var(--mezera-3);padding-right:var(--mezera-3)}
@media(max-width:620px){.osa__pol{grid-template-columns:1fr;gap:.4rem}}

/* --- ČÍSLA --- */
.udaje{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  border-top:1px solid var(--barva-linka-silna);border-bottom:1px solid var(--barva-linka-silna)}
.udaj{padding:var(--mezera-4) var(--mezera-3);border-right:1px solid var(--barva-linka)}
.udaj:last-child{border-right:0}
.udaj b{display:block;font-family:var(--pismo-displej);font-size:clamp(1.9rem,3.4vw,2.8rem);
  font-weight:600;font-variation-settings:var(--wonk-maly);line-height:1;color:var(--barva-nadpis)}
.udaj span{display:block;margin-top:var(--mezera-2);font-size:var(--vel-popisek);
  letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;color:var(--barva-text-slaby)}
@media(max-width:620px){.udaj{border-right:0;border-bottom:1px solid var(--barva-linka)}}

/* --- POLOŽKY BEZ KARET --- */
.polozky{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;
  border-top:1px solid var(--barva-linka-silna)}
.polozka{padding:var(--mezera-4) clamp(1rem,2.5vw,2rem) var(--mezera-4) 0;
  border-right:1px solid var(--barva-linka)}
.polozka:last-child{border-right:0}
.polozka b{font-family:var(--pismo-displej);font-size:var(--vel-text-maly);color:var(--barva-akce);
  display:block;margin-bottom:var(--mezera-2);letter-spacing:.06em}
.polozka h3{font-size:var(--vel-nadpis-1);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--mezera-2);line-height:1.18}
.polozka p{font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny)}
.polozka a{font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;
  font-weight:600;color:var(--barva-akce);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
@media(max-width:760px){.polozka{border-right:0;border-bottom:1px solid var(--barva-linka)}}

/* --- DVOJICE --- */
.dvojice{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4.5vw,4rem);align-items:start}
@media(max-width:860px){.dvojice{grid-template-columns:1fr}}
.uzel{font-family:var(--pismo-displej);font-style:italic;font-size:var(--vel-text-velky);
  color:var(--barva-akce);line-height:1.35;margin:var(--mezera-4) 0}

/* --- KOLOFON / KONTAKT --- */
.kolofon{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  border-top:1px solid var(--barva-linka-silna)}
.kolofon>div{padding:var(--mezera-4) var(--mezera-3) var(--mezera-4) 0;border-right:1px solid var(--barva-linka)}
.kolofon>div:last-child{border-right:0}
.kolofon h3{font-family:var(--pismo-text);font-size:var(--vel-popisek);font-weight:600;
  letter-spacing:var(--prostrkani-siroke);text-transform:uppercase;color:var(--barva-text-slaby);
  margin-bottom:var(--mezera-3)}
.kolofon ul{list-style:none;padding:0;margin:0;font-size:var(--vel-text-maly)}
.kolofon li{display:flex;justify-content:space-between;gap:var(--mezera-2);padding:.3rem 0}
.kolofon li span:first-child{color:var(--barva-text-tlumeny)}
.kolofon a{color:var(--barva-akce);text-decoration:none;border-bottom:1px solid var(--barva-linka)}
@media(max-width:760px){.kolofon>div{border-right:0;border-bottom:1px solid var(--barva-linka)}}

/* --- CENÍK --- */
.vypis{width:100%;border-collapse:collapse;font-size:var(--vel-text-maly)}
.vypis caption{text-align:left;font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-siroke);
  text-transform:uppercase;color:var(--barva-akce);font-weight:600;padding-bottom:var(--mezera-3)}
.vypis td{padding:.95rem 0;border-bottom:1px solid var(--barva-linka);vertical-align:top}
.vypis td:last-child{text-align:right;white-space:nowrap;font-family:var(--pismo-displej);color:var(--barva-akce)}
.vypis small{display:block;color:var(--barva-text-slaby);font-size:var(--vel-popisek);letter-spacing:.04em}

/* --- PATIČKA --- */
.paticka{background:var(--barva-pozadi-tmave);color:var(--barva-tmave-tlumeny);
  padding:var(--mezera-6) 0 var(--mezera-4);font-size:var(--vel-text-maly)}
.paticka a{color:var(--barva-tmave-text);text-decoration:none;border-bottom:1px solid transparent}
.paticka a:hover{border-color:var(--barva-zlata)}
.paticka h3{font-family:var(--pismo-text);font-size:var(--vel-popisek);font-weight:600;
  letter-spacing:var(--prostrkani-siroke);text-transform:uppercase;color:var(--barva-zlata);margin-bottom:var(--mezera-3)}
.paticka ul{list-style:none;padding:0;margin:0}
.paticka li{padding:.26rem 0}
.paticka .lf-a{fill:var(--barva-tmave-text)}
.paticka__m{display:grid;gap:var(--mezera-5);grid-template-columns:1.5fr 1fr 1fr}
@media(max-width:800px){.paticka__m{grid-template-columns:1fr}}
.paticka__spod{margin-top:var(--mezera-5);padding-top:var(--mezera-3);
  border-top:1px solid rgba(222,214,201,.18);display:flex;flex-wrap:wrap;gap:var(--mezera-3);
  justify-content:space-between;font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-stredni);text-transform:uppercase}

/* --- POHYB: jen linka a text --- */
html.js .odhal{opacity:0;transform:translateY(14px);
  transition:opacity var(--prechod-pomaly) var(--krivka),transform var(--prechod-pomaly) var(--krivka)}
html.js .odhal.vid{opacity:1;transform:none}
.linka-rust{transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--krivka)}
.linka-rust.vid{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
  .odhal,.linka-rust{opacity:1!important;transform:none!important;transition:none!important}
}

/* --- LIŠTA NÁVRHU --- */

[hidden]{display:none!important}


/* ================= PRODEJNÍ KOMPONENTY ================= */

/* --- REZERVAČNÍ LIŠTA --- */
.rezervace{border:1px solid var(--barva-linka-silna);background:var(--barva-pozadi);
  display:grid;grid-template-columns:1fr 1fr .8fr auto;margin-top:var(--mezera-4)}
.rezervace__p{padding:.85rem 1.1rem;border-right:1px solid var(--barva-linka);display:flex;flex-direction:column;gap:.15rem}
.rezervace__p label{font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-stredni);
  text-transform:uppercase;color:var(--barva-text-slaby);font-weight:600}
.rezervace__p input,.rezervace__p select{border:0;background:transparent;color:var(--barva-text);
  font-family:var(--pismo-text);font-size:var(--vel-text-maly);font-weight:500;padding:0;width:100%;
  min-height:28px}
.rezervace .tl{border:0;justify-content:center;padding:1rem 1.6rem}
@media(max-width:820px){
  .rezervace{grid-template-columns:1fr 1fr}
  .rezervace__p:nth-child(3){grid-column:span 2;border-right:0}
  .rezervace .tl{grid-column:span 2}
}
.odkaz-cena{display:flex;flex-wrap:wrap;gap:var(--mezera-3);align-items:baseline;margin-top:var(--mezera-3);
  font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny)}
.odkaz-cena b{font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-size:var(--vel-nadpis-1);color:var(--barva-akce)}

/* --- PÁS VÝHOD --- */
.vyhody{background:var(--barva-pozadi-tmave);color:var(--barva-tmave-text)}
.vyhody__m{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.vyhoda{padding:var(--mezera-4) var(--mezera-3) var(--mezera-4) 0;border-right:1px solid rgba(222,214,201,.2)}
.vyhoda:last-child{border-right:0}
.vyhoda b{display:block;font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-size:var(--vel-nadpis-1);color:var(--barva-zlata);margin-bottom:.3rem;line-height:1.2}
.vyhoda span{font-size:var(--vel-text-maly);color:var(--barva-tmave-tlumeny)}
@media(max-width:760px){.vyhoda{border-right:0;border-bottom:1px solid rgba(222,214,201,.2)}}

/* --- POROVNÁNÍ PŘÍMO vs PORTÁL --- */
.porovnani{width:100%;border-collapse:collapse;font-size:var(--vel-text-maly)}
.porovnani th{font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);font-weight:600;
  font-size:var(--vel-nadpis-1);text-align:left;padding:0 var(--mezera-3) var(--mezera-3) 0;
  border-bottom:1px solid var(--barva-linka-silna)}
.porovnani th:nth-child(2){color:var(--barva-akce);text-align:center;width:9rem}
.porovnani th:nth-child(3){color:var(--barva-text-slaby);text-align:center;width:9rem}
.porovnani td{padding:.9rem var(--mezera-3) .9rem 0;border-bottom:1px solid var(--barva-linka)}
.porovnani td:nth-child(2),.porovnani td:nth-child(3){text-align:center;font-weight:600}
.ano{color:var(--barva-akce)} .ne{color:var(--barva-text-slaby)}

/* --- PRODUKTOVÝ ŘÁDEK S TLAČÍTKEM --- */
.pokoj{display:grid;grid-template-columns:2.4rem 1fr auto auto;gap:var(--mezera-3);align-items:center;
  padding:clamp(1.1rem,2.4vw,1.7rem) var(--mezera-3);border-bottom:1px solid var(--barva-linka);
  margin:0 calc(var(--mezera-3) * -1);transition:background var(--prechod-rychly)}
.pokoj:first-child{border-top:1px solid var(--barva-linka-silna)}
.pokoj:hover{background:color-mix(in srgb,var(--barva-akce) 5%,transparent)}
.pokoj .tl{padding:.75rem 1.2rem;min-height:44px}
@media(max-width:780px){
  .pokoj{grid-template-columns:2rem 1fr;row-gap:var(--mezera-2)}
  .pokoj>*:nth-child(3),.pokoj>*:nth-child(4){grid-column:2}
}

/* --- HODNOCENÍ --- */
.hodnoceni{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;
  border-top:1px solid var(--barva-linka-silna);border-bottom:1px solid var(--barva-linka-silna);
  padding:var(--mezera-4) 0}
.skore{font-family:var(--pismo-displej);font-variation-settings:var(--wonk);font-size:clamp(3rem,7vw,5rem);
  font-weight:600;color:var(--barva-akce);line-height:.9}
.skore small{display:block;font-family:var(--pismo-text);font-size:var(--vel-popisek);font-weight:600;
  letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;color:var(--barva-text-slaby);margin-top:.5rem}
.citace{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--mezera-4)}
.citace blockquote{margin:0;font-family:var(--pismo-displej);font-style:italic;font-size:var(--vel-text-maly);
  line-height:1.5;color:var(--barva-text)}
.citace cite{display:block;font-family:var(--pismo-text);font-style:normal;font-size:var(--vel-popisek);
  letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;color:var(--barva-text-slaby);margin-top:.7rem}
@media(max-width:700px){.hodnoceni{grid-template-columns:1fr}}

/* --- PRODUKTOVÁ KARTA BALÍČKU --- */
.balicek{display:grid;grid-template-columns:1fr auto;gap:var(--mezera-3);align-items:end;
  padding:var(--mezera-4) 0;border-bottom:1px solid var(--barva-linka)}
.balicek:first-of-type{border-top:1px solid var(--barva-linka-silna)}
.balicek h3{font-size:var(--vel-nadpis-1);margin-bottom:.4rem}
.balicek p{font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny);margin:0;max-width:60ch}
.balicek__c{text-align:right;white-space:nowrap}
.balicek__c b{display:block;font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-size:var(--vel-nadpis-1);color:var(--barva-akce)}
.balicek__c small{font-size:var(--vel-popisek);letter-spacing:var(--prostrkani-stredni);
  text-transform:uppercase;color:var(--barva-text-slaby)}
@media(max-width:640px){.balicek{grid-template-columns:1fr}.balicek__c{text-align:left}}

/* --- OTÁZKY --- */
.otazka{border-bottom:1px solid var(--barva-linka)}
.otazka:first-child{border-top:1px solid var(--barva-linka-silna)}
.otazka summary{cursor:pointer;list-style:none;padding:var(--mezera-3) 2.5rem var(--mezera-3) 0;position:relative;
  font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);font-weight:600;
  font-size:var(--vel-nadpis-1);color:var(--barva-nadpis)}
.otazka summary::-webkit-details-marker{display:none}
.otazka summary::after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);
  color:var(--barva-akce);font-size:1.4rem;line-height:1}
.otazka[open] summary::after{content:"–"}
.otazka p{font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny);margin:0 0 var(--mezera-3);max-width:70ch}

/* --- LEPÍCÍ LIŠTA REZERVACE --- */
@media(max-width:560px){.spodni__t{font-size:var(--vel-popisek)}}

/* v9: mřížka fotek a infrasauna */
.mrizka-fotek{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:var(--mrizka-mezera);margin-top:var(--mezera-5)}
.popis-foto{display:block;margin-top:.5rem;font-size:var(--vel-popisek);
  letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;color:var(--barva-text-slaby)}

/* v7: pruh skutečných hodnocení */
.skorepruh{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  border-top:1px solid var(--barva-linka);margin-top:var(--mezera-4)}
.skorepruh div{padding:var(--mezera-3) var(--mezera-3) var(--mezera-3) 0;border-right:1px solid var(--barva-linka)}
.skorepruh div:last-child{border-right:0}
.skorepruh b{display:block;font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;color:var(--barva-akce);line-height:1}
.skorepruh span{display:block;margin-top:.4rem;font-size:var(--vel-popisek);
  letter-spacing:var(--prostrkani-stredni);text-transform:uppercase;color:var(--barva-text-slaby)}
@media(max-width:700px){.skorepruh div{border-right:0;border-bottom:1px solid var(--barva-linka)}}

/* v5: řádek pokoje bez ceny */
.pokoj{grid-template-columns:2.4rem 1fr auto}
@media(max-width:780px){.pokoj{grid-template-columns:2rem 1fr}.pokoj>*:nth-child(3){grid-column:2}}

/* lišta návrhu nad spodní lištu */

/* ===== Doplnky balicku pro sablony WordPressu ===== */
.mrizka-titul{display:grid;grid-template-columns:1fr minmax(240px,36%);
  gap:clamp(1.5rem,4vw,3.5rem);align-items:end}
@media(max-width:860px){.mrizka-titul{grid-template-columns:1fr}}
.titul__media{position:relative}
.hero-video{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block;
  border:1px solid var(--barva-ram)}
@media(max-width:780px){.hero-video{aspect-ratio:16/10}}

.pokoj__popis{font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny);
  margin:.7rem 0 0;max-width:56ch}

.balik{display:grid;grid-template-columns:2.4rem 1fr auto;gap:var(--mezera-3);
  padding:var(--mezera-4) var(--mezera-3);border-bottom:1px solid var(--barva-linka);
  margin:0 calc(var(--mezera-3) * -1);align-items:start}
.balik:first-of-type{border-top:1px solid var(--barva-linka-silna,var(--barva-linka))}
.balik h3{font-size:var(--vel-nadpis-1);margin-bottom:.4rem}
.balik p{font-size:var(--vel-text-maly);color:var(--barva-text-tlumeny);margin:0;max-width:60ch}
.balik__obsah{list-style:none;padding:0;margin:var(--mezera-2) 0 0;display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.balik__obsah li{font-size:var(--vel-popisek);letter-spacing:.06em;text-transform:uppercase;
  color:var(--barva-text-slaby);display:flex;align-items:center;gap:.4rem}
.balik__obsah li::before{content:"";width:5px;height:5px;background:var(--barva-signal);transform:rotate(45deg)}
@media(max-width:780px){.balik{grid-template-columns:2rem 1fr}.balik>*:nth-child(3){grid-column:2;margin-top:var(--mezera-3)}}

.listek-skupina{margin-top:var(--mezera-5)}
.listek-nadpis{font-size:var(--vel-nadpis-1);color:var(--barva-signal);
  padding-bottom:var(--mezera-2);border-bottom:1px solid rgba(222,214,201,.22)}
.jm__rubrika{display:block;font-family:var(--pismo-text);font-size:var(--vel-popisek);
  letter-spacing:.14em;text-transform:uppercase;color:var(--barva-signal);margin-bottom:.2rem}
.jm__gramaz{color:var(--barva-tmave-tlumeny,#9C9286);margin-right:.4rem}
.listek .al abbr{text-decoration:none;border-bottom:1px dotted currentColor;cursor:help}
.listek-pata{margin-top:var(--mezera-4);font-size:var(--vel-popisek);
  letter-spacing:.06em;color:var(--barva-tmave-tlumeny,#9C9286)}

.vybaveni{list-style:none;padding:0;margin:var(--mezera-4) 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.vybaveni li{font-size:var(--vel-popisek);letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--barva-ram);padding:.35rem .8rem;color:var(--barva-text-tlumeny)}

.hlavicka__logo{text-decoration:none;font-family:var(--pismo-displej);font-size:1.15rem;
  font-weight:600;color:var(--barva-nadpis)}
.paticka ul{list-style:none;padding:0;margin:0}
.obsah p{max-width:70ch}

/* ===== Lokálně hostovaná písma ===== */
@font-face{
  font-family:"Fraunces";
  src:url("../fonts/fraunces-latin-ext.woff2") format("woff2-variations");
  font-weight:300 800; font-style:normal; font-display:swap;
  unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2116,U+2122;
}
@font-face{
  font-family:"Fraunces";
  src:url("../fonts/fraunces-italic-latin-ext.woff2") format("woff2-variations");
  font-weight:300 800; font-style:italic; font-display:swap;
  unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2116,U+2122;
}
@font-face{
  font-family:"Archivo";
  src:url("../fonts/archivo-latin-ext.woff2") format("woff2-variations");
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2116,U+2122;
}

/* ===== Opravy hlavičky ===== */
.hlavicka__vnitrek{flex-wrap:wrap;row-gap:var(--mezera-2);
  padding-left:var(--kontejner-okraj,clamp(1.2rem,5vw,3rem));
  padding-right:var(--kontejner-okraj,clamp(1.2rem,5vw,3rem))}
.hlavicka__logo{flex:0 0 auto;display:flex;align-items:center}
.hlavicka nav{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}
.hlavicka .menu{margin-left:0;flex-wrap:wrap;justify-content:flex-end;row-gap:.4rem}
.hlavicka .tl{flex:0 0 auto}
@media(max-width:1100px){.hlavicka nav{order:3;flex-basis:100%;justify-content:flex-start}}
@media(max-width:900px){.hlavicka .menu{display:flex}}

/* Logo jako vektor v hlavičce a patičce */
.lf-logo{height:clamp(28px,3.2vw,36px);width:auto;display:block}
.hlavicka__logo .lf-a{fill:var(--barva-akce)}
.hlavicka__logo .lf-b{fill:var(--barva-signal)}
.paticka .lf-a{fill:var(--barva-tmave-text,#E5DED2)}
.paticka .lf-b{fill:var(--barva-signal)}

/* Šipky a hvězdy dobírá systémové písmo, v subsetu nejsou */
.tl::after,.stitek,.masthead{font-synthesis:none}

/* ===== Lepící lišta rezervace (chyběla po přenosu z návrhu) ===== */
.spodni{position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:var(--barva-pozadi-tmave);border-top:1px solid var(--barva-signal);
  display:flex;align-items:center;gap:var(--mezera-3);
  padding:.75rem clamp(1rem,4vw,2.5rem);
  transform:translateY(110%);transition:transform var(--prechod-normalni,.45s) var(--krivka,cubic-bezier(.19,.72,.26,1));
  box-shadow:0 -8px 30px rgba(0,0,0,.16)}
.spodni.vid{transform:none}
.spodni__t{color:var(--barva-tmave-text,#E5DED2);font-size:var(--vel-text-maly);line-height:1.35}
.spodni__t strong{font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-weight:600;color:var(--barva-signal)}
.spodni .tl{margin-left:auto;white-space:nowrap;border-color:var(--barva-signal);
  background:var(--barva-signal);color:var(--barva-pozadi-tmave)}
.spodni .tl:hover{background:transparent;color:var(--barva-signal)}
body{padding-bottom:0}
@media(max-width:560px){.spodni{padding:.6rem 1rem}.spodni__t{font-size:var(--vel-popisek)}}

/* ===== Pás výhod na celou šířku ===== */
.sekce.vyhody{background:var(--barva-pozadi-tmave);color:var(--barva-tmave-text,#E5DED2)}
.sekce.vyhody .stitek{color:var(--barva-signal);margin-bottom:var(--mezera-5)}
.vyhody__m{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  border-top:1px solid rgba(222,214,201,.22)}
.vyhoda{padding:var(--mezera-4) var(--mezera-3) var(--mezera-4) 0;
  border-right:1px solid rgba(222,214,201,.18)}
.vyhoda:last-child{border-right:0}
.vyhoda b{display:block;font-family:var(--pismo-displej);font-variation-settings:var(--wonk-maly);
  font-size:var(--vel-nadpis-1);color:var(--barva-signal);margin-bottom:.35rem;line-height:1.2}
.vyhoda span{font-size:var(--vel-text-maly);color:var(--barva-tmave-tlumeny,#9C9286)}
@media(max-width:760px){.vyhoda{border-right:0;border-bottom:1px solid rgba(222,214,201,.18)}}

/* ===== Ochutnávka lístku na titulce ===== */
.listek-ochutnavka .listek td{border-bottom-color:rgba(222,214,201,.16)}
.listek-vice{margin-top:var(--mezera-4)}