/* ==================================================================
   atrium.cz — DETAIL DOMU (karta domu), redesign fáze 2
   ------------------------------------------------------------------
   Override legacy `.obsah_clanek_*_domy` z styly.css. Šablona
   `template/clanek_domy.php` zůstává beze změny struktury, mění se
   jen vzhled — kontejner 1280 (jako zbytek webu), typografie
   redesignu, hero 560, ceník jako karta.
   Předloha: https://atrium-marketing.lovable.app/domy/grus-49
   ================================================================== */

/* --- kontejner: stejná osa jako zbytek webu ----------------------- */
.obsah_clanek_domy .blok_sirky_webu{
  max-width:1280px;
  padding-left:40px;
  padding-right:40px;
  box-sizing:border-box;
}

/* ==================================================================
   HERO
   ================================================================== */

/* legacy: calc(100vh - 134px) → přes celou obrazovku; předloha 560.
   Klientka (8/2026): 560 bylo málo, u patrových domů fotka působila oříznutě
   — hero sahá o 140 px níž, tj. tam, kde dřív začínal eyebrow „O domě". */
.obsah_clanek_domy .obal_obr_clanek_domy{ height:700px; }

/* drobečková navigace uvnitř hera, přes fotku (stejně jako výpis domů) */
.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:5;
  background:transparent;
}

.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace .polozka_navigace,
.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace a:link .polozka_navigace,
.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace a:visited .polozka_navigace{
  color:rgba(255,255,255,.8);
}

