/* ══ Lowkosťák — vizuální styl podle webové grafiky ══════════ */
:root{
  /* základní trojka */
  --ink:#1C1B18; --lime:#E3FF04; --bila:#FFFFFF;
  /* podpůrné světlé */
  --krem:#FFFEF8; --podklad:#EFECE2;
  --okraj:#E5E1D4; --okraj-seda:#C9C5B8;
  /* šedé texty */
  --text:#4A4842; --meta:#5C594F; --tlum:#8B867A;
  /* na tmavém podkladu */
  --tm-text:#FBF9F3; --tm-text-2:#E7E4DA; --tm-sek:#B8B4A8;
  --tm-dlazdice:#26251E; --tm-okraj:#3A392F; --tm-linka:#33322D; --tm-tlum:#6B6357;
  --tm-pozadi:#161512; --tm-glow:#24221C;
  --cervena:#FF4D3D; --cervena-soft:#FFEDEA; --cervena-tmava:#C4321F;
  --zelena:#37C46B;  /* graf — čitelná na tmavém i na žlutém podkladu */
  /* rádiusy a okraje */
  --r-xs:10px; --r-s:12px; --r-m:13px; --r:14px; --r-l:16px; --pill:100px;
  --okraj-sila:1.5px;
  /* fonty */
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --rukou:"Caveat","Segoe Script",cursive;
  /* žlutý zvýrazňovač */
  --highlighter:linear-gradient(180deg,transparent 8%,rgba(227,255,4,.85) 8%,rgba(227,255,4,.85) 92%,transparent 92%);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bila);color:var(--text);
  font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility}

/* ── typografie ─────────────────────────── */
h1,h2,h3{margin:0;color:var(--ink);font-family:var(--sans);
  text-transform:uppercase;letter-spacing:-.015em;line-height:1.12}
h1{font-size:26px;font-weight:900}
h2{font-size:16px;font-weight:800}
h3{font-size:14px;font-weight:800}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime);
  text-decoration-thickness:1.5px;text-underline-offset:3px;
  text-decoration-skip-ink:none}
a:hover{background:var(--lime)}
.num,.p,.hodnota,.c{font-family:var(--mono);font-variant-numeric:tabular-nums}
.rukou{font-family:var(--rukou);font-weight:600;font-size:20px;line-height:1.25;color:var(--meta)}
.zvyraznit{background:var(--highlighter);padding:0 .18em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ── kostra ─────────────────────────────── */
header.hlavni{background:var(--ink);color:var(--tm-text);
  border-bottom:var(--okraj-sila) solid var(--tm-okraj)}
.hlavni .obal{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.znacka{display:flex;align-items:center;padding:10px 0;text-decoration:none}
.znacka:hover{background:none}
.znacka img{height:44px;width:auto;display:block}
nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}
nav a{color:var(--tm-sek);text-decoration:none;padding:15px 12px;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;
  border-bottom:2px solid transparent}
nav a:hover{color:var(--tm-text);background:none}
nav a.tam{color:var(--lime);text-decoration:underline;text-decoration-color:var(--lime);
  text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:none}
.ucet{font:400 12px/1.4 var(--mono);color:var(--tm-sek)}
.ucet a{color:var(--tm-sek);text-decoration-color:var(--tm-tlum)}
.ucet a:hover{color:var(--ink);background:var(--lime)}
.obal{max-width:1240px;margin:0 auto;padding:0 20px}
main.obal{padding-top:28px;padding-bottom:64px}
.zahlavi{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.zahlavi .odsad{margin-left:auto}

/* ── karty a tabulky ────────────────────── */
.karta{background:var(--krem);border:var(--okraj-sila) solid var(--okraj);
  border-radius:var(--r);margin-bottom:18px;overflow-x:auto}
.karta>h2{padding:13px 16px;border-bottom:var(--okraj-sila) solid var(--okraj);
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink)}
.karta>h2 .soucet{float:right;font:500 11px/1.3 var(--mono);text-transform:none;
  letter-spacing:0;color:var(--meta)}
.karta .telo{padding:16px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font:500 10px/1.3 var(--mono);text-transform:uppercase;
  letter-spacing:.08em;color:var(--tlum);padding:10px 12px;
  border-bottom:var(--okraj-sila) solid var(--okraj)}
td{padding:10px 12px;border-bottom:1px solid var(--okraj);vertical-align:middle;color:var(--ink)}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--podklad)}
td.p,th.p{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;
  white-space:nowrap;font-size:13px}
tfoot td{border-top:var(--okraj-sila) solid var(--ink);font-weight:700;padding-top:12px;
  border-bottom:none}
