.sub-header {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  display: flex;
  align-items: center;
}


/* HERO – barevné ladění + overlay */
.subpage-hero {
    height: 240px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.subpage-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}


.subpage-hero::before {
    display: none;
}

.subpage-hero .hero-text {
    position: relative;
    z-index: 2;
    max-width: 900px;
    padding: 0 1.2rem;
}

.subpage-hero .hero-text h1 {
    font-size: 2.6rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.5rem;
    letter-spacing: 0.3px;
}

.subpage-hero .hero-text p {
    font-size: 1.15rem;
    color: #eafae9;
    font-weight: 500;
}

/* CONTENT – sjednocený layout */
.subpage-content {
    max-width: 1100px;
    margin: 2.5rem auto;
    padding: 0 1rem 3rem;
}

.subpage-content h2 {
    font-size: 2rem;
    color: var(--blue);
    margin-bottom: 1rem;
}

.subpage-content h3 {
    font-size: 1.35rem;
    margin-top: 1.8rem;
    margin-bottom: .7rem;
    color: var(--blue-soft);
}

.subpage-content p {
    font-size: 1.05rem;
    color: #333;
    line-height: 1.65;
}

.subpage-content ul,
.subpage-content ol {
    padding-left: 1.2rem;
    margin: 0.6rem 0 1rem;
}

.subpage-content li {
    margin-bottom: 0.4rem;
    font-size: 1.03rem;
    color: #222;
}

/* CTA tlačítko (pokud budeš chtít vložit) */
.subpage-btn {
    display: inline-block;
    margin-top: 1.6rem;
    background: var(--orange);
    padding: 0.65rem 1.4rem;
    border-radius: 6px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s;
}

.subpage-btn:hover {
    background: var(--blue);
    color: #fff;
}

/* Mobilní úpravy */
@media (max-width: 600px) {
    .subpage-hero {
        height: 300px;
    }
    .subpage-hero .hero-text h1 {
        font-size: 2rem;
    }
}

/* RESET PŮVODNÍHO HERO (aby ho nic neovlivňovalo) */
.subpage-hero {
    all: unset;            /* zruší úplně všechny staré styly */
    display: grid !important;
    grid-template-columns: 1fr 420px !important;
    height: 420px !important;
    overflow: hidden !important;
    width: 100%;
}

