/* ==================================================================
   atrium.cz — REGIONÁLNÍ STRÁNKY (modul 14, template/clanek_regiony.php)
   ------------------------------------------------------------------
   Rozložení dle Lovable /regiony/zlinsko, komponenty webu: tlačítka
   .atr-btn (hp-redesign.css), slider příběhů z HP, formulář z detailu
   domu (formular.css). Kontejner 1280 jako ostatní nové stránky.
   Načítá se jen na regionální stránce (link v šabloně).
   ================================================================== */

.atr-reg .blok_sirky_webu{
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:40px;
  padding-right:40px;
  box-sizing:border-box;
  text-align:left;
}

.atr-reg-eyebrow{
  display:block;
  font-size:12px;
  line-height:16px;
  font-weight:800;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#006CB0;
  margin-bottom:12px;
}

.atr-reg-h2{
  margin:0 0 16px;
  font-size:48px;
  line-height:56px;
  font-weight:800;
  letter-spacing:-.5px;
  color:var(--atr-ink,#0b1a2b);
}

.atr-reg-perex,
.atr-reg-perex p{
  margin:0;
  font-size:18px;
  line-height:28px;
  color:var(--atr-muted,#3f556c);
}

.atr-reg-tl{ height:48px; padding:0 24px; }

/* ==================================================================
   HERO — fotka přes celou šířku, text vlevo dole
   ================================================================== */
.atr-reg-hero{
  position:relative;
  isolation:isolate;
  min-height:620px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#115A9E;
}

.atr-reg-hero-foto{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}

.atr-reg-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(6,24,45,.72) 0%, rgba(6,24,45,.45) 45%, rgba(6,24,45,.05) 80%),
             linear-gradient(0deg, rgba(6,24,45,.35) 0%, rgba(6,24,45,0) 45%);
}

.atr-reg-hero--bez-foto:after{ display:none; }

.atr-reg-hero .blok_sirky_webu{ padding-top:96px; padding-bottom:80px; }

.atr-reg-hero-obsah{ max-width:720px; color:#fff; }

.atr-reg-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  line-height:16px;
  font-weight:800;
  letter-spacing:2.4px;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:18px;
}

.atr-reg-hero-pin{ width:18px; height:18px; flex:0 0 auto; }

.atr-reg .atr-reg-h1{
  margin:0 0 20px;
  padding:0;
  font-size:60px;
  line-height:68px;
  font-weight:800;
  letter-spacing:-1px;
  color:#fff;
}

.atr-reg-hero-perex,
.atr-reg-hero-perex p{
  margin:0;
  font-size:20px;
  line-height:30px;
  color:rgba(255,255,255,.92);
}

.atr-reg-hero-akce{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}

/* druhé tlačítko na fotce: obrys bílý, hover = bílý podklad (jako hero kariéry) */
.atr-reg .atr-reg-tl--ghost{
  background:transparent !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.75);
}
.atr-reg .atr-reg-tl--ghost:hover{
  background:#fff !important;
  color:#006CB0 !important;
  border-color:#fff;
}

/* ==================================================================
   PRUH IKON
   ================================================================== */
