/* oBydlení.cz — doplňky generátoru, verze 2 (redesign).
   ---------------------------------------------------------------------------
   Linkuje se JAKO POSLEDNÍ, za tokeny.css, clanek-rubrika.css a
   stranky-faze-2.css. Tři soubory od grafika zůstávají nedotčené — všechno,
   co musel doplnit generátor, je tady, aby se příští předaná verze dala
   nasadit prostým přepsáním těch tří souborů.

   Každý blok níž má napsané, proč tu je. Kdyby se některá věc dostala do
   předávaného CSS, smaže se odsud.
   --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------- hlavička
   OPRAVA PŘESAHU. V předaném CSS se vodorovná navigace zapíná od 1000 px, ale
   ani na 1440 px se do řádku nevejde: šest plných názvů rubrik potřebuje
   1210 px, celý řádek pak ~1520 px, a --sirka je 1240 px. Náhled grafika proto
   přetékal vodorovně na každé šířce (54 px na 390 px, 312 px na 1280 px).
   Řeší se to ve třech krocích, žádný nemění vizuální systém:

   1. Generátor píše do vodorovné navigace krátké názvy (NAV_ZKRATKY v build.py),
      plný název zůstává v title, v rozbalovacím panelu i všude jinde.
   2. Navigace se zapíná až od 1120 px. Mezi 1000 a 1120 px zůstává mobilní
      panel s rubrikami — je tam kompletní, takže se nic neztratí.
   3. Nic v řádku se nesmí zmenšovat pod svůj obsah, ale řádek se smí zlomit,
      kdyby se do něj někdo v budoucnu pokusil dostat další tlačítko. */
@media (max-width:1119px){
  .nav{display:none}
  .menu{display:block}
}
/* Pod 600 px odchází z řádku i tlačítko Ceník — je první v mobilním panelu
   („Ceník bydlení"), takže je pořád na dvě klepnutí. Bez toho přetéká
   hlavička na 390 px o 44 px. */
@media (max-width:599px){
  .cenik-odkaz{display:none}
}
.hlavicka .pruh{flex-wrap:wrap;row-gap:6px}

/* 404: řádek se dvěma tlačítky. V předaném náhledu měl inline style
   (display:flex u <p>) — inline styly v generovaném HTML nechceme, takže
   z toho je třída. Rozestup 2 px a nowrap jsou stejné jako u .hero. */
.tlacitka{display:flex;flex-wrap:wrap;gap:2px;margin:40px 0 0}

/* Ceník: obal tabulky jde přes celou šířku stránky, takže krajní sloupce
   nesmí sedět na nule jako v textovém sloupci článku — jinak cena visí
   přesně na okraji okna. Vrací jim vnitřní okraj zpátky. */
#cenik th:first-child,#cenik td:first-child{padding-left:10px}
#cenik th:last-child,#cenik td:last-child{padding-right:10px}
@media (max-width:600px){
  /* v překlopeném režimu (dvojice popisek–hodnota) je odsazení na řádku, ne
     v buňce — jinak se hodnoty rozejdou s popisky */
  #cenik th:first-child,#cenik td:first-child,
  #cenik th:last-child,#cenik td:last-child{padding-left:0;padding-right:0}
}

/* Ceník na mobilu: bez tohohle by se u překlopené tabulky ztratil štítek
   rubriky (má v sobě vlastní podklad a zarovnal by se doprava k hodnotám). */
@media (max-width:600px){
  #cenik td[data-th="Rubrika"]{align-items:center}
  #cenik td .rubrika-stitek{margin:0}
}

/* Výpis štítků a rubrik na úvodní stránce sdílí .rubrika-blok. Na přehledu
   štítků ale blok nemá seznam odkazů, jen nadpis a popis — bez tohohle by
   popis končil nalepený na dalším bloku. */
.stranka-vypis .rubriky-mriz .rubrika-blok>p.tichy:last-child{margin-bottom:0}

/* Reklamní pozice mezi textem a souvisejícími články. Šířku má stejnou jako
   textový sloupec, aby nevystupovala z rytmu stránky. */
.reklama--pred{margin:56px 0 0}

/* Ilustrace (zástupné SVG, dokud článek nemá fotku) se v redesignu chová jako
   dlaždice, ne jako fotka: neodbarvuje se a stojí na světlém odstínu rubriky.
   V clanek-rubrika.css to platí jen pro .karta img.ilustrace — tohle dorovnává
   ostatní místa, kam ilustrace může padnout. */
img.ilustrace{background:var(--rubrika-tint)}

/* Články obnovené ze staré databáze (2006–2022). Nad textem stojí upozornění,
   že jde o archiv — ceny a nabídka výrobků v nich zastaraly. Odstín bere
   z rubriky, aby stránka nevypadala jako chybová hláška. */
.archiv-poznamka{margin:0 0 28px;padding:12px 16px;border-left:3px solid var(--rubrika);
  background:var(--rubrika-tint);border-radius:0 6px 6px 0;font-size:.9rem}
.stranka-archiv .clanek__text>p:first-of-type{margin-top:0}

/* Rozcestník archivu: hustý výpis, ne dlaždice — je jich přes tisíc a jde
   hlavně o to, aby na ně vedl odkaz a daly se prolistovat. */
.archiv-rubrika{margin:0 0 40px}
.archiv-rubrika h2{margin:0 0 12px}
.archiv-seznam{margin:0;padding:0;list-style:none;columns:2;column-gap:32px}
.archiv-seznam li{break-inside:avoid;margin:0 0 6px;font-size:.95rem}
.archiv-seznam .rok{opacity:.55;font-size:.85em;margin-left:6px}
@media (max-width:700px){.archiv-seznam{columns:1}}