/* LEVÁ FOTKA */
.subpage-hero img {
    all: unset;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* PRAVÝ PANEL */
.subpage-hero .hero-text {
    all: unset;
    background: #e3e3e3;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.subpage-hero .hero-text h1 {
    margin: 0 0 .6rem;
    font-size: 2.2rem;
    font-weight: 800;
}

.subpage-hero .hero-text p {
    margin: 0;
    font-size: 1.15rem;
}

/* FINÁLNÍ HERO FIX */
/* ------------------------------------------------ */

/* ZRUŠENÍ starých stylů */
.subpage-hero {
    display: grid !important;
    grid-template-columns: 1fr 430px !important;
    height: 420px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    overflow: hidden !important;
}

/* LEVÁ FOTKA */
.subpage-hero img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* PRAVÝ ŠEDÝ PANEL */
.subpage-hero .hero-text {
    background: #d3d3d3 !important;  /* tmavší šedá */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;  /* zarovnání doprostřed VERTIKÁLNĚ */
    padding: 2.8rem 2rem !important;
    margin: 0 !important;
}

/* NADPIS A POPIS */
.subpage-hero .hero-text h1 {
    margin: 0 0 .6rem !important;
    font-size: 2.1rem !important;
    font-weight: 800 !important;
    color: #000 !important;
}

.subpage-hero .hero-text p {
    margin: 0 !important;
    font-size: 1.05rem !important;
    color: #333 !important;
}

/* PRAVÝ BLOK – TMAVŠÍ ŠEDÁ + BÍLÝ TEXT */
.subpage-hero .hero-text {
    background: #b8b8b8 !important;   /* více tmavá šedá */
    color: #ffffff !important;        /* bílé písmo */
}

/* Nadpis i popis uvnitř v bílé */
.subpage-hero .hero-text h1,
.subpage-hero .hero-text p {
    color: #ffffff !important;
}

/* PRAVÝ BLOK – TMAVŠÍ ŠEDÁ + BÍLÝ TEXT */
.subpage-hero .hero-text {
    background: #b8b8b8 !important;   /* více tmavá šedá */
    color: #ffffff !important;        /* bílé písmo */
}

/* Nadpis i popis uvnitř v bílé */
.subpage-hero .hero-text h1,
.subpage-hero .hero-text p {
    color: #ffffff !important;
}

/* =======================================
   BÍLENÍ STÁJÍ – HERO OPRAVDU 50/50
   ======================================= */

.subpage-hero{
  display: grid !important;
  grid-template-columns: 50% 50% !important;
  width: 100vw;                 /* obejde vnitřní kontejnery */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 360px;
  height: auto;
}

/* LEVÁ STRANA – FOTKA */
.subpage-hero > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* PRAVÁ STRANA – ŠEDÝ BLOK */
.subpage-hero > .hero-text{
  width: 100%;
  height: 100%;
  background: #bdbdbd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.2rem;
  box-sizing: border-box;
}

/* =======================================
   BÍLENÍ STÁJÍ – OTOČENÝ BLOK (TEXT VLEVO, FOTKA VPRAVO)
   ======================================= */

.subpage-hero.is-reverse > img{
  grid-column: 2;  /* fotka doprava */
}

.subpage-hero.is-reverse > .hero-text{
  grid-column: 1;  /* text doleva */
}

/* =======================================
   BÍLENÍ STÁJÍ – SPLIT BLOK 50/50 + REVERSE (ODOLNÉ)
   ======================================= */

/* společný základ pro všechny split bloky */
.subpage-hero{
  display: grid !important;
  grid-template-columns: 50% 50% !important;
  align-items: stretch;
}

/* UJISTÍME SE, že obrázek i text jsou v prvním řádku */
.subpage-hero img{
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* textový blok */
.subpage-hero .hero-text{
  grid-row: 1 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: visible !important;
  opacity: 1 !important;
}

/* NORMAL: fotka vlevo, text vpravo */
.subpage-hero img{ grid-column: 1 !important; }
.subpage-hero .hero-text{ grid-column: 2 !important; }

/* REVERSE: fotka vpravo, text vlevo */
.subpage-hero.is-reverse img{ grid-column: 2 !important; }
.subpage-hero.is-reverse .hero-text{ grid-column: 1 !important; }

/* =======================================
   SPLIT BLOKY – TEXT VŽDY ODZHORA (NORMAL + REVERSE)
   ======================================= */

.subpage-hero .hero-text{
  justify-content: flex-start !important; /* zruší centrování */
  align-items: flex-start;
  padding-top: 1.4rem;
  padding-bottom: 1.2rem;
  overflow: hidden;
}

/* typografie – aby se vešlo víc obsahu */
.subpage-hero .hero-text h1,
.subpage-hero .hero-text h2{
  margin-top: 0;
}

.subpage-hero .hero-text p{
  margin-top: .4rem;
  margin-bottom: .7rem;
}

.subpage-hero .hero-text ul{
  margin: .4rem 0 0;
  padding-left: 1.1rem;
}

.subpage-hero .hero-text li{
  margin-bottom: .25rem;
}

.subpage-hero .hero-text li{
  margin-bottom: 0.6rem;   /* větší mezera mezi položkami */
  line-height: 1.5;        /* lepší čitelnost vícerádkového textu */
}
/* =======================================
   KONTEJNER PRO 50/50 BLOKY – cca 90 % šířky
   ======================================= */

.wide-container{
  width: 90vw;          /* cca 90 % viewportu */
  max-width: 1600px;    /* pojistka pro velké monitory */
  margin: 0 auto;       /* centrování */
}
/* =======================================
   FINÁLNÍ NASTAVENÍ – 50/50 BLOKY V KONTEJNERU
   ======================================= */

.wide-container{
  width: 90vw;
  max-width: 1600px;
  margin: 0 auto;
}

/* fotka */
.subpage-hero img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* text */
.subpage-hero .hero-text{
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* text odshora */
  padding: 1.5rem 1.8rem;
  background: #bdbdbd;
}

/* REVERSE – jen prohození sloupců */
.subpage-hero.is-reverse img{
  grid-column: 2;
}

.subpage-hero.is-reverse .hero-text{
  grid-column: 1;
}
/* ===============================
   POPTÁVKOVÝ FORMULÁŘ – STYL
   =============================== */

.poptavka-wrapper{
  margin: 3rem auto 0;
  padding: 2.5rem 2rem;
  background: #e5e5e5; /* stejná šedá jako bloky */
  border: 1px solid rgba(20,60,30,0.2);
}

/* řádek se dvěma inputy */
.poptavka-wrapper .form-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}

/* inputy + textarea */
.poptavka-wrapper input,
.poptavka-wrapper textarea{
  width: 100%;
  padding: .6rem .65rem;
  font-size: 1rem;
  border: 1px solid rgba(20,60,30,0.35);
  background: #fff;
  font-family: inherit;
}

/* textarea */
.poptavka-wrapper textarea{
  min-height: 120px;
  resize: vertical;
  margin-bottom: 1.2rem;
}

/* submit button */
.poptavka-wrapper .btn-form{
  background: #143c1e;
  color: #fff;
  border: none;
  padding: .75rem 1.8rem;
  font-size: 1rem;
  cursor: pointer;
}

.poptavka-wrapper .btn-form:hover{
  background: #1f5f2e;
}

/* placeholder – jemnější */
.poptavka-wrapper ::placeholder{
  color: #666;
}

/* mobil */
@media (max-width: 800px){
  .poptavka-wrapper .form-row{
    grid-template-columns: 1fr;
  }
}

/* ===============================
   POPTÁVKA – UŽŠÍ BLOK
   =============================== */

.poptavka-wrapper{
  max-width: 900px;        /* ← TADY se zužuje */
  margin: 3rem auto;       /* centrování */
  padding: 2.5rem 2rem;
  background: #e5e5e5;
  border: 1px solid rgba(20,60,30,0.2);
}

/* nadpis formuláře */
.poptavka-title{
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 800;
  color: #143c1e;          /* eko zelená */
}

/* =======================================
   REVERSE BLOK – VĚTŠÍ VÝŠKA
   ======================================= */

.subpage-hero.is-reverse{
  height: 760px;   /* bylo 360px – uprav dle oka */
}

/* =======================================
   FORCE 50/50 – OPRAVA ROZBITÉHO GRIDU
   ======================================= */

.subpage-hero{
  display: grid !important;
  grid-template-columns: 50% 50% !important;
  width: 100%;
}

.subpage-hero.is-reverse img{
  grid-column: 2;
}

.subpage-hero.is-reverse .hero-text{
  grid-column: 1;
}

/* ======================================
   BÍLENÍ STÁJÍ – ÚPRAVA ZELENÉHO OVERLAYE
   ====================================== */

.sub-header::after{
  background: #A7B6AB; /* světlejší, čistší eko zelená */
}

/* ======================================
   BÍLENÍ STÁJÍ – PŘEPSÁNÍ LINKY POD HEADEREM
   ====================================== */

body .sub-header{
  border-bottom: 30px solid #fdfdfd; /* tmavá eko zelená */
}


/* fotka – VŽDY úplně dole */
.sub-header .header-bg{
  position: absolute;
  inset: 0;
  z-index: -1;            /* ← KLÍČOVÉ */
}

/* fotka samotná */
.sub-header .header-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* overlay – NAD fotkou */
.sub-header::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(47,111,70,0.65);
  z-index: 0;             /* ← NAD fotkou, POD obsahem */
}