tfoot td.p{font-size:14px;font-weight:500;color:var(--ink)}
.prazdno{padding:34px 16px;text-align:center;
  font:600 20px/1.3 var(--rukou);color:var(--meta)}

/* ── ukazatele ──────────────────────────── */
.dlazdice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;margin-bottom:20px}
.dlazdice .box{background:var(--krem);border:var(--okraj-sila) solid var(--okraj);
  border-radius:var(--r-m);padding:15px 16px}
.box .stitek{font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;
  color:var(--tlum);display:block;margin-bottom:9px}
.box .hodnota{display:inline-block;font:500 24px/1.15 var(--mono);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink);
  background:var(--highlighter);padding:0 4px;margin-left:-4px}
.box .pod{font:400 11px/1.4 var(--mono);color:var(--tlum);margin-top:8px}
.dlazdice a.box{display:block;text-decoration:none;color:inherit}
.dlazdice a.box:hover{border-color:var(--ink);background:var(--bila)}
.dlazdice a.box:hover .pod{color:var(--ink)}
.box.pozor{border-color:var(--cervena)}
.box.pozor .hodnota{color:var(--cervena-tmava);background:var(--cervena-soft)}

/* ── měsíční pás ────────────────────────── */
.karta .telo>.pas{margin:-4px 0 0}
.pas{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;
  background:var(--tm-pozadi);border-radius:var(--r);padding:12px}
.pas.roky{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))}
.pas a{display:block;text-decoration:none;color:inherit;padding:11px 5px 10px;
  border-radius:var(--r-s);background:var(--tm-dlazdice);
  border:1px solid var(--tm-okraj)}
.pas a:hover{background:var(--tm-glow);border-color:var(--tm-tlum)}
.pas a.tam{background:var(--lime);border-color:var(--lime)}
.pas a.tam .m,.pas a.tam .c{color:var(--ink)}
.pas .m{font:500 clamp(9px,.78vw,12px)/1.35 var(--mono);text-transform:uppercase;letter-spacing:.03em;
  color:var(--tm-sek);text-align:center;display:block;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.pas .sloup{height:74px;display:flex;align-items:flex-end;justify-content:center;gap:3px;
  margin:10px 0 9px}
.pas .sloup i{width:20px;max-width:38%;background:var(--zelena);border-radius:3px 3px 0 0;
  min-height:3px;display:block}
.pas .sloup i.dluh{background:var(--cervena)}
.pas .sloup i.pausal{background:var(--lime)}
.legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:14px;
  font:500 11px/1.4 var(--mono);color:var(--meta)}
.legenda .vzorek{display:inline-block;width:11px;height:11px;border-radius:3px;
  vertical-align:-1px;margin-right:6px}
.legenda .vzorek.tipy{background:var(--zelena)}
.legenda .vzorek.pausal{background:var(--lime);border:1px solid var(--okraj-seda)}
.legenda .vzorek.dluh{background:var(--cervena)}
td.p.dluzi{color:var(--cervena-tmava)}
.zahlavi-karty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:10px 16px;border-bottom:var(--okraj-sila) solid var(--okraj)}
.zahlavi-karty h2{margin-right:auto;font-size:11px;letter-spacing:.06em}
.pas .c{font:500 clamp(9px,.8vw,12px)/1 var(--mono);text-align:center;color:var(--tm-text-2);
  display:block;white-space:nowrap}

/* ── formuláře ──────────────────────────── */
input,select,textarea,button{font-family:var(--sans);font-size:14px}
input[type=text],input[type=date],input[type=number],input[type=password],select,textarea{
  padding:9px 11px;border:var(--okraj-sila) solid var(--okraj-seda);border-radius:var(--r-xs);
  background:var(--bila);color:var(--ink);width:100%;font-size:14px}
input[type=number],input[type=date]{font-family:var(--mono);font-size:13px;
  font-variant-numeric:tabular-nums}
select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;
  font-weight:500;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231C1B18' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px}
