
/* ==========================================================
   v51j FINÁLNÍ STYLOVÁ OPRAVA
   - menší logo než v51i, ale větší než původní
   - stabilní výška menu pruhu
   - viditelné plovoucí volání vpravo dole
   - pryč agresivní zelené bloky napříč webem
   - čitelná patička
   - hover u všech klikacích prvků
   - zachovává HTML, menu a obsah
   ========================================================== */

:root{
  --green-950:#24271f !important;
  --green-900:#30362c !important;
  --green-800:#485142 !important;
  --green-700:#6f7b68 !important;
  --green:#7f8d78 !important;
  --ink:#1d221c !important;
  --muted:#687166 !important;
  --sage:#dfe7d3 !important;
  --sage-2:#f1f5ea !important;
  --beige:#d7b85a !important;
  --beige-2:#fff4d4 !important;
  --line:rgba(45,50,40,.13) !important;
  --shadow:0 22px 58px rgba(35,38,30,.12) !important;

  --zp-bg:#f6eedc;
  --zp-bg2:#fbf7ec;
  --zp-card:#fffdf6;
  --zp-card2:#fdf8eb;
  --zp-ink:#1d221c;
  --zp-text:#2f372f;
  --zp-muted:#667064;
  --zp-sage:#e3ead8;
  --zp-sage2:#f1f5ea;
  --zp-gold:#d7b85a;
  --zp-gold2:#f1dc8e;
  --zp-line:rgba(45,50,40,.13);
}

html,body{
  background:var(--zp-bg)!important;
  color:var(--zp-text)!important;
}
body{
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important;
}
main{
  background:linear-gradient(180deg,#f8f1df 0%,#fbf7ec 38%,#f5eddc 100%)!important;
}
h1,h2,h3,h4,h5,h6{
  color:var(--zp-ink)!important;
}
p,li,dd,figcaption{
  color:var(--zp-muted)!important;
}

/* ===== HLAVIČKA ===== */
.site-header,
.site-header--overlay,
.site-header.is-scrolled,
body.is-home .site-header,
body.is-inner .site-header{
  background:rgba(255,253,246,.97)!important;
  background-image:linear-gradient(180deg,#fffdf7,#f3ead5)!important;
  border-bottom:1px solid rgba(45,50,40,.13)!important;
  box-shadow:0 12px 30px rgba(31,34,25,.10)!important;
  color:var(--zp-ink)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.nav-wrap,
.nav-wrap--portal{
  height:82px!important;
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  overflow:visible!important;
}
.brand{
  min-width:235px!important;
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  flex-shrink:0!important;
  overflow:visible!important;
}
.brand img{
  height:76px!important;
  max-height:76px!important;
  max-width:310px!important;
  width:auto!important;
  object-fit:contain!important;
  margin:0!important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.08))!important;
}

/* Menu – rovné, čitelné, bez chaosu */
.main-nav,
.main-nav--portal{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  margin-left:auto!important;
  min-height:82px!important;
}
.main-nav > a,
.nav-dropdown > a{
  color:var(--zp-ink)!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:850!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-shadow:none!important;
  opacity:1!important;
  background:transparent!important;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
}
.main-nav > a:hover,
.nav-dropdown > a:hover,
.main-nav .is-active{
  background:var(--zp-sage)!important;
  color:#20271f!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 20px rgba(40,45,35,.08)!important;
}
.nav-cta,
.site-header .nav-cta,
.main-nav > .nav-cta{
  height:44px!important;
  min-height:44px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--zp-gold2),var(--zp-gold))!important;
  color:#19160f!important;
  border:1px solid rgba(120,86,20,.16)!important;
  font-weight:950!important;
  box-shadow:0 12px 26px rgba(178,132,36,.25)!important;
}
.nav-cta:hover,
.site-header .nav-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(178,132,36,.35)!important;
  color:#19160f!important;
}
.header-phone{
  color:var(--zp-ink)!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  opacity:1!important;
}
.header-phone svg{
  color:#8c6d19!important;
}