/* obsah – úplně nahoře */
.sub-header-inner{
  position: relative;
  z-index: 1;
}

/* ======================================
   BÍLENÍ STÁJÍ – FINÁLNÍ ZKLIDNĚNÍ FOTKY
   (šedozelený nádech, nízký kontrast)
   ====================================== */

/* žádný overlay */
.sub-header::after{
  display: none !important;
}

/* fotka – klidná, do ztracena */
.sub-header .header-bg img{
  filter:
    grayscale(45%)
    brightness(0.78)
    contrast(0.85);
}
/* ======================================
   BÍLENÍ STÁJÍ – TOTÁLNÍ VYČIŠTĚNÍ HEADERU
   ====================================== */

/* 1️⃣ ZRUŠ VŠECHNY ZELENÉ VRSTVY */
.sub-header,
.site-header{
  background: none !important;
}

/* 2️⃣ ZRUŠ VŠECHNY OVERLAYE */
.sub-header::before,
.sub-header::after{
  content: none !important;
  display: none !important;
}

/* 3️⃣ FOTKA – JEDINÝ ZDROJ OBRAZU */
.sub-header .header-bg{
  position: absolute;
  inset: 0;
  z-index: -1;
}

/* 4️⃣ FOTKA – JEMNÉ ZKLIDNĚNÍ (NE ZELENÁ) */
.sub-header .header-bg img{
  filter:
    grayscale(45%)
    brightness(0.82)
    contrast(0.9);
}