.atr-reg-ikony{ border-bottom:1px solid var(--atr-line,#dde6ef); background:#fff; }

.atr-reg .atr-reg-ikony-seznam{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:32px;
  margin:0;
  padding:32px 0;
  list-style:none;
}

.atr-reg .atr-reg-ikona{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.atr-reg .atr-reg-ikona:before{ display:none; content:none; }

.atr-reg-ikona-svg{ width:28px; height:28px; flex:0 0 auto; color:#006CB0; margin-top:2px; }

.atr-reg-ikona-texty{ display:flex; flex-direction:column; gap:4px; }

.atr-reg-ikona-nadpis{
  font-size:16px;
  line-height:22px;
  font-weight:800;
  color:var(--atr-ink,#0b1a2b);
}

.atr-reg-ikona-text{
  font-size:14px;
  line-height:20px;
  color:var(--atr-muted,#3f556c);
}

/* ==================================================================
   VOLITELNÝ TEXT (pole „Text" článku)
   ================================================================== */
.atr-reg-text{ padding:64px 0 0; }
.atr-reg-text .blok_sirky_webu,
.atr-reg-text p,
.atr-reg-text li{ font-size:18px; line-height:29px; color:var(--atr-muted,#3f556c); }
.atr-reg-text .blok_sirky_webu > *{ max-width:880px; }

/* ==================================================================
   PŘÍBĚHY — slider z HP, hlavička vlevo, bílé pozadí
   ================================================================== */
.atr-reg .blok_reference_home.atr-reg-pribehy{ background:#fff; padding-top:80px; padding-bottom:88px; }

.atr-reg-sekce-hlavicka{ max-width:760px; margin-bottom:40px; }

.atr-reg-pribehy-akce{ display:flex; justify-content:center; margin-top:40px; }

/* ==================================================================
   KONZULTACE + REGIONÁLNÍ ZÁSTUPCI
   ================================================================== */
.atr-reg-konzultace{ background:#eaf3fb; padding:88px 0; }

.atr-reg-konzultace .blok_sirky_webu{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:64px;
  align-items:center;
}

.atr-reg-konzultace-leva{ padding-right:64px; border-right:1px solid #c9dcee; }

.atr-reg-konzultace-text h2{
  margin:0 0 20px;
  padding:0;
  font-size:40px;
  line-height:48px;
  font-weight:800;
  letter-spacing:-.5px;
  color:var(--atr-ink,#0b1a2b);
}

.atr-reg-konzultace-text p,
.atr-reg-zastupci-text p{
  margin:0 0 16px;
  font-size:18px;
  line-height:28px;
  color:var(--atr-muted,#3f556c);
}

.atr-reg .atr-reg-body ul{ margin:8px 0 0; padding:0; list-style:none; }

.atr-reg .atr-reg-body li{
  position:relative;
  margin:0 0 12px;
  padding:0 0 0 30px;
  font-size:16px;
  line-height:24px;
  color:var(--atr-ink,#0b1a2b);
  list-style:none;
  background:none;
}

/* fajfka Lucide „check" jako maska, barva webu */
.atr-reg .atr-reg-body li:before{
  content:"";
  padding:0;
  position:absolute;
  left:0;
  top:3px;
  width:18px;
  height:18px;
  background:#006CB0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
}

.atr-reg-zastupci-pin{ display:block; width:36px; height:36px; color:#006CB0; margin-bottom:20px; }

.atr-reg-h3{
  margin:0 0 12px;
  padding:0;
  font-size:28px;
  line-height:36px;
  font-weight:800;
  color:var(--atr-ink,#0b1a2b);
}

.atr-reg-zastupci-text{ margin-bottom:12px; }

/* ==================================================================
   RESPONZIVITA
   ================================================================== */
@media (max-width:1100px){
  .atr-reg .atr-reg-ikony-seznam{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 32px; }
  .atr-reg-konzultace .blok_sirky_webu{ grid-template-columns:1fr; gap:48px; }
  .atr-reg-konzultace-leva{ padding-right:0; padding-bottom:48px; border-right:0; border-bottom:1px solid #c9dcee; }
}

@media (max-width:767px){
  .atr-reg .blok_sirky_webu{ padding-left:20px; padding-right:20px; }
  .atr-reg-hero{ min-height:520px; }
  .atr-reg-hero:after{ background:linear-gradient(0deg, rgba(6,24,45,.82) 0%, rgba(6,24,45,.55) 55%, rgba(6,24,45,.2) 100%); }
  .atr-reg-hero .blok_sirky_webu{ padding-top:72px; padding-bottom:48px; }
  .atr-reg .atr-reg-h1{ font-size:38px; line-height:46px; }
  .atr-reg-hero-perex,
  .atr-reg-hero-perex p{ font-size:17px; line-height:26px; }
  .atr-reg-hero-akce .atr-reg-tl{ flex:1 1 100%; justify-content:center; }
  .atr-reg .atr-reg-ikony-seznam{ grid-template-columns:1fr; gap:20px; padding:28px 0; }
  .atr-reg-h2{ font-size:30px; line-height:38px; }
  .atr-reg-konzultace{ padding:56px 0; }
  .atr-reg-konzultace-text h2{ font-size:28px; line-height:36px; }
  .atr-reg .blok_reference_home.atr-reg-pribehy{ padding-top:56px; padding-bottom:56px; }
}