
/* v51l – konkrétní opravy podle screenshotů:
   1) menu nesmí zalamovat "Pro koho" / "O nás" na dva řádky
   2) malý text na hero kartě musí být čitelný
   3) na podstránkách pryč tmavě zelené hero bloky
*/

/* ===== 1) MENU V JEDNÉ ŘADĚ ===== */
html body .site-header .container.nav-wrap,
html body .site-header .nav-wrap,
html body .site-header .nav-wrap--portal{
  max-width:1280px!important;
  width:100%!important;
  height:82px!important;
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  overflow:visible!important;
}

html body .site-header .brand{
  min-width:205px!important;
  width:205px!important;
  height:82px!important;
  flex:0 0 205px!important;
  overflow:visible!important;
}

html body .site-header .brand img{
  height:66px!important;
  max-height:66px!important;
  max-width:205px!important;
  width:auto!important;
  object-fit:contain!important;
  margin:0!important;
}

html body .site-header .main-nav,
html body .site-header .main-nav--portal{
  flex:1 1 auto!important;
  min-width:0!important;
  height:82px!important;
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:2px!important;
  margin-left:auto!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}

html body .site-header .main-nav > a,
html body .site-header .nav-dropdown > a{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow:visible!important;
  text-align:center!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 9px!important;
  font-size:13px!important;
  line-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}

html body .site-header .main-nav > a br,
html body .site-header .nav-dropdown > a br{
  display:none!important;
}

html body .site-header .header-phone{
  white-space:nowrap!important;
  flex:0 0 auto!important;
  font-size:13px!important;
  margin-left:6px!important;
}

html body .site-header .nav-cta,
html body .site-header .main-nav > .nav-cta{
  white-space:nowrap!important;
  min-width:132px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 17px!important;
  line-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

/* ===== 2) HERO KARTA – MALÝ TEXT ČITELNÝ ===== */
html body .hero-copy,
html body .hero-card,
html body .hero__card,
html body .hero-content,
html body .hero-panel{
  background:rgba(18,24,18,.42)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(15px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.05)!important;
}

html body .hero h1,
html body .hero-copy h1,
html body .hero-card h1,
html body .hero__card h1,
html body .hero-content h1,
html body .hero-panel h1{
  color:#fffaf0!important;
  text-shadow:0 4px 20px rgba(0,0,0,.82), 0 1px 2px rgba(0,0,0,.95)!important;
}

html body .hero p,
html body .hero-copy p,
html body .hero-card p,
html body .hero__card p,
html body .hero-content p,
html body .hero-panel p,
html body .hero .lead,
html body .hero-copy .lead{
  color:#fff7e8!important;
  opacity:1!important;
  visibility:visible!important;
  font-weight:700!important;
  text-shadow:0 2px 12px rgba(0,0,0,.78), 0 1px 2px rgba(0,0,0,.82)!important;
}

html body .hero-trust span,
html body .hero .pill,
html body .hero .chip{
  color:#fffaf0!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.70)!important;
}

/* ===== 3) PODSTRÁNKY – PRYČ TMAVÁ ZELENÁ ===== */
html body .page-hero,
html body .page-hero.has-bg,
html body .article-hero,
html body .guide-hero,
html body .education-hero,
html body .single-hero,
html body .detail-hero,
html body body.is-inner .page-hero,
html body section[class*="hero"]:not(.hero--home):not(.hero){
  background:#f7f0df!important;
  background-image:
    radial-gradient(circle at 15% 15%, rgba(255,255,255,.72), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(225,214,180,.35), transparent 30%),
    linear-gradient(180deg,#fff8e6 0%,#f1e8d4 100%)!important;
  color:#1d221c!important;
}

html body .page-hero::before,
html body .page-hero.has-bg::before,
html body .article-hero::before,
html body .guide-hero::before,
html body .education-hero::before,
html body .single-hero::before,
html body .detail-hero::before,
html body section[class*="hero"]:not(.hero--home):not(.hero)::before{
  background:linear-gradient(180deg,rgba(255,248,230,.82),rgba(241,232,212,.92))!important;
  opacity:1!important;
}

html body .page-hero h1,
html body .article-hero h1,
html body .guide-hero h1,
html body .education-hero h1,
html body .single-hero h1,
html body .detail-hero h1,
html body section[class*="hero"]:not(.hero--home):not(.hero) h1{
  color:#1d221c!important;
  text-shadow:none!important;
}

html body .page-hero p,
html body .article-hero p,
html body .guide-hero p,
html body .education-hero p,
html body .single-hero p,
html body .detail-hero p,
html body section[class*="hero"]:not(.hero--home):not(.hero) p{
  color:#5f695f!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* Nechat úvodní homepage hero fotku tmavší kvůli kontrastu – jen podstránky se zesvětlují */
html body .hero--home,
html body .hero.hero--home{
  background-color:#20271f!important;
}

/* Působnost / města – žádná tmavě zelená ani v kartách */
html body .location-section,
html body .region-section,
html body .service-area,
html body .coverage-section,
html body .locations-section,
html body .area-section,
html body section[class*="location"],
html body section[class*="region"],
html body section[class*="pusob"],
html body section[class*="area"]{
  background:linear-gradient(135deg,#fff8e6 0%,#f2ebd7 100%)!important;
  color:#1d221c!important;
}

html body .location-card,
html body .region-card,
html body .service-area-card,
html body .coverage-card,
html body [class*="location-card"],
html body [class*="region-card"],
html body [class*="area-card"]{
  background:linear-gradient(135deg,#fffdf6 0%,#efe5cc 100%)!important;
  color:#1d221c!important;
  border:1px solid rgba(45,50,40,.13)!important;
}

html body .location-card *,
html body .region-card *,
html body .service-area-card *,
html body .coverage-card *,
html body [class*="location-card"] *,
html body [class*="region-card"] *,
html body [class*="area-card"] *{
  color:#1d221c!important;
}

html body .location-card p,
html body .region-card p,
html body .service-area-card p,
html body .coverage-card p,
html body [class*="location-card"] p,
html body [class*="region-card"] p,
html body [class*="area-card"] p{
  color:#5f695f!important;
}

/* Mobil/tablet – když není místo, telefon v headeru schovat, menu zůstane nerozbité */
@media(max-width:1180px){
  html body .site-header .header-phone{
    display:none!important;
  }
  html body .site-header .brand{
    min-width:185px!important;
    width:185px!important;
    flex-basis:185px!important;
  }
  html body .site-header .brand img{
    height:60px!important;
    max-height:60px!important;
    max-width:185px!important;
  }
  html body .site-header .main-nav > a,
  html body .site-header .nav-dropdown > a{
    font-size:12.5px!important;
    padding:0 7px!important;
  }
}

@media(max-width:920px){
  html body .site-header .brand{
    min-width:0!important;
    width:auto!important;
    flex-basis:auto!important;
  }
  html body .site-header .brand img{
    height:56px!important;
    max-height:56px!important;
    max-width:220px!important;
  }
}