select:hover{border-color:var(--ink)}
.pole > .tise-text{display:block;margin-top:5px}
/* položka ceníku: zavřené vypadá jako rozbalovací pole, otevřené ukáže zaškrtávátka */
.vyber-cenik>summary{list-style:none;cursor:pointer;padding:9px 34px 9px 11px;
  border:var(--okraj-sila) solid var(--okraj-seda);border-radius:var(--r-xs);
  background:var(--bila);color:var(--ink);font:500 14px/1.4 var(--sans);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231C1B18' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px}
.vyber-cenik>summary::-webkit-details-marker{display:none}
.vyber-cenik>summary:hover{border-color:var(--ink)}
.vyber-cenik[open]>summary{border-color:var(--ink);border-bottom-left-radius:0;
  border-bottom-right-radius:0;background-image:none}
.vyber-vic{max-height:210px;overflow-y:auto;background:var(--bila);
  border:var(--okraj-sila) solid var(--ink);border-top:none;
  border-radius:0 0 var(--r-xs) var(--r-xs);padding:6px 11px 9px}
.vyber-vic .skupina{font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;
  color:var(--tlum);margin:9px 0 5px}
.vyber-vic .skupina:first-child{margin-top:2px}
.vyber-vic .zaskrt{padding:4px 0;gap:7px}
.vyber-vic .zaskrt:hover{color:var(--ink)}
.vyber-vic .zaskrt .tise-text{margin-left:auto;padding-left:10px}
td.p input{max-width:130px;margin-left:auto;text-align:right}
input:focus,select:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:1px;
  border-color:var(--ink)}
label{display:block;font:500 10px/1.3 var(--mono);text-transform:uppercase;
  letter-spacing:.08em;color:var(--tlum);margin-bottom:5px}