.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace a:hover .polozka_navigace{ color:#fff; }
.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace .aktivni_navigace{ color:#fff; }
.obsah_clanek_domy .obsah_clanek_horni_domy .obal_navigace .predel_navigace{ background-color:rgba(255,255,255,.55); }

/* bez hlavní fotky drží navigace tmavou barvu ze zbytku webu */
.obsah_clanek_domy .clanek_bez_hl_foto_domy .obal_navigace{ position:relative; }
.obsah_clanek_domy .clanek_bez_hl_foto_domy .obal_navigace .polozka_navigace,
.obsah_clanek_domy .clanek_bez_hl_foto_domy .obal_navigace a:link .polozka_navigace,
.obsah_clanek_domy .clanek_bez_hl_foto_domy .obal_navigace a:visited .polozka_navigace{ color:#5a7a96; }
.obsah_clanek_domy .clanek_bez_hl_foto_domy .obal_navigace .aktivni_navigace{ color:#0b1a2b; }
.obsah_clanek_domy .clanek_bez_hl_foto_domy .obal_navigace .predel_navigace{ background-color:#aebfd0; }

/* jemný přechod shora + zdola — drobečky a název domu musí být čitelné
   i na světlé fotce (obloha) */
.obsah_clanek_domy .obal_obr_clanek_domy:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(6,24,45,.42) 0%, rgba(6,24,45,0) 22%, rgba(6,24,45,0) 55%, rgba(6,24,45,.45) 100%);
}

/* název domu — legacy 120/130 w700 */
.obsah_clanek_domy .h1_clanek_domy{
  font-size:72px;
  line-height:76px;
  font-weight:800;
  letter-spacing:-1.8px;
  text-shadow:0 2px 18px rgba(6,24,45,.35);
}

.obsah_clanek_domy .obal_h1_h2_clanek_domy{ bottom:56px; }

.obsah_clanek_domy .blok_stitky_detail_domy{ margin-bottom:14px; }

.obsah_clanek_domy .stitek_detail_domy{
  font-size:12px;
  line-height:16px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  padding:6px 12px;
}

/* ==================================================================
   SEKCE PARAMETRŮ + TEXT + CENÍK
   ================================================================== */

.obsah_clanek_domy .obal_hodnoty_clanek_domy{ padding:56px 0 64px; }

/* sloupce: levý 714 / mezera 40 / pravý 446 (obsah kontejneru 1200) */
.obsah_clanek_domy .obal_hodnoty_clanek_domy_prava{ width:446px; }
.obsah_clanek_domy .obal_hodnoty_clanek_domy_leva{ margin-right:486px; }

/* --- pruh parametrů ----------------------------------------------- */
.obsah_clanek_domy .obal_hodnoty_clanek_domy_parametry{
  display:flex;
  flex-wrap:wrap;
  gap:18px 32px;
  margin-bottom:36px;
}

.obsah_clanek_domy .hodnota_clanek_domy{
  display:block;
  margin:0;
}

.obsah_clanek_domy .hodnota_clanek_domy_co{
  font-size:11px;
  line-height:16px;
  font-weight:600;
  letter-spacing:.55px;
  text-transform:uppercase;
  color:#5A7A96;
  white-space:nowrap;
}

.obsah_clanek_domy .hodnota_clanek_domy_kolik{
  font-size:18px;
  line-height:28px;
  font-weight:800;
  color:var(--atr-ink,#0b1a2b);
  padding-left:26px;             /* místo pro ikonu (bitmapa v pozadí) */
  background-size:18px;
  white-space:nowrap;
}

/* --- nadpisy sekcí (půdorysy, galerie, milníky) --------------------
   stejná velikost jako sekční nadpisy na zbytku webu (HP, výpisy) */
.obsah_clanek_domy .nadpis_v_detail,
.obsah_clanek_domy .h2_nadpis_vypis_dum{
  font-size:48px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-1.2px;
  color:var(--atr-ink,#0b1a2b);
  padding-bottom:40px;
}

/* --- nadpis + text v popisu domu ---------------------------------- */
.obsah_clanek_domy .eyebrow_clanek_domy{
  display:block;
  font-size:11px;
  line-height:16px;
  font-weight:800;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:#006CB0;
  margin-bottom:10px;
}


.obsah_clanek_domy .texty_clanek_domy .nadpis_v_detail{
  font-size:38px;
  line-height:48px;
  font-weight:800;
  letter-spacing:-.95px;
  color:var(--atr-ink,#0b1a2b);
  padding-bottom:0;
  margin:0 0 20px;
}

.obsah_clanek_domy .texty_clanek_domy,
.obsah_clanek_domy .texty_clanek_domy p,
.obsah_clanek_domy .texty_clanek_domy li{
  font-size:18px;
  line-height:29px;
  color:var(--atr-muted,#3f556c);
}

.obsah_clanek_domy .texty_clanek_domy p{ margin:0 0 16px; }
.obsah_clanek_domy .texty_clanek_domy strong{ color:var(--atr-ink,#0b1a2b); }

/* ==================================================================
   CENÍK
   ================================================================== */

.obsah_clanek_domy .blok_s_cenami_domy{
  border-left:0;
  border:1px solid #DBE6F2;
  padding:24px;
  box-shadow:0 10px 28px rgba(15,40,80,.08);
}

.obsah_clanek_domy .blok_s_cenami_domy_horni{ padding-bottom:18px; }

.obsah_clanek_domy .polozka_hl_cena_nadpis{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  color:var(--atr-ink,#0b1a2b);
  margin-bottom:6px;
}

.obsah_clanek_domy .polozka_hl_cena_nadpis .typ_ceny_s_otaznikem{
  color:#006CB0;
  padding-right:22px;
  background-size:14px;
  background-position:right 3px;
}

.obsah_clanek_domy .polozka_hl_cena_hodnota{
  font-size:30px;
  line-height:36px;
  font-weight:800;
  letter-spacing:-.75px;
  color:var(--atr-ink,#0b1a2b);
  padding-right:56px;
}

.obsah_clanek_domy .polozka_hl_cena_hodnota .s_dph{
  font-size:14px;
  line-height:20px;
  font-weight:700;
  top:4px;
  color:#5A7A96;
}

.obsah_clanek_domy .blok_s_cenami_domy_dolni{
  padding-top:18px;
  border-top:1px solid #E4EDF6;
}

.obsah_clanek_domy .polozka_ceny_domy_dolni{ margin-bottom:8px; }

.obsah_clanek_domy .polozka_ceny_domy_dolni_popis{
  font-size:15px;
  line-height:22px;
  color:var(--atr-muted,#3f556c);
  margin-bottom:0;
}

.obsah_clanek_domy .polozka_ceny_domy_dolni_popis .typ_ceny_s_otaznikem{
  color:#006CB0;
  padding-right:20px;
  background-size:13px;
  background-position:right 2px;
}

.obsah_clanek_domy .polozka_ceny_domy_dolni_hodnota{
  font-size:16px;
  line-height:22px;
  font-weight:800;
  color:var(--atr-ink,#0b1a2b);
  padding-right:38px;
}

.obsah_clanek_domy .polozka_ceny_domy_dolni_hodnota .s_dph{
  font-size:12px;
  line-height:18px;
  font-weight:700;
  top:2px;
  color:#5A7A96;
}

/* --- cena „na dotaz“ (korektura 25. 8. 2026) -------------------------------
   Když dům nemá cenu vyplněnou, stojí místo částky text. Odpadá s ním poznámka
   „s DPH“, a tím i mezera, kterou pro ni cena vpravo drží. U hlavní ceny je text
   o něco menší než číslo, aby se na jeden řádek vešel i na užším sloupci. */
.obsah_clanek_domy .polozka_hl_cena_hodnota:has(.cena_na_dotaz),
.obsah_clanek_domy .polozka_ceny_domy_dolni_hodnota:has(.cena_na_dotaz){
  padding-right:0;
}

.obsah_clanek_domy .polozka_hl_cena_hodnota .cena_na_dotaz{
  font-size:24px;
  line-height:32px;
  letter-spacing:-.4px;
}

.obsah_clanek_domy .popisek_ceny_domy,
.obsah_clanek_domy .popisek_ceny_domy p{
  font-size:11px;
  line-height:16px;
  color:#7a90a6;
}

.obsah_clanek_domy .popisek_ceny_domy{ margin:14px 0 18px; }

/* bublina s vysvětlivkou */
.obsah_clanek_domy .typ_ceny_s_otaznikem_popis_in{
  width:240px;
  padding:16px 18px;
  font-size:13px;
  line-height:19px;
  border-color:#DBE6F2;
  box-shadow:0 12px 30px rgba(15,40,80,.14);
}

/* odkaz na studie k danému typu domu */
.obsah_clanek_domy .tl_varianty_domu{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  padding:12px 24px;
  background-color:#006CB0;
  border-color:#006CB0;
  border-radius:6px;
  transition:background-color .2s var(--atr-ease,ease), border-color .2s var(--atr-ease,ease);
}

.obsah_clanek_domy .tl_varianty_domu:hover{
  opacity:1;
  background-color:#0b1a2b;
  border-color:#0b1a2b;
}

/* ==================================================================
   SOUBORY KE STAŽENÍ (studie domu)
   ================================================================== */

.obsah_clanek_domy .blok_soubory_domy{ margin-top:16px; }

/* jediný soubor zabere celou šířku sloupce (legacy mřížka 49 % je pro víc položek) */
.obsah_clanek_domy .blok_soubory_domy > a:only-of-type .polozka_soubor_domy{
  width:100%;
  margin-right:0;
}

.obsah_clanek_domy .polozka_soubor_domy{
  padding:64px 20px 22px;
  border:1px solid #DBE6F2;
  border-radius:6px;
  background-position:center 24px;
  background-size:28px;
  box-shadow:0 10px 28px rgba(15,40,80,.08);
  transition:border-color .2s var(--atr-ease,ease), box-shadow .2s var(--atr-ease,ease);
}

.obsah_clanek_domy a:hover .polozka_soubor_domy{
  border-color:#9dc0dd;
  box-shadow:0 14px 34px rgba(15,40,80,.14);
}

.obsah_clanek_domy .polozka_soubor_domy_nazev{
  font-size:16px;
  line-height:24px;
  font-weight:800;
  height:auto;
  color:var(--atr-ink,#0b1a2b);
  margin-bottom:14px;
}

.obsah_clanek_domy .polozka_soubor_domy_tl{
  padding:9px 20px;
  font-size:13px;
  line-height:18px;
  font-weight:800;
  color:#006CB0;
  border-color:#006CB0;
  border-radius:6px;
  transition:background-color .2s var(--atr-ease,ease), color .2s var(--atr-ease,ease);
}

.obsah_clanek_domy .polozka_soubor_domy:hover .polozka_soubor_domy_tl,
.obsah_clanek_domy a:hover .polozka_soubor_domy_tl{
  background-color:#006CB0;
  color:#fff;
}

.obsah_clanek_domy .tl_dalsi_materialy{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  color:#006CB0;
}

/* ==================================================================
   PŮDORYSY
   ================================================================== */

.obsah_clanek_domy .blok_pudorysy_domy{ padding:72px 0 80px; }

/* jediný půdorys dostane skoro celou šířku (předloha 920 z 1220);
   u dvou a více zůstává legacy dvousloupcová mřížka */
.obsah_clanek_domy .blok_pudorysy_domy .polozka_pudorysy_domy{
  width:76%;
  margin:0;
}

.obsah_clanek_domy .blok_pudorysy_domy .blok_sirky_webu:has(.polozka_pudorysy_domy + .polozka_pudorysy_domy) .polozka_pudorysy_domy{
  width:46%;
  margin:0 2%;
}

/* výšku diktuje obrázek, ne poměrová pomocná třída (JS ji dopočítává
   z .pomer_fotek_pudorys a u širokého boxu obrázek zbytečně ořezávala) */
.obsah_clanek_domy .polozka_pudorys_in{
  height:auto !important;
  line-height:0 !important;
}

.obsah_clanek_domy .polozka_pudorys img{
  width:100%;
  height:auto;
  max-height:none;
}

.obsah_clanek_domy .popis_pudorysy_domy{
  font-size:15px;
  line-height:22px;
  color:#5A7A96;
  margin-top:16px;
}

.obsah_clanek_domy .obal_tlacitek_pudorysy_domy{ margin-top:36px; }

.obsah_clanek_domy .tl_pudorysy_domy{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  padding:12px 46px 12px 24px;
  background-color:#006CB0;
  border-color:#006CB0;
  background-size:14px;
  background-position:right 22px center;
  transition:background-color .2s var(--atr-ease,ease), border-color .2s var(--atr-ease,ease), color .2s var(--atr-ease,ease);
}

.obsah_clanek_domy .tl_pudorysy_domy:hover{
  background-color:#0b1a2b;
  border-color:#0b1a2b;
  color:#fff;
  background-image:url("../../img/ikony/sipka_bila.png");
}

/* ==================================================================
   SOUVISEJÍCÍ DOMY / ČLÁNKY (cik-cak bloky pod 10 kroky)
   předloha je nemá, obsah ale existuje → sladit s typografií webu
   ================================================================== */

.obsah_clanek_domy .obsah_pribeh_clanek_domy{ padding:72px 0 80px; }

.obsah_clanek_domy .nadpis_cik_cak{
  font-size:38px;
  line-height:48px;
  font-weight:800;
  letter-spacing:-.95px;
  color:var(--atr-ink,#0b1a2b);
}

.obsah_clanek_domy .cik_cak_td_text p,
.obsah_clanek_domy .cik_cak_td_text li{
  font-size:18px;
  line-height:29px;
  color:var(--atr-muted,#3f556c);
}

.obsah_clanek_domy .cik_cak_td_text strong{ color:var(--atr-ink,#0b1a2b); }

/* ==================================================================
   RESPONZIVITA
   ================================================================== */

@media screen and (max-width:1200px){
  .obsah_clanek_domy .obal_hodnoty_clanek_domy_prava{ width:400px; }
  .obsah_clanek_domy .obal_hodnoty_clanek_domy_leva{ margin-right:436px; }
  .obsah_clanek_domy .h1_clanek_domy{ font-size:60px; line-height:64px; letter-spacing:-1.4px; }
}

@media screen and (max-width:980px){
  .obsah_clanek_domy .obal_obr_clanek_domy{ height:520px; }
  /* pod sebou: nejdřív parametry a popis domu, ceník až za nimi
     (ve zdroji je pravý sloupec první kvůli floatu) */
  .obsah_clanek_domy .obal_hodnoty_clanek_domy .blok_sirky_webu{
    display:flex;
    flex-direction:column;
  }
  .obsah_clanek_domy .obal_hodnoty_clanek_domy_leva{ order:1; margin-right:0; }
  .obsah_clanek_domy .obal_hodnoty_clanek_domy_prava{ order:2; float:none; width:100%; margin-top:32px; }
  .obsah_clanek_domy .obal_hodnoty_clanek_domy{ padding:40px 0 48px; }
  .obsah_clanek_domy .nadpis_v_detail,
  .obsah_clanek_domy .h2_nadpis_vypis_dum{ font-size:36px; padding-bottom:30px; }
  .obsah_clanek_domy .texty_clanek_domy .nadpis_v_detail,
  .obsah_clanek_domy .nadpis_cik_cak{ font-size:32px; line-height:40px; }
}

@media screen and (max-width:700px){
  .obsah_clanek_domy .blok_sirky_webu{ padding-left:20px; padding-right:20px; }
  .obsah_clanek_domy .obal_obr_clanek_domy{ height:400px; }
  .obsah_clanek_domy .h1_clanek_domy{ font-size:38px; line-height:44px; letter-spacing:-.9px; }
  .obsah_clanek_domy .obal_h1_h2_clanek_domy{ bottom:28px; }
  .obsah_clanek_domy .obal_hodnoty_clanek_domy_parametry{ gap:14px 24px; }
  .obsah_clanek_domy .nadpis_v_detail,
  .obsah_clanek_domy .h2_nadpis_vypis_dum{ font-size:28px; padding-bottom:24px; }
  .obsah_clanek_domy .texty_clanek_domy .nadpis_v_detail{ font-size:28px; line-height:36px; }
  .obsah_clanek_domy .texty_clanek_domy,
  .obsah_clanek_domy .texty_clanek_domy p,
  .obsah_clanek_domy .texty_clanek_domy li,
  .obsah_clanek_domy .cik_cak_td_text p,
  .obsah_clanek_domy .cik_cak_td_text li{ font-size:16px; line-height:26px; }
  .obsah_clanek_domy .nadpis_cik_cak{ font-size:28px; line-height:36px; }
  .obsah_clanek_domy .obsah_pribeh_clanek_domy{ padding:48px 0 56px; }
  .obsah_clanek_domy .polozka_hl_cena_hodnota{ font-size:26px; line-height:32px; }
  .obsah_clanek_domy .blok_pudorysy_domy{ padding:48px 0 56px; }
  .obsah_clanek_domy .blok_pudorysy_domy .polozka_pudorysy_domy{ width:100%; }
}

/* --- Detail mimo katalog (body 6.5–6.7 korektury 8/2026) ------------------
   Dvojdomy, Komerční stavby a Individuální dřevostavby nemají cenový panel
   ani střešní parametry, takže pravý sloupec nese nanejvýš soubory ke stažení.
   Když v něm nezbude nic, roztáhne se obsah přes celou šířku. */
.atr-dum-bez-ceniku .obal_hodnoty_clanek_domy_prava{
  align-self:flex-start;
}
.obal_hodnoty_clanek_domy_leva.atr-dum-leva-plna{
  width:100%;
  max-width:none;
  margin-right:0;
}