/* Dropdowny */
.mega-menu{
  background:#fffdf6!important;
  background-image:linear-gradient(180deg,#fffdf6,#f5eedc)!important;
  border:1px solid var(--zp-line)!important;
  box-shadow:0 26px 75px rgba(25,28,20,.18)!important;
  color:var(--zp-ink)!important;
}
.mega-menu,
.mega-menu *,
.mega-menu a,
.mega-menu strong,
.mega-menu span{
  color:var(--zp-ink)!important;
  opacity:1!important;
  text-shadow:none!important;
}
.mega-menu a:hover{
  background:#f7efd8!important;
  transform:translateY(-1px)!important;
}

/* ===== HERO ===== */
.hero,
.hero--home,
.hero.hero--home{
  background-color:#24271f!important;
}
.hero--bg::before{
  background-image:linear-gradient(180deg,rgba(20,24,18,.56),rgba(20,24,18,.62)),var(--hero-bg-image)!important;
}
.hero-copy,
.hero-grid--single .hero-copy{
  background:rgba(255,253,246,.20)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
}
.hero h1,
.hero-copy h1{
  color:#fffaf0!important;
  text-shadow:0 4px 20px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.90)!important;
}
.hero p,
.hero-copy p{
  color:#fff5dd!important;
  text-shadow:0 2px 12px rgba(0,0,0,.62)!important;
  font-weight:650!important;
}
.hero-trust span{
  background:rgba(255,255,255,.20)!important;
  color:#fff6e3!important;
  border:1px solid rgba(255,255,255,.28)!important;
  text-shadow:0 1px 6px rgba(0,0,0,.45)!important;
}
.btn,
.btn-primary,
.btn-soft,
.hero .btn,
.hero .btn-primary{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}
.hero .btn-primary,
.btn-primary{
  background:linear-gradient(180deg,var(--zp-gold2),var(--zp-gold))!important;
  color:#17140d!important;
  box-shadow:0 18px 34px rgba(0,0,0,.22)!important;
}
.hero .btn-ghost,
.btn-ghost{
  background:rgba(255,255,255,.20)!important;
  color:#fff8e7!important;
  border-color:rgba(255,255,255,.35)!important;
  text-shadow:0 1px 8px rgba(0,0,0,.45)!important;
}
.btn:hover,
.btn-primary:hover,
.btn-soft:hover,
.btn-ghost:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 42px rgba(35,38,30,.20)!important;
}

/* ===== PLOVOUCÍ TELEFON VPRAVO DOLE – musí být viditelný ===== */
.float-call{
  position:fixed!important;
  right:22px!important;
  bottom:82px!important;
  z-index:9999!important;
  width:66px!important;
  height:66px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#fff0a8,#d7b85a)!important;
  color:#18150d!important;
  font-size:31px!important;
  line-height:1!important;
  border:2px solid rgba(255,255,255,.95)!important;
  box-shadow:0 20px 44px rgba(40,34,18,.28)!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
}
.float-call:hover{
  transform:translateY(-3px) scale(1.04)!important;
  box-shadow:0 26px 55px rgba(40,34,18,.36)!important;
}

/* ===== ZRUŠIT MALÉ ŽLUTÉ NADPISY ===== */
.eyebrow,
.section-kicker,
.kicker,
.overline,
.page-hero .eyebrow,
.section-head .eyebrow,
.location-card .eyebrow{
  display:none!important;
}

/* ===== OBECNÉ KARTY / KLIKACÍ PRVKY ===== */
.card,
.service-card,
.service-card-new,
.ref-card,
.article-list article,
.quick-grid a,
.proof-list div,
.timeline div,
.content-block,
.side-card,
.inquiry-form,
.contact-copy{
  background:var(--zp-card)!important;
  border:1px solid var(--zp-line)!important;
  box-shadow:0 16px 42px rgba(35,38,30,.08)!important;
  color:var(--zp-ink)!important;
  transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease,background .20s ease!important;
}
.service-card-new:hover,
.service-card:hover,
.ref-card:hover,
.article-list article:hover,
.quick-grid a:hover,
.proof-list div:hover,
.timeline div:hover,
a.card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 26px 62px rgba(35,38,30,.15)!important;
  border-color:rgba(215,184,90,.55)!important;
}
a:hover,
.svc-more:hover,
.ref-card a:hover,
.article-list a:hover,
.contact-direct a:hover,
.site-footer a:hover{
  color:#8c6d19!important;
}

