/* ============================================================================
   ATRIUM Exclusive — co má autorská řada navíc oproti běžnému katalogu.
   Předloha: https://atrium-marketing.lovable.app/domy/atrium-exclusive
   Hodnoty (velikosti, prostrkání, barvy) vytažené z předlohy měřením, ne od oka.

   Scoped soubor — načítá se přes <link> v system/head.php, legacy styly.css
   ani domy.css se nepřepisují.
   ============================================================================ */

/* ---------- 1) autor návrhu na kartě domu -------------------------------- */
/* pruh pod parametry karty, oddělený linkou (předloha: 11px/600/0.12em) */
.atr_karta_autor{
  display:block;
  border-top:1px solid #e2eaf2;
  padding:9px 16px 11px;
  font-size:11px;
  font-weight:600;
  letter-spacing:1.32px;
  text-transform:uppercase;
  color:#5a7a96;
  line-height:1.3;
}

/* ---------- 2) info o zúženém výpisu (filtr podle architekta) ------------ */
.atr_filtr_architekt{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 0;
}
.atr_filtr_architekt_popis{
  font-size:12px;
  font-weight:800;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#006CB0;
}
.atr_filtr_architekt_jmeno{
  font-size:15px;
  font-weight:800;
  color:#0b1a2b;
}
/* Bod 6.3 korektury 8/2026: tlačítko sedělo natěsno za jménem architekta a celý
   řádek působil nahuštěně — odsune se na pravý okraj výpisu. Na mobilu zůstává
   pod jménem, tam by u kraje bylo hůř dostupné. */
.atr_filtr_architekt_zrusit{
  margin-left:auto;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.68px;
  text-transform:uppercase;
  color:#006CB0;
  text-decoration:none;
  border-bottom:1px solid rgba(0,108,176,.35);
  padding-bottom:2px;
  transition:color .2s, border-color .2s;
}
.atr_filtr_architekt_zrusit:hover{ color:#0b1a2b; border-color:#0b1a2b; }

/* ---------- 3) medailonky architektů pod výpisem ------------------------- */
.atr_exclusive_autori{
  background:#fff;
  padding:96px 0;
}
.atr_exclusive_eyebrow{
  display:block;
  font-size:12px;
  font-weight:800;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#006CB0;
  line-height:16px;
}
.atr_exclusive_nadpis{
  margin:14px 0 0;
  font-size:42px;
  font-weight:800;
  letter-spacing:-1.05px;
  line-height:50px;
  color:#0b1a2b;
}
.atr_exclusive_perex{
  margin:16px 0 0;
  max-width:70ch;
  font-size:16px;
  font-weight:500;
  line-height:26px;
  color:#5a7a96;
}

.atr_architekti_grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  grid-auto-rows:1fr;           /* stejně vysoké karty ve všech řádcích, ať odkaz nelítá */
  gap:24px;
  margin-top:40px;
}
.atr_architekt_karta{
  display:flex;
  gap:16px;
  padding:20px;
  background:#fff;
  border:1px solid #e2eaf2;
  border-radius:6px;
  transition:box-shadow .25s, border-color .25s;
}
.atr_architekt_karta:hover{ box-shadow:0 10px 28px rgba(15,40,80,.10); }
.atr_architekt_karta.je_aktivni{
  border-color:#006CB0;
  box-shadow:0 10px 28px rgba(0,108,176,.14);
}

