/* ============================================================================
   VÝPISY ČLÁNKŮ — sjednocení se zbytkem webu (korektura klientky 8/2026)

   Přes template/vypis.php jde sedm stránek, u kterých klientka žádala „nový
   design": Příběhy dřevostaveb, Veletrhy a akce, Kde právě stavíme, Vybavení
   domu, Dvojdomy, Komerční stavby a Individuální dřevostavby.

   Šablona zůstala na původní typografii — nadpis 70 px v běžném řezu a kontejner,
   který se roztahoval do ~1520 px. Zbytek webu (katalog domů, rozcestníky, hlavní
   strana) mezitím přešel na kontejner 1280 a nadpisy 54/800.

   Soubor jen dorovnává rozdíly, scoped pod .atr-vypis — legacy třídy zůstávají,
   ať se nerozbijí stránky, které přes tuhle šablonu nechodí.
   ============================================================================ */

/* --- kontejner 1280 jako na zbytku webu ---------------------------------- */
.atr-vypis .blok_sirky_webu,
.atr-vypis .blok_sirky_webu_uzky{
  box-sizing:border-box;
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:40px;
  padding-right:40px;
}

/* --- hlavička výpisu ------------------------------------------------------ */
.atr-vypis .obsah_vypis_horni{
  padding-top:8px;
  padding-bottom:0;
}

.atr-vypis .h1_vypis{
  margin:0 0 16px;
  font-size:54px;
  line-height:60px;
  font-weight:800;
  letter-spacing:-1.36px;
  color:#0b1a2b;
  text-align:center;
}

/* Text nad články sjednocený na 18/29 jako běžný obsah webu. Drží se v užším
   sloupci — přes celých 1200 px by se řádky špatně četly. */