.pole{margin-bottom:13px}
.radek{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.zaskrt{display:flex;align-items:center;gap:8px;font:500 13px/1.4 var(--sans);
  text-transform:none;letter-spacing:0;color:var(--ink)}
.zaskrt input{width:auto;accent-color:var(--ink)}
button,.tlacitko{background:var(--ink);color:var(--tm-text);
  border:var(--okraj-sila) solid var(--ink);padding:9px 18px;border-radius:var(--pill);
  cursor:pointer;text-decoration:none;display:inline-block;
  font:700 12px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.02em}
button:hover,.tlacitko:hover{background:var(--lime);color:var(--ink);border-color:var(--ink)}
button.tise,.tlacitko.tise{background:var(--bila);color:var(--ink);border-color:var(--okraj-seda)}
button.tise:hover,.tlacitko.tise:hover{background:var(--lime);border-color:var(--ink)}
button.drobne,.tlacitko.drobne{padding:5px 12px;font-size:10px;letter-spacing:.05em}
button.text{background:none;border:none;color:var(--tlum);padding:3px 6px;cursor:pointer;
  text-transform:none;font:500 12px/1.3 var(--sans);letter-spacing:0}
button.text:hover{color:var(--cervena-tmava);background:none}
form.vedle{display:inline}

/* ── stavy ──────────────────────────────── */
.znak{display:inline-block;padding:4px 11px;border-radius:var(--pill);
  font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;
  border:1.5px solid transparent;cursor:pointer;background:none;white-space:nowrap}
.znak.ano{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.znak.ano:hover{background:var(--bila);border-color:var(--ink)}
.znak.ne{background:var(--cervena-soft);color:var(--cervena-tmava);border-color:var(--cervena)}
.znak.ne:hover{background:var(--cervena);color:var(--bila)}
.znak.nic{color:var(--tlum);border-color:var(--okraj-seda);border-style:dashed;background:none}
.znak.nic:hover{color:var(--ink);border-color:var(--ink);background:var(--lime)}
.hlaska{padding:12px 16px;border-radius:var(--r-s);margin-bottom:18px;
  font:500 14px/1.4 var(--sans);border:var(--okraj-sila) solid transparent}
.hlaska.ok{background:var(--lime);color:var(--ink);border-color:var(--ink)}
.hlaska.chyba{background:var(--cervena-soft);color:var(--cervena-tmava);border-color:var(--cervena)}
.pruh{display:block;height:5px;background:var(--podklad);border-radius:var(--pill);
  overflow:hidden;margin-top:7px}
.pruh i{display:block;height:100%;background:var(--lime);border-radius:var(--pill)}
.tise-text{color:var(--meta);font:400 12px/1.4 var(--mono)}
.odkud{display:inline-block;font:500 10px/1.3 var(--mono);text-transform:uppercase;
  letter-spacing:.06em;color:var(--meta);background:var(--podklad);padding:2px 7px;
  border-radius:var(--pill);margin-right:6px;vertical-align:1px}
.hotovo{color:var(--tlum);text-decoration:line-through;text-decoration-color:var(--tlum)}

/* ── odznak klienta: nový → vrací se → stálý, červeně když dluží ── */
.klient{display:inline-block;margin-top:4px;padding:2px 9px;border-radius:var(--pill);
  font:500 10px/1.45 var(--mono);letter-spacing:.04em;white-space:nowrap;
  border:1.5px solid transparent}
.klient.novy{color:var(--tlum);border-color:var(--okraj-seda);border-style:dashed}
.klient.vraci{background:var(--bila);color:var(--ink);border-color:var(--ink)}
.klient.staly{background:var(--lime);color:var(--ink);border-color:var(--ink);font-weight:700}
/* dluh přebíjí barvu úrovně, proto až za nimi */
.klient.dluzi{background:var(--cervena-soft);color:var(--cervena-tmava);border-color:var(--cervena)}
#klient-stav .klient{margin-top:6px}
#klient-stav .tise-text{display:block;margin-top:4px;font-size:11px}

/* ── přepínač období ────────────────────── */
.obdobi-blok{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.tlacitko.tam,button.tam{background:var(--lime);border-color:var(--ink);color:var(--ink)}
.obdobi{display:inline-flex;align-items:stretch;background:var(--bila);
  border:var(--okraj-sila) solid var(--okraj-seda);border-radius:var(--pill);
  overflow:hidden;max-width:100%}
.obdobi select{width:auto;flex:0 1 auto;border:none;border-radius:0;background-color:transparent;
  padding:9px 32px 9px 17px;font:700 12px/1.2 var(--sans);text-transform:uppercase;
  letter-spacing:.02em;color:var(--ink);background-position:right 11px center}
.obdobi select[name=rok]{font:500 13px/1.2 var(--mono);text-transform:none;letter-spacing:0}
.obdobi select:nth-of-type(2){border-left:var(--okraj-sila) solid var(--okraj)}
.obdobi select:hover{background-color:var(--lime)}
.obdobi select:focus{outline:none}
.obdobi select:disabled{color:var(--tlum);background-image:none;cursor:default;opacity:1;
  padding-right:17px}
.obdobi:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(227,255,4,.55)}

/* ── filtry ─────────────────────────────── */
.filtry{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.filtry .pole{margin:0;min-width:110px}
.filtry .pole.siroke{flex:1;min-width:180px}

/* ── mřížka měsíců ──────────────────────── */
/* ── rozpis práce: měsíc vedle odevzdaných tipů ─────────── */
.dva-sloupce{display:grid;gap:14px;align-items:start;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dva-sloupce .sloupec{display:grid;gap:14px;align-content:start}
.prepinac-mesice{display:flex;align-items:center;gap:8px}
.prepinac-mesice .sip{display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border:var(--okraj-sila) solid var(--okraj-seda);
  border-radius:var(--pill);text-decoration:none;font-size:18px;line-height:1;
  color:var(--ink);background:var(--krem)}
.prepinac-mesice .sip:hover{background:var(--lime);border-color:var(--ink)}

.kategorie{display:grid;gap:12px}
.kat{display:grid;gap:2px 10px;align-items:center;
  grid-template-columns:1fr auto;grid-template-areas:"jmeno cislo" "pruh pruh" "plan plan"}
.kat .jmeno{grid-area:jmeno;font:700 12px/1.3 var(--sans);text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink)}
.kat .cislo{grid-area:cislo;font-size:15px;font-weight:500;color:var(--ink)}
.kat .pruh{grid-area:pruh}
.kat .plan{grid-area:plan;font:400 11px/1.4 var(--mono);color:var(--tlum);margin-top:3px}

.stitek-kat{display:inline-block;padding:2px 9px;border-radius:var(--pill);
  font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;
  white-space:nowrap;background:var(--podklad);color:var(--meta)}
.stitek-kat.evropa{background:var(--lime);color:var(--ink)}
.stitek-kat.vikend{background:var(--ink);color:var(--tm-text)}
.stitek-kat.svet{background:var(--bila);color:var(--ink);
  box-shadow:inset 0 0 0 1.5px var(--okraj-seda)}
.tabulka-tipu td.datum,.karta td.datum{color:var(--tlum);white-space:nowrap;font-size:12px}
.tabulka-tipu tbody tr:hover{background:var(--krem)}
.tabulka-tipu td.jednou{color:var(--tlum)}
/* doporučené destinace na úvodní stránce — dva sloupce po deseti */
.doporucene-mrizka{display:grid;gap:0 22px;
  grid-auto-flow:column;grid-template-rows:repeat(10,auto);
  grid-template-columns:repeat(2,minmax(0,1fr))}
.doporucene-mrizka .misto{padding:7px 0;border-bottom:1px solid var(--okraj)}
.doporucene-mrizka .jmeno{display:block;font-size:14px;color:var(--ink)}
.doporucene-mrizka .tise-text{display:block;margin-top:1px;font-size:11px}
.cely-prehled{margin-top:16px}
@media (max-width:620px){
  .doporucene-mrizka{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}
}
.destinace td.jednou{color:var(--tlum)}
.destinace th,.destinace td{white-space:nowrap}
.destinace td:first-child{white-space:normal}
.destinace th:not(:first-child),.destinace td:not(:first-child){width:1%}
th.razeni{cursor:pointer;user-select:none;white-space:nowrap}
th.razeni:hover{color:var(--ink);background:var(--lime)}
th.razeni::after{content:"\2195";margin-left:5px;opacity:.35}
th.razeni.dolu::after{content:"\2193";opacity:1}
th.razeni.nahoru::after{content:"\2191";opacity:1}
.tabulka-tipu td .tise-text{display:inline-block;margin-left:6px}

@media (max-width:980px){
  .dva-sloupce{grid-template-columns:1fr}
}

.mesice{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));
  gap:14px;align-items:start}
.mesice .delic{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:10px;
  font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tlum)}
