/* Scope pouze do #landing, ať nic nerozbije */
#landing{
  --accent:#f39231;         /* tvoje oranžová */
  --text:#202020;
  --muted:#6b7280;
  --card:#fff;
  --shadow:0 6px 24px rgba(0,0,0,.08);
  --radius:16px;

  /* Výška slideru (default = mobily) */
  --landing-img-h:260px;
}

/* Výšky slideru podle breakpointů */
@media (min-width:576px){ #landing{ --landing-img-h:300px; } }
@media (min-width:768px){ #landing{ --landing-img-h:340px; } }
@media (min-width:992px){ #landing{ --landing-img-h:380px; } }
@media (min-width:1200px){ #landing{ --landing-img-h:420px; } }

/* Eyebrow */
#landing .landing-eyebrow{
  color:var(--muted);
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.9rem;
}

/* Titulek + podtitul */
#landing .section-title{
  font-size:clamp(2rem,2.6vw + 1.2rem,2.3rem);
  line-height:1.1;
  margin-bottom:.4rem;
}
#landing .landing-city{ position:relative; display:inline-block; }
#landing .landing-city::after{
  content:"";
  position:absolute;left:0;right:0;bottom:.08em;
  height:.42em;z-index:-1;
  background:linear-gradient(90deg,rgba(243,146,49,.25),rgba(243,146,49,.15));
  border-radius:.25em;
}
#landing .landing-sub{
  font-weight:600;
  color:var(--muted);
  font-size:clamp(1rem,.6vw + .8rem,1.15rem);
}
#landing .landing-lead p{ color:#4a4a4a; }

/* Seznam služeb */
#landing .landing-list{ list-style:none; padding:0; margin:0 0 1rem 0; max-width:720px; }
#landing .landing-list li{
  position:relative; padding-left:1.8rem; margin:.35rem 0; color:#494949;
}
#landing .landing-list li::before{
  content:"";position:absolute;left:0;top:.35rem;width:1.1rem;height:1.1rem;
  border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 3px #fff;
}
#landing .landing-list li::after{
  content:"";position:absolute;left:.34rem;top:.58rem;width:.45rem;height:.25rem;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);
}

/* Obrázkový blok (figure + Swiper) – normální velikost + kulaté rohy */
#landing .landing-figure{
  margin:0;
  border-radius:var(--radius);
  overflow:hidden;                 /* ořez rohů */
  background:var(--card);
  box-shadow:var(--shadow);
  height:var(--landing-img-h);     /* řídí výšku */
}
#landing .landing-swiper{
  width:100%;
  height:var(--landing-img-h);     /* výška slideru */
}
#landing .landing-swiper .swiper-wrapper,
#landing .landing-swiper .swiper-slide{ height:100%; }  /* slide vyplní výšku */

#landing .landing-swiper .swiper-slide{
  border-radius:var(--radius);
  overflow:hidden;
  background:#fff;
}

/* Obrázek – vyplní box, drží poměr a „nevyleze“ ven */
#landing .landing-swiper .landing-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;                /* přirozený ořez bez deformace */
}

/* Ovládání Swiperu */
#landing .landing-swiper .swiper-button-prev,
#landing .landing-swiper .swiper-button-next{
  color:#fff;
  width:38px;height:38px;
  border-radius:50%;
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(2px);
}
#landing .landing-swiper .swiper-button-prev:hover,
#landing .landing-swiper .swiper-button-next:hover{ background:rgba(0,0,0,.4); }
#landing .landing-swiper .swiper-pagination-bullet{ background:rgba(255,255,255,.8); opacity:.9; }
#landing .landing-swiper .swiper-pagination-bullet-active{ background:var(--accent); }

/* CTA – „ghost“ link + rychlé kontakty */
#landing .landing-ghost{
  font-weight:700;color:var(--accent);text-decoration:none;
  border-bottom:2px solid rgba(243,146,49,.3);padding-bottom:.15rem;
}
#landing .landing-ghost:hover{
  color:#fff;background:var(--accent);padding:.4rem .6rem;border-radius:4px;
  transition:.18s ease;border-bottom-color:transparent;
}
#landing .landing-quick a{
  color:inherit;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.25);
}
#landing .landing-quick a:hover{ color:var(--accent);border-bottom-color:var(--accent); }

/* Tlačítka pod obrázkem */
#landing .landing-buttons{ margin-top:.5rem; }
#landing .landing-buttons .btn{
  --bs-btn-color:var(--accent);
  --bs-btn-border-color:var(--accent);
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:var(--accent);
  --bs-btn-hover-border-color:var(--accent);
  --bs-btn-focus-shadow-rgb:243,146,49;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:var(--accent);
  --bs-btn-active-border-color:var(--accent);

  border-radius:10px;
  font-weight:700;
  letter-spacing:.01em;
  padding:.65rem 1rem;
  transition:transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
  display:flex; align-items:center; justify-content:center;
  white-space:nowrap;
  min-height:44px;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
#landing .landing-buttons .btn:hover{ transform:translateY(-1px); }
#landing .landing-buttons .btn:active{ transform:translateY(0); }
#landing .landing-buttons .btn:focus-visible{
  outline:none; box-shadow:0 0 0 .2rem rgba(var(--bs-btn-focus-shadow-rgb), .25);
}
@media (min-width:768px){ #landing .landing-buttons .btn{ flex:1 1 0; } }

/* Mobilní vyladění textů */
@media (max-width:991px){
  #landing .section-title{ font-size:clamp(1.8rem,5vw,2.2rem); }
  #landing .landing-list{ max-width:100%; }
}

/* (volitelné) Accordion jemné doladění – ať ladí s designem */
#landing .accordion-button{ font-weight:600; }
#landing .accordion-item{ border-radius:10px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,.06); }
#landing .accordion-item + .accordion-item{ margin-top:.75rem; }