.atr-vypis .blok_text_nad_clanky{
  max-width:820px;
  margin:0 auto 40px;
  font-size:18px;
  line-height:29px;
  color:#5A6B7D;
  text-align:center;
}
.atr-vypis .blok_text_nad_clanky p{margin:0 0 12px}
.atr-vypis .blok_text_nad_clanky p:last-child{margin-bottom:0}
.atr-vypis .blok_text_nad_clanky a{color:#006CB0; font-weight:700}

/* --- rozestupy pod výpisem ----------------------------------------------- */
.atr-vypis .obsah_vypis_dolni{
  padding-bottom:64px;
}

/* --- mobil ---------------------------------------------------------------- */
@media (max-width:1100px){
  .atr-vypis .blok_sirky_webu,
  .atr-vypis .blok_sirky_webu_uzky{padding-left:24px;padding-right:24px}
}

@media (max-width:900px){
  .atr-vypis .h1_vypis{font-size:40px;line-height:46px;letter-spacing:-0.8px}
  .atr-vypis .blok_text_nad_clanky{margin-bottom:32px}
  .atr-vypis .obsah_vypis_dolni{padding-bottom:48px}
}

/* Klientka u mobilu žádala texty spíš doleva a úspornější výšku (bod 12). */
@media (max-width:600px){
  .atr-vypis .h1_vypis{font-size:32px;line-height:38px;letter-spacing:-0.4px;text-align:left}
  .atr-vypis .blok_text_nad_clanky{
    font-size:16px;
    line-height:26px;
    text-align:left;
    margin-bottom:24px;
  }
  .atr-vypis .obsah_vypis_horni{padding-top:4px}
  .atr-vypis .obsah_vypis_dolni{padding-bottom:36px}
}

/* --- štítek varianty na kartě (Vybavení domu, bod 10.1) -------------------
   Základ dědí od .atr-news-chip z hlavní strany, jen se barevně odliší tři
   varianty výbavy, aby šly rozeznat na první pohled. */
.atr-vyp-chip{
  text-transform:none;
  letter-spacing:.6px;
}
.atr-vyp-chip--start{
  background:rgba(255,255,255,.94);
  color:#5A6B7D;
}
.atr-vyp-chip--plus{
  background:#006CB0;
  color:#fff;
}
.atr-vyp-chip--all-inclusive{
  background:#0b1a2b;
  color:#fff;
}

/* --- Vyhledávání (bod 5 korektury 8/2026) ---------------------------------
   Stránka výsledků jela po šabloně katalogu domů, takže nad výsledky visel
   hero pruh s fotkou domu. Klientka chce jen výsledek — hlavička je pryč
   ze šablony a tady se dorovnají rozestupy po ní. */
.atr-hledej .obsah_vypis_domy_dolni{
  padding-top:24px;
}
.atr-hledej .blok_vystup_filtrace{
  margin-bottom:8px;
}
.atr-hledej-h1{
  margin:0;
  font-size:32px;
  line-height:1.25;
  font-weight:800;
  color:#0b1a2b;
  text-align:center;
}
@media only screen and (max-width:767px){
  .atr-hledej-h1{ font-size:24px; }
  .atr-hledej .obsah_vypis_domy_dolni{ padding-top:16px; }
}

/* --- Záložka „Vše" u Novinek (bod 2.1 korektury 8/2026) -------------------
   Rozcestník modulu ukazuje týž výpis článků jako kategorie, ale jede po
   šabloně rozcestníku, takže má vlastní třídy pro hlavičku a nadpis. Tady se
   dorovnají na totéž, co dostaly kategorie výš — jinak „Vše" vypadá jako
   z jiného webu než „Novinky z ATRIA". */
.atr-vypis--rozcestnik .obsah_vypis_podmenu_horni{
  padding-top:8px;
  padding-bottom:0;
}
.atr-vypis--rozcestnik .h1_vypis_podmenu{
  margin:0 0 16px;
  font-size:54px;
  line-height:60px;
  font-weight:800;
  letter-spacing:-1.36px;
  color:#0b1a2b;
  text-align:center;
}
.atr-vypis--rozcestnik .blok_text_nad_clanky{
  max-width:820px;
  margin:0 auto 40px;
  font-size:18px;
  line-height:29px;
  color:#5A6B7D;
  text-align:center;
}
.atr-vypis--rozcestnik .obsah_novinky_vypis{
  padding-bottom:64px;
}
@media only screen and (max-width:767px){
  .atr-vypis--rozcestnik .h1_vypis_podmenu{
    font-size:32px;
    line-height:40px;
    letter-spacing:-.6px;
    text-align:left;
  }
  .atr-vypis--rozcestnik .blok_text_nad_clanky{
    font-size:16px;
    line-height:25px;
    text-align:left;
  }
}

/* ---------------------------------------------------------------------------
   Dvojdomy · Komerční stavby · Individuální dřevostavby
   Realizací je hodně, takže se načítá po dvanácti a poslední řádek zůstává
   neúplný. Mřížka je stavěná z inline-block dlaždic ve vystředěném bloku, takže
   se ta zbylá trojice sama posunula doprostřed. Vnitřek srovnáme doleva; blok
   samotný zůstává vystředěný v šířce webu.
   --------------------------------------------------------------------------- */
.atr-vypis--domy .obal_polozek_vypis{ text-align:left; }


/* --- čtvrtá karta přes dva panely (Individuální dřevostavby, bod 10) -------
   Úvodní blok výpisu je velká karta (48 %) a vedle ní čtyři malé po 23 %.
   Po zkrácení na čtyři karty zbývala vpravo dole díra, tak se čtvrtá roztáhne
   na šířku obou malých.

   Výšku karet dopisuje skript inline podle jejich šířky (poměr 1:1), takže
   roztažená karta by byla i dvakrát vyšší — proto se přebíjí poměrem stran
   48:23, což je přesně šířka dvou panelů ku výšce jednoho.

   Jen nad 1100 px: v užších režimech má mřížka jiný počet sloupců a karta by
   se do řady nevešla. */
@media only screen and (min-width:1101px){
  .polozka_vypis.atr-vyp-siroka{
    width:48%;
  }
  .polozka_vypis.atr-vyp-siroka .obal_obr_vypis_in{
    height:auto !important;
    line-height:normal !important;
    aspect-ratio:48 / 23;
  }
  .polozka_vypis.atr-vyp-siroka .obal_obr_vypis img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

/* --- tři sloupce: první a čtvrtá karta přes dva panely --------------------
   Do 1100 px má mřížka tři sloupce po 31,333 % (s okraji 33,333 %). Kdyby si
   velká karta nechala dvojnásobnou výšku jako na desktopu, řady by se rozešly,
   proto je tady i ona jen přes dva panely na šířku:

        [ 1 přes dva ][ 2 ]
        [ 3 ][ 4 přes dva ]

   Šířka dvou panelů je 64,666 % (dva sloupce plus okraj mezi nimi), výška má
   zůstat jako u čtvercové karty — odtud poměr 64,666 : 31,333.

   Skript dopisuje výšku inline podle šířky karty a velké kartě ji navíc zdvojuje
   (podle třídy vypis_sirka_vyska), takže se obojí přebíjí. Plavání velké karty
   se tu ruší — v této řadě nemá co obtékat. */
@media only screen and (max-width:1100px){
  .polozka_vypis.atr-vyp-velka,
  .polozka_vypis.atr-vyp-siroka{
    width:64.666%;
    float:none;
  }
  .polozka_vypis.atr-vyp-velka .obal_obr_vypis_in,
  .polozka_vypis.atr-vyp-siroka .obal_obr_vypis_in{
    height:auto !important;
    line-height:normal !important;
    aspect-ratio:64.666 / 31.333;
  }
  .polozka_vypis.atr-vyp-velka .obal_obr_vypis img,
  .polozka_vypis.atr-vyp-siroka .obal_obr_vypis img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

/* --- dva sloupce: široké karty přes celou šířku ---------------------------
   Od 860 px má mřížka dva sloupce po 48 %. Karta „přes dva panely" je tady
   celá řada, takže se roztáhne na plnou šířku (98 % + okraje) a vedle ní už
   nezůstane mezera. Pořadí pak vychází samo:

        [ 1 přes celou ]
        [  2  ][  3  ]
        [ 4 přes celou ]

   Poměr stran 98 : 48 = šířka celé řady ku výšce čtvercové karty. */
@media only screen and (max-width:860px){
  .polozka_vypis.atr-vyp-velka,
  .polozka_vypis.atr-vyp-siroka{
    width:98%;
  }
  .polozka_vypis.atr-vyp-velka .obal_obr_vypis_in,
  .polozka_vypis.atr-vyp-siroka .obal_obr_vypis_in{
    aspect-ratio:98 / 48;
  }
}

/* --- jeden sloupec --------------------------------------------------------
   Pod 550 px jdou karty pod sebou přes celou šířku; široké se od ostatních
   ničím neliší, tak dostanou i stejný čtvercový poměr. */
@media only screen and (max-width:550px){
  .polozka_vypis.atr-vyp-velka,
  .polozka_vypis.atr-vyp-siroka{
    width:100%;
  }
  .polozka_vypis.atr-vyp-velka .obal_obr_vypis_in,
  .polozka_vypis.atr-vyp-siroka .obal_obr_vypis_in{
    aspect-ratio:1 / 1;
  }
}