.mesice .delic::after{content:"";flex:1;height:var(--okraj-sila);background:var(--okraj-seda)}

details.pridat{margin-top:14px}
details.pridat summary{cursor:pointer;color:var(--ink);list-style:none;
  font:700 11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.04em;
  display:inline-block;padding:6px 14px;border:1.5px dashed var(--okraj-seda);
  border-radius:var(--pill)}
details.pridat summary:hover{border-color:var(--ink);background:var(--lime);border-style:solid}
details.pridat summary::-webkit-details-marker{display:none}
details.pridat summary::before{content:"+ ";font-weight:800}
details.pridat[open] summary{margin-bottom:12px}

/* ── knihovna šablon ────────────────────── */
.sablona{border-bottom:1px solid var(--okraj)}
.sablona:last-child{border-bottom:none}
.sablona>summary{cursor:pointer;list-style:none;padding:11px 2px;display:flex;
  align-items:center;gap:8px;flex-wrap:wrap}
.sablona>summary::-webkit-details-marker{display:none}
.sablona>summary:hover{background:var(--podklad)}
.sablona[open]>summary{border-bottom:1px dashed var(--okraj-seda)}
.sablona .odsad-vpravo{margin-left:auto}
.sablona .obsah{padding:12px 2px 16px}
.sablona .uryvek{margin:0 0 14px;font:400 13px/1.6 var(--sans);color:var(--meta);
  background:var(--podklad);padding:11px 13px;border-radius:var(--r-s)}
input[type=file]{padding:8px 11px;border:var(--okraj-sila) dashed var(--okraj-seda);
  border-radius:var(--r-xs);background:var(--bila);width:100%;font-size:13px}

/* ── tipy zdarma ────────────────────────── */
.radek-postup{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.radek-postup .pruh{flex:1;min-width:120px;max-width:280px;margin-top:0}
.radek-postup .pruh i{transition:width .3s ease}

/* načtená ubytování */
.ubytko{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--okraj)}
.ubytko:last-child{border-bottom:none}
.ubytko img,.ubytko .bez-fotky{width:200px;flex:0 0 200px;border-radius:var(--r-s);
  background:var(--podklad);display:block}
.ubytko .bez-fotky{height:116px;display:flex;align-items:center;justify-content:center;
  font:500 11px/1.3 var(--mono);color:var(--tlum)}
.ubytko .text{flex:1;min-width:0}
.ubytko h3{margin:3px 0 7px;text-transform:none;font-size:15px}
.stitek-varianta{font:500 10px/1.3 var(--mono);text-transform:uppercase;
  letter-spacing:.08em;color:var(--tlum)}
.ubytko .udaje{font-size:13px;margin-bottom:6px}
.ubytko .pokoj{font-size:13px;color:var(--ink);margin-bottom:6px}
.ubytko .vpravo{flex:0 0 auto;align-self:flex-start}
.ubytko .vymena{flex-basis:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  margin-top:10px;padding-top:10px;border-top:1px dashed var(--okraj-seda)}
.ubytko .vymena input{flex:1;min-width:220px}
.ubytko{flex-wrap:wrap}

/* pojištění */
.tarif{display:flex;align-items:center;gap:12px;padding:9px 0;
  border-bottom:1px solid var(--okraj);font-size:13px}
.tarif:last-child{border-bottom:none}
.tarif b{min-width:96px}
.tarif .hodnota-tarif{font:500 15px/1.2 var(--mono);color:var(--ink)}
.tarif.nejlevnejsi .hodnota-tarif{background:var(--highlighter);padding:0 4px}