/* Služby – rajský jemný vzhled */
.services-section{
  background:linear-gradient(180deg,#fbf7ec,#f3ecda)!important;
}
.cards--services-new{
  background:rgba(255,253,246,.60)!important;
  border:1px solid rgba(45,50,40,.10)!important;
  border-radius:36px!important;
  padding:22px!important;
  box-shadow:0 26px 75px rgba(35,38,30,.10)!important;
}
.service-card-new{
  border-radius:26px!important;
  text-align:center!important;
  min-height:unset!important;
  overflow:hidden!important;
}
.service-card-new h2{
  color:var(--zp-ink)!important;
  line-height:1.08!important;
}
.service-card-new p{
  color:var(--zp-muted)!important;
}
.svc-icon-circle{
  background:var(--zp-sage2)!important;
  color:#69755f!important;
}
.svc-tag,
.svc-tags span,
.tag,
.pill,
.chip,
.scope-chips span,
.meta-pill{
  background:#fff5d7!important;
  color:#3b3827!important;
  border:1px solid rgba(215,184,90,.45)!important;
}

/* ===== PŮSOBNOST / MĚSTA – pryč zelený blok ===== */
.location-section,
.region-section,
.service-area,
.coverage-section,
.locations-section,
.area-section,
section[class*="location"],
section[class*="region"],
section[class*="pusob"],
section[class*="area"]{
  background:linear-gradient(135deg,#fff8e6 0%,#f2ebd7 100%)!important;
  color:var(--zp-ink)!important;
}
.location-card,
.region-card,
.service-area-card,
.coverage-card,
[class*="location-card"],
[class*="region-card"],
[class*="area-card"]{
  background:linear-gradient(135deg,#fffdf6 0%,#f0e7cf 100%)!important;
  color:var(--zp-ink)!important;
  border:1px solid rgba(45,50,40,.13)!important;
  box-shadow:0 24px 65px rgba(35,38,30,.12)!important;
}
.location-card *,
.region-card *,
.service-area-card *,
.coverage-card *,
[class*="location-card"] *,
[class*="region-card"] *,
[class*="area-card"] *{
  color:var(--zp-ink)!important;
}
.location-card p,
.region-card p,
.service-area-card p,
.coverage-card p,
[class*="location-card"] p,
[class*="region-card"] p,
[class*="area-card"] p{
  color:var(--zp-muted)!important;
}
.locations span,
.locations--large span,
.city-pill,
.region-pill,
.location-card .locations span,
.location-card a{
  background:#fffdf6!important;
  color:#2f352d!important;
  border:1px solid rgba(215,184,90,.42)!important;
  box-shadow:0 9px 20px rgba(35,38,30,.08)!important;
}
.locations span:hover,
.locations--large span:hover,
.city-pill:hover,
.region-pill:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 13px 28px rgba(35,38,30,.14)!important;
}

/* ===== Patička čitelně ===== */
.site-footer,
footer{
  background:#1e241d!important;
  background-image:linear-gradient(180deg,#252b22,#171d17)!important;
  color:#fff6df!important;
}
.site-footer *,
footer *{
  color:#fff6df!important;
  opacity:1!important;
}
.site-footer p,
footer p,
.site-footer li,
footer li,
.footer-note{
  color:rgba(255,246,223,.82)!important;
}
.site-footer h3,
footer h3{
  color:#fff6df!important;
}
.site-footer a,
footer a{
  color:#fff6df!important;
  text-decoration:none!important;
}
.site-footer .footer-logo,
footer .footer-logo{
  background:rgba(255,253,246,.96)!important;
  border-radius:16px!important;
  padding:9px!important;
  max-width:170px!important;
  height:auto!important;
}

/* Kontaktní formulář */
input[name="web"],
label:has(input[name="web"]),
.honeypot,
.hp-field{
  position:absolute!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Mobil */
@media(max-width:1180px){
  .brand{min-width:210px!important;}
  .brand img{height:68px!important;max-height:68px!important;max-width:280px!important;}
  .main-nav > a,
  .nav-dropdown > a{font-size:13px!important;padding:0 9px!important;}
  .header-phone{display:none!important;}
}
@media(max-width:900px){
  .nav-wrap,.nav-wrap--portal{height:72px!important;min-height:72px!important;}
  .brand{height:72px!important;min-width:0!important;}
  .brand img{height:58px!important;max-height:58px!important;max-width:230px!important;}
  .nav-toggle span{background:var(--zp-ink)!important;}
  .main-nav{
    background:#fffdf6!important;
    border:1px solid rgba(45,50,40,.13)!important;
    box-shadow:0 22px 58px rgba(35,38,30,.18)!important;
  }
  .main-nav *,
  .main-nav a{
    color:var(--zp-ink)!important;
  }
}
@media(max-width:640px){
  .float-call{
    width:58px!important;
    height:58px!important;
    font-size:27px!important;
    right:16px!important;
    bottom:74px!important;
  }
}
