/* ==========================================================================
   Ceníky — kompatibilní vrstva pro starší cenové stránky (ceniky/*.php)
   Restyluje původní legacy třídy tak, aby zapadly do aktuálního designu,
   beze změny těla jednotlivých ~70 stránek (a tedy beze změny get_doklad()
   cenových výpisů napojených na WinFAS).
   ========================================================================== */

/* Aliasy proměnných pro cenik-jak-znacime.php (jiná generace šablony) */
:root{
  --c-bg: var(--bg-alt);
  --c-border: var(--border);
  --c-primary: var(--navy);
  --c-text: var(--text);
  --c-text-muted: var(--text-muted);
  --radius-lg: var(--radius);
}

/* Titulní pruh (cenik-jak-znacime.php) — stejný vzhled jako .page-hero */
.page-title-bar{background:var(--navy);color:#fff;padding:56px 0;margin-bottom:0;}
.page-title-bar h1{color:#fff;margin:0;display:flex;align-items:center;gap:12px;}
.page-title-bar .eyebrow{color:rgba(255,255,255,.7);}

/* Layout wrapper starších cenových stránek (cenik_a_*.php) */
.telo{padding:0;}
.zakladStredTelo{max-width:var(--maxw);margin:0 auto;padding:48px 24px 88px;}
.zakladStredTelo > h1:first-child{margin-top:0;}

.clean{clear:both;}

/* Nadpisy */
.zakladStredTelo h2{font-size:1.4rem;color:var(--navy);margin:0 0 16px;}
.nadpis1{
  font-size:1.25rem;color:var(--navy);margin:48px 0 18px;padding-top:28px;
  border-top:1px solid var(--border);
}
.zakladStredTelo > .nadpis1:first-of-type{border-top:none;padding-top:0;margin-top:0;}
.nadpis2{font-size:1rem;font-weight:700;color:var(--navy);margin:0 0 12px;}
.nadpis4{font-size:.92rem;font-weight:700;color:var(--navy);margin:18px 0 8px;}

/* Produktový blok: foto vlevo + text vpravo — pevný čtvercový rámeček,
   aby všechny fotky (bez ohledu na svůj skutečný poměr stran) měly stejnou
   velikost. main.js navíc skryje nenačtené <img>, aby nebyly vidět rozbité ikony. */
img.obrVlevo, img.img-cenik, img.img-cenik-big{
  float:left;margin:0 22px 14px 0;border-radius:10px;border:1px solid var(--border);
  background:var(--bg-alt);object-fit:contain;padding:10px;
  width:140px;height:140px;
}
img.img-cenik-big{width:180px;height:180px;}
.textVlevo{overflow:hidden;padding-top:2px;margin-bottom:18px;}
.textVlevo h2{font-size:1.05rem;margin:0 0 8px;color:var(--navy);}

/* PDF / technický list odkazy */
a.pdftitle{
  display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;
  color:var(--blue);margin-top:4px;
}
a.pdftitle:hover{color:var(--amber-dark);}
a.pdftitle::before{content:"\1F4C4";font-size:.9em;}

.price-unavailable{
  margin:16px 0 10px;padding:14px 16px;background:var(--bg-alt);border:1px dashed var(--border);
  border-radius:10px;font-size:.88rem;color:var(--text-muted);
}

/* Ceníkové tabulky — get_doklad() výstup (.price-table) i ruční .table-cenik / .tabulka */
table.price-table, table.table-cenik, table.tabulka{
  width:100%;border-collapse:collapse;margin:16px 0 10px;font-size:.88rem;
  background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
table.price-table td, table.price-table th,
table.table-cenik td, table.table-cenik th,
table.tabulka td, table.tabulka th{
  padding:10px 14px;border-bottom:1px solid var(--border);text-align:left;
}
table.price-table tr:last-child td, table.table-cenik tr:last-child td, table.tabulka tr:last-child td{border-bottom:none;}
tr.tr-up, table.price-table tr.tr-up, table.table-cenik tr.tr-up{background:var(--navy);}
tr.tr-up td{color:#fff;font-weight:700;border-bottom:none;}
table.price-table tr:hover:not(.tr-up),
table.table-cenik tr:hover:not(.tr-up),
table.tabulka tr:hover{background:var(--bg-alt);}

@media (max-width:620px){
  img.obrVlevo, img.img-cenik, img.img-cenik-big{float:none;display:block;margin:0 0 14px;max-width:100%;}
  table.price-table, table.table-cenik, table.tabulka{font-size:.8rem;}
  table.price-table td, table.table-cenik td, table.tabulka td{padding:8px 10px;}
}

/* Sjednocení fotek produktů v ceníku — fotky mají různě velké bílé pozadí
   zapečené přímo v souboru, takže se přes .product-img-wrap (modré bg-alt
   pozadí) jevily jako různě velké. Bílý rámeček stejné velikosti (jako na
   stránce ARI) tenhle rozdíl schová — bílá pozadí fotek s ním splynou a
   modrá zůstane vidět jen jako tenký, vždy stejný kraj kolem rámečku. */
.product-card .product-img-wrap{position:relative;}
.product-img-frame{
  position:absolute;top:14px;right:14px;bottom:14px;left:14px;
  background:#fff;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(11,37,69,.06);
}

/* Technické listy — vyhledávání a filtr (technicke-listy.php) */
.tl-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 10px;}
.tl-toolbar input[type="search"],
.tl-toolbar select{
  padding:12px 18px;border:1px solid var(--border);border-radius:999px;
  font-family:inherit;font-size:.92rem;background:#fff;color:var(--text);
}
.tl-toolbar input[type="search"]{flex:2;min-width:240px;}
.tl-toolbar select{flex:1;min-width:220px;color:var(--navy);cursor:pointer;}
.tl-toolbar input[type="search"]:focus,
.tl-toolbar select:focus{outline:2px solid var(--blue);outline-offset:1px;}
.tl-count{font-size:.85rem;color:var(--text-muted);margin:0 0 24px;}

.tl-list{display:flex;flex-direction:column;gap:8px;}
.tl-row{
  display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);
  border-radius:10px;padding:12px 16px;transition:.15s;
}
.tl-row:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);}
.tl-row[hidden]{display:none;}
.tl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.tl-info strong{font-size:.9rem;color:var(--navy);font-weight:700;}
.tl-info span{font-size:.8rem;color:var(--text-muted);}
.tl-row .tag{flex:none;white-space:nowrap;}
.tl-row .btn-chip{flex:none;}

@media (max-width:700px){
  .tl-toolbar input[type="search"],.tl-toolbar select{flex-basis:100%;}
  .tl-row{flex-wrap:wrap;}
  .tl-info{flex-basis:100%;}
}