/* ── konvertor ──────────────────────────── */
.ikona{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:5px}
.cestovky{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.cestovky button{display:inline-flex;align-items:center;gap:2px}
.cestovky button{background:var(--bila);color:var(--ink);border-color:var(--okraj-seda)}
.cestovky button:hover{border-color:var(--ink);background:var(--podklad)}
.cestovky button.tam{background:var(--lime);border-color:var(--ink);color:var(--ink)}
.vysledek{margin-top:16px}
.vysledek textarea{font-family:var(--mono);font-size:13px;min-height:190px;resize:vertical;
  line-height:1.5}
.vysledek .hlava{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.vysledek .hlava label{margin:0}

@media (max-width:760px){
  .pas{grid-template-columns:repeat(4,1fr);padding:9px;gap:4px}
  .pas .m,.pas .c{font-size:9px}
  .pas .sloup{height:62px}
  .pas .sloup i{width:16px}
  .obal{padding:0 14px}
  .hlavni .obal{gap:10px}
  .znacka img{height:34px}
  nav{gap:0;flex-basis:100%;order:3;border-top:1px solid var(--tm-linka);padding-top:2px}
  .hlavni .obal{padding-bottom:6px}
  .ucet{margin-left:auto}
  nav a{padding:10px 9px;font-size:11px}
  nav a.tam{padding:6px 11px;margin:4px 1px}
  h1{font-size:21px}
  table{font-size:13px}
  th,td{padding:9px 8px}
  .radek{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}
  .skryt-mobil{display:none}
}
@media (prefers-reduced-motion:no-preference){
  .pas a,button,.tlacitko,.znak,a,details.pridat summary{
    transition:background .13s ease,border-color .13s ease,color .13s ease}
}

/* ── přihlášení ─────────────────────────── */
.prihlaseni-logo{display:block;margin:0 auto 8px;width:190px;height:auto}

/* výběr šablony tipu — tlačítka ve stylu webu (neon + černý obrys) */
.volba-sablony{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.volba{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.volba-sablony .sablona{width:100%;padding:18px 26px;background:var(--lime);color:var(--ink);
  border:3px solid var(--ink);border-radius:18px;cursor:pointer;
  font:800 17px/1.2 var(--sans);letter-spacing:-.01em;text-transform:none}
.volba-sablony .sablona:hover{background:var(--ink);color:var(--lime)}
.volba-sablony .sablona.tam{background:var(--ink);color:var(--lime);
  box-shadow:0 0 0 3px var(--lime)}
.zastavka{align-items:flex-start}
.zastavka .text{flex-basis:100%}
.presun{padding:12px 0;border-top:1px dashed var(--okraj-seda)}
.presun:first-child{border-top:0}

/* ══ Náhled článku — stejné komponenty jako téma webu ═══════ */
.nahled{--lk-cream:#FBF9F3;--lk-cream2:#FFFEF8;--lk-line:#E5E1D4;
  background:var(--bila);border-radius:var(--r-l);padding:26px 24px;color:var(--ink);
  font-family:var(--sans)}
.nahled .lk-h1{font-size:30px;font-weight:900;text-transform:uppercase;
  letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}
.nahled .lk-tip-meta{font:400 12px/1.5 var(--mono);color:var(--tlum);
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.nahled .lk-tip-meta__pill{background:var(--lime);color:var(--ink);
  border-radius:var(--pill);padding:3px 10px;font-weight:500}
.nahled .lk-hero{width:100%;max-height:320px;object-fit:cover;
  border-radius:var(--r);display:block;margin-bottom:22px}

.nahled .lk-tip-stats{display:grid;gap:12px;margin-bottom:22px;
  grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.nahled .lk-tip-stat{background:var(--lk-cream);border:var(--okraj-sila) solid var(--lk-line);
  border-radius:var(--r);padding:16px 12px;text-align:center}
.nahled .lk-tip-stat__label{font:500 11px/1.3 var(--mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--tlum);margin-bottom:8px}
.nahled .lk-tip-stat__value{font:800 26px/1.15 var(--sans);color:var(--ink)}
.nahled .lk-tip-stat:last-child .lk-tip-stat__value{font-size:19px}

.nahled .lk-tip-comment{display:flex;gap:16px;background:var(--ink);color:var(--tm-text);
  border-radius:var(--r-l);padding:24px;margin-bottom:26px}
.nahled .lk-tip-comment__avatar{width:64px;height:64px;border-radius:50%;flex:0 0 auto;
  background:var(--tm-dlazdice);display:flex;align-items:center;justify-content:center;
  font:700 15px/1 var(--sans);color:var(--tm-sek)}
.nahled .lk-tip-comment__head{display:flex;gap:10px;align-items:center;
  flex-wrap:wrap;margin-bottom:8px}
.nahled .lk-tip-comment__name{font-weight:800}
.nahled .lk-tip-comment__badge{background:var(--lime);color:var(--ink);border-radius:var(--pill);
  padding:2px 10px;font:600 11px/1.6 var(--mono)}
.nahled .lk-tip-comment p{margin:0;color:var(--tm-text-2);font-size:14px;line-height:1.6}

.nahled .lk-tip-h2{font-size:20px;font-weight:900;text-transform:uppercase;
  letter-spacing:-.01em;margin:28px 0 14px}
.nahled .lk-flight,.nahled .lk-stay,.nahled .lk-tipbox{
  border:var(--okraj-sila) solid var(--lk-line);border-radius:var(--r);background:var(--bila)}
.nahled .lk-flight{padding:20px}
.nahled .lk-flight__top{display:flex;justify-content:space-between;gap:16px;
  flex-wrap:wrap;align-items:flex-start}
.nahled .lk-flight__route{font:800 21px/1.2 var(--sans)}
.nahled .lk-flight__detail{font:400 13px/1.6 var(--mono);color:var(--tlum);
  margin-left:12px;font-weight:400}
.nahled .lk-flight__price-label{font:400 11px/1.4 var(--mono);color:var(--tlum);
  text-align:right}
.nahled .lk-flight__price{font:800 28px/1.25 var(--sans);background:var(--lime);
  padding:4px 12px;display:inline-block;margin-top:6px}
.nahled .lk-flight__actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 12px}
.nahled .lk-btn{display:inline-block;padding:13px 22px;border-radius:var(--pill);
  font:800 15px/1 var(--sans);text-decoration:none}
.nahled .lk-btn--dark{background:var(--ink);color:var(--lime)}
.nahled .lk-btn--outline{border:2px solid var(--ink);color:var(--ink)}
.nahled .lk-flight__disclaimer{font-size:12px;color:var(--meta);margin:0 0 8px}
.nahled .lk-flight__note{font:400 11px/1.5 var(--mono);color:var(--tlum)}

.nahled .lk-tipbox{background:var(--lk-cream2);border-style:dashed;padding:16px 18px;
  margin-top:18px;font-size:13px;line-height:1.6}
.nahled .lk-tipbox__tag{background:var(--lime);border-radius:var(--pill);padding:2px 9px;
  font:600 11px/1.6 var(--mono);margin-right:8px}

.nahled .lk-stay-label{font-family:var(--rukou);font-weight:600;font-size:21px;
  color:var(--meta);margin:18px 0 7px;transform:rotate(-.6deg)}
.nahled .lk-stay{display:flex;gap:16px;padding:14px}
.nahled .lk-stay__img{width:150px;height:110px;object-fit:cover;border-radius:var(--r-xs);
  flex:0 0 auto;background:var(--podklad)}
.nahled .lk-stay__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nahled .lk-stay__name{font-size:15px;font-weight:800;text-transform:none}
.nahled .lk-stay__price{font:800 15px/1.3 var(--sans);white-space:nowrap}
.nahled .lk-stay__meta{font:400 12px/1.6 var(--mono);color:var(--tlum);margin:6px 0}
.nahled .lk-stay__note{font-size:13px;color:var(--meta);margin:0}
.nahled .lk-stays-note{font:400 12px/1.5 var(--mono);color:var(--tlum);margin-top:16px}

.nahled .lk-gyg{display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.nahled .lk-gyg__card{border:var(--okraj-sila) solid var(--lk-line);border-radius:var(--r);
  overflow:hidden;text-decoration:none;color:inherit;display:block;background:var(--bila)}
.nahled .lk-gyg__img{width:100%;height:140px;object-fit:cover;display:block;
  background:var(--podklad)}
.nahled .lk-gyg__body{padding:13px}
.nahled .lk-gyg__name{font-size:14px;font-weight:800;text-transform:none;line-height:1.35}
.nahled .lk-gyg__meta{font:400 12px/1.6 var(--mono);color:var(--tlum);margin:8px 0 4px}
.nahled .lk-gyg__rating{background:var(--lime);color:var(--ink);border-radius:5px;
  padding:1px 6px;font-weight:500}
.nahled .lk-gyg__price{font-weight:800;font-size:14px}

.nahled .lk-transfers{border:var(--okraj-sila) solid var(--lk-line);border-radius:var(--r);
  padding:18px}
.nahled .lk-transfer{font-size:13px;line-height:1.7;padding:4px 0}
.nahled .lk-transfers__total{text-align:right;margin-top:10px}
.nahled .lk-transfers__total-value{font:800 20px/1.2 var(--sans);background:var(--lime);
  padding:2px 8px;border-radius:6px;display:inline-block}
.nahled .bez-fotky-nahled{display:flex;align-items:center;justify-content:center;
  font:500 10px/1 var(--mono);color:var(--tlum);background:var(--podklad)}

/* pruh se stavem načítání podkladů */
.zdroje{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.zdroj{background:var(--bila);border:var(--okraj-sila) solid var(--okraj);
  border-radius:var(--r-s);padding:12px 14px;display:flex;flex-direction:column;gap:5px}
.zdroj b{font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.zdroj.hotovo{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}
.zdroj.chyba{border-color:var(--cervena)}
#vymena-panel:not(:empty){margin-top:14px;padding-top:14px;
  border-top:1px dashed var(--okraj-seda)}
/* šablony, které teprve vzniknou — vypadají stejně, ale nejdou zmáčknout */
.volba-sablony .sablona.chystame{opacity:.45;cursor:not-allowed}
.volba-sablony .sablona.chystame:hover{background:var(--lime);color:var(--ink)}

/* úpravy textů přímo v hotovém tipu */
.nahled .zmenit-text{display:inline-block;background:var(--ink);color:var(--lime);
  border:0;border-radius:var(--pill);padding:8px 16px;cursor:pointer;
  font:700 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.04em}
.nahled .zmenit-text:hover{background:var(--lime);color:var(--ink)}
/* vlastní řádek, tlačítka zarovnaná doprava pod svým textem */
.nahled .uprava-akce{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;
  justify-content:flex-end}
.nahled .uprava{width:100%;font:400 14px/1.55 var(--sans);padding:8px 10px;
  border:2px solid var(--lime);border-radius:var(--r-xs);background:var(--bila)}
.nahled .lista-tipu{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}
.nahled .uprava-radek{margin-bottom:14px}
.nahled .lk-faq-nahled{border:var(--okraj-sila) solid var(--okraj);border-radius:var(--r);
  padding:6px 16px}
.nahled .lk-faq-radek{padding:12px 0;border-bottom:1px solid var(--okraj)}
.nahled .lk-faq-radek:last-of-type{border-bottom:0}
.pata-tipu{margin-top:18px;padding-top:16px;border-top:var(--okraj-sila) solid var(--okraj)}

/* doporučení: čtyři krémové karty 2×2 jako na webu */
.nahled .lk-reco{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.nahled .lk-reco__card{background:var(--lk-cream2);border:var(--okraj-sila) solid var(--lk-line);
  border-radius:var(--r);padding:20px 22px;display:flex;flex-direction:column}
/* tlačítka dolů, ať mají všechny karty stejně vysoké tělo */
.nahled .lk-reco__card .uprava-akce{margin-top:auto;padding-top:12px}
.nahled .lk-reco__title{font-size:16px;font-weight:800;text-transform:none;margin-bottom:10px}
.nahled .lk-reco__text{font-size:14px;line-height:1.65;color:var(--text);margin:0}
.nahled .lk-odkaz{background:var(--highlighter);padding:0 .12em}

/* časté dotazy: čtyři rámečky 2×2 s plusem */
.nahled .lk-faq{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.nahled .lk-faq__item{border:var(--okraj-sila) solid var(--lk-line);border-radius:var(--r);
  padding:18px 20px}
.nahled .lk-faq__q{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;
  font-size:15px;font-weight:800;color:var(--ink)}
.nahled .lk-faq__plus{color:var(--lime);font-weight:800;flex:0 0 auto}
.nahled .lk-faq__a{font-size:14px;line-height:1.65;color:var(--text);margin:10px 0 0}

/* název ubytování je na webu odkaz se žlutým podtržením */
.nahled .lk-stay__name{text-decoration:underline;text-decoration-color:var(--lime);
  text-decoration-thickness:2px;text-underline-offset:3px}
.nahled .lk-tipbox__link{background:var(--highlighter);font-weight:700;padding:0 .12em}
@media (max-width:760px){
  .nahled .lk-reco,.nahled .lk-faq{grid-template-columns:1fr}
}

/* na tmavé kartě komentáře se černé tlačítko ztratí, proto obráceně a doleva */
.nahled .lk-tip-comment .uprava-akce{justify-content:flex-start}
.nahled .lk-tip-comment .zmenit-text{background:var(--lime);color:var(--ink)}
.nahled .lk-tip-comment .zmenit-text:hover{background:var(--tm-text);color:var(--ink)}

/* výměna ubytování rovnou v jeho kartě */
.nahled .vymena-v-karte{display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  margin-top:12px;padding-top:12px;border-top:1px dashed var(--okraj-seda)}
.nahled .vymena-v-karte input{flex:1;min-width:220px;font:400 13px/1.4 var(--sans);
  padding:8px 10px;border:2px solid var(--lime);border-radius:var(--r-xs)}