.atr_architekt_foto{
  flex:0 0 80px;
  width:80px;
  height:96px;
  border-radius:6px;
  overflow:hidden;
  background:#f4f7fb;
}
.atr_architekt_foto img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.atr_architekt_text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
.atr_architekt_atelier{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#006CB0;
  line-height:15px;
}
.atr_architekt_jmeno{
  margin:6px 0 0;
  font-size:16px;
  font-weight:800;
  line-height:20px;
  color:#0b1a2b;
}
.atr_architekt_popis{
  margin:8px 0 0;
  font-size:13px;
  font-weight:400;
  line-height:21px;
  color:#5a7a96;
}
.atr_architekt_odkaz{
  display:inline-block;
  align-self:flex-start;
  margin-top:auto;              /* odkaz vždy na spodku karty, ne pod textem různé délky */
  padding-top:12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.68px;
  text-transform:uppercase;
  color:#006CB0;
  text-decoration:none;
  transition:color .2s;
}
.atr_architekt_odkaz:after{
  content:"›";
  margin-left:6px;
  font-weight:600;
}
.atr_architekt_odkaz:hover{ color:#0b1a2b; }
.atr_architekt_odkaz.je_aktivni{ color:#5a7a96; }

/* ---------- responzivita ------------------------------------------------- */
@media screen and (max-width:1100px){
  .atr_architekti_grid{ grid-template-columns:repeat(2, 1fr); }
  .atr_exclusive_nadpis{ font-size:34px; letter-spacing:-.8px; line-height:42px; }
  .atr_exclusive_autori{ padding:72px 0; }
}
@media screen and (max-width:700px){
  .atr_architekti_grid{ grid-template-columns:1fr; gap:16px; }
  .atr_exclusive_nadpis{ font-size:28px; line-height:36px; }
  .atr_exclusive_perex{ font-size:15px; line-height:24px; }
  .atr_exclusive_autori{ padding:56px 0; }
  .atr_filtr_architekt{ gap:8px; }
}

/* ---------- 4) představení řady pod filtrem ----------------------------- */
.atr_exclusive_uvod{
  background:#fff;
  padding:80px 0 72px;
}
.atr_exclusive_nadpis_uvod{
  font-size:32px;
  letter-spacing:-.8px;
  line-height:40px;
  max-width:24ch;
}
.atr_exclusive_uvod_text{
  margin-top:18px;
  max-width:78ch;
}
.atr_exclusive_uvod_text p{
  margin:0 0 14px;
  font-size:15px;
  font-weight:400;
  line-height:24px;
  color:#3f556c;
}
.atr_exclusive_uvod_text p:last-child{ margin-bottom:0; }

/* autor na kartě drží zarovnání vlevo i uvnitř vycentrované karty */
.polozka_vypis_domy .atr_karta_autor{ text-align:left; }

@media screen and (max-width:1100px){
  .atr_exclusive_uvod{ padding:60px 0 56px; }
  .atr_exclusive_nadpis_uvod{ font-size:28px; line-height:36px; }
}
@media screen and (max-width:700px){
  .atr_exclusive_uvod{ padding:44px 0 40px; }
  .atr_exclusive_nadpis_uvod{ font-size:24px; line-height:32px; }
}

/* úvodní blok je bílý a začíná hned pod filtrem — horní odsazení sekce výpisu
   by pod hero nechalo prázdný modrý pruh */
.obsah_vypis_domy_dolni.ma_uvod_exclusive{ padding-top:0; }

/* Odsazení ale patří zpátky výpisu samotnému, jinak „Vyfiltrovaná nabídka" sedí
   na hraně modrého podkladu. Stejná hodnota jako má běžný katalog. */
.obsah_vypis_domy_dolni.ma_uvod_exclusive .blok_vystup_filtrace{ padding-top:70px; }

@media screen and (max-width:700px){
  .obsah_vypis_domy_dolni.ma_uvod_exclusive .blok_vystup_filtrace{ padding-top:40px; }
}

/* ---------- 5) medailonek autora na detailu domu ------------------------ */
.atr_dum_architekt{
  margin-top:18px;
  padding:20px 22px 22px;
  background:#fff;
  border:1px solid #e2eaf2;
  border-radius:6px;
}
.atr_dum_architekt_eyebrow{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:#006CB0;
}
.atr_dum_architekt_in{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:12px;
}
.atr_dum_architekt_foto{
  flex:0 0 64px;
  width:64px;
  height:76px;
  border-radius:6px;
  overflow:hidden;
  background:#f4f7fb;
}
.atr_dum_architekt_foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.atr_dum_architekt_atelier{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#006CB0;
}
.atr_dum_architekt_jmeno{
  display:block;
  margin-top:4px;
  font-size:16px;
  font-weight:800;
  line-height:20px;
  color:#0b1a2b;
}
.atr_dum_architekt_popis{
  margin:12px 0 0;
  font-size:13px;
  line-height:21px;
  color:#5a7a96;
}
.atr_dum_architekt_odkaz{
  display:inline-block;
  margin-top:12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.68px;
  text-transform:uppercase;
  color:#006CB0;
  text-decoration:none;
  transition:color .2s;
}
.atr_dum_architekt_odkaz:after{ content:"›"; margin-left:6px; font-weight:600; }
.atr_dum_architekt_odkaz:hover{ color:#0b1a2b; }


/* --- Řádek s filtrem architekta na mobilu (bod 6.3) ----------------------- */
@media only screen and (max-width:767px){
  .atr_filtr_architekt{
    gap:6px;
  }
  .atr_filtr_architekt_zrusit{
    margin-left:0;
    flex-basis:100%;
  }
}

/* --- Úvodní text ve dvou sloupcích (bod 6.3 korektury 8/2026) -------------
   Nadpis a text stály pod sebou přes celou šířku a odstavce se táhly na 1280 px.
   Podle předlohy jde nadpis vlevo a text do pravého, širšího sloupce (poměr 1 : 1,4,
   mezera 40 px). Na tabletu a mobilu zůstávají pod sebou. */
.atr_exclusive_uvod_grid{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:40px;
  align-items:start;
}
.atr_exclusive_uvod_grid .spacer{
  grid-column:1 / -1;
}
.atr_exclusive_uvod_grid .atr_exclusive_uvod_text{
  margin-top:0;
}
@media only screen and (max-width:1000px){
  .atr_exclusive_uvod_grid{
    display:block;
  }
}