/* 5️⃣ OBSAH NAD FOTKOU */
.sub-header-inner{
  position: relative;
  z-index: 1;
}

/* ======================================
   BÍLENÍ STÁJÍ – FOOTER STEJNĚ JAKO HEADER
   (bez zelené, klidný filtr)
   ====================================== */

/* 1️⃣ ZRUŠ ZELENÉ POZADÍ A GRADIENTY FOOTERU */
.site-footer{
  background: none !important;
}

/* 2️⃣ ZRUŠ VŠECHNY OVERLAYE FOOTERU */
.site-footer::before,
.site-footer::after{
  content: none !important;
  display: none !important;
}

/* 3️⃣ POKUD JE VE FOOTERU FOTKA – ZKLIDNI JI STEJNĚ */
.site-footer .header-bg img,
.site-footer img{
  filter:
    grayscale(45%)
    brightness(0.78)
    contrast(0.85);
}

/* ======================================
   BÍLENÍ STÁJÍ – PISTÁCIOVÉ JEN IKONY
   (text zůstává beze změny)
   ====================================== */

.sub-header .sub-header-contact svg,
.sub-header .sub-header-contact svg path{
  fill: #9BC9A5;
}

/* pojistka pro případ ikonového fontu */
.sub-header .sub-header-contact .icon{
  color: #9BC9A5;
}

.copyright{
  font-size: 0.9rem;
  color: #9BC9A5;       /* pistáciová */
  font-weight: 600;
}
/* ======================================
   HEADER / FOOTER – ZAROVNÁNÍ NA STŘED
   ====================================== */

.sub-header-contact,
.site-footer .footer-inner{
  display: flex;
  align-items: center;        /* vertikálně */
  justify-content: center;    /* ← KLÍČOVÉ: horizontálně */
  gap: 1
  }

/* ======================================
   FOOTER-BÍLENÍ – ZALOMENÍ NA ŘÁDKY
   ====================================== */

/* wrapper už NESMÍ být flex */
.site-footer .footer-inner{
  display: block;
  text-align: center;
}

/* text nahoře */
.site-footer .footer-inner > p{
  margin: 0 0 0.6rem;
}

/* řádek s ikonami */
.site-footer .sub-header-contact{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
}

/* copyright klidně na stejném řádku */
.site-footer .copyright{
  display: inline-block;
  margin-left: 1.2rem;
  font-size: 0.9rem;
}
/* GDPR souhlas – checkbox + text v JEDNÉ ŘÁDCE */
.gdpr-consent label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  line-height: 1.2;
}

.gdpr-consent input[type="checkbox"]{
  margin: 0;
  width: 14px;
  height: 14px;
}

.gdpr-consent a{
  text-decoration: underline;
}