/* PARANDATUD: Päise taustapilt - päise ALL pealkirja sektsioonis, FILTRI TA */

/* 1. EEMALDA taustapilt päisest - taasta läbipaistev päis */
#masthead {
  background-image: none !important;
  background: transparent !important;
}

#masthead::before {
  display: none !important;
}

/* 2. LISA taustapilt pealkirja sektsioonile (.entry-hero) - päise ALL, kogu laiuses */
.entry-hero {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  min-height: 200px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2.1. Veendu, et container-inner ei kata taustapilti */
.entry-hero .entry-hero-container-inner {
  background: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 2;
}

/* 2.2. Veendu, et hero-container ei kata taustapilti */
.entry-hero .hero-container {
  background: transparent !important;
  background-image: none !important;
}

/* 3. EEMALDA Kadence teema .hero-section-overlay taust (kui on seadistatud) */
.entry-hero .hero-section-overlay {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* 4. EEMALDA gradient overlay - pilt jääb täiesti selge */
.entry-hero::before {
  display: none !important;
}

/* 5. Veendu, et pealkiri ja kõik sisu on pildi peal */
.entry-hero > *,
.entry-hero .entry-hero-container-inner,
.entry-hero .entry-hero-container-inner > *,
.entry-hero .entry-header,
.entry-hero .hero-container {
  position: relative;
  z-index: 2;
}

/* 6. Paranda pealkirja tekstide kontrasti ja loetavust - VALGE tekst varjuga */
.entry-hero .entry-title,
.entry-hero h1.entry-title,
.entry-hero .entry-header h1 {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* 7. Breadcrumb'ide (kui on) loetavus */
.entry-hero .kadence-breadcrumbs,
.entry-hero .kadence-breadcrumbs a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* 8. Mobile vaate optimiseerimine */
@media (max-width: 768px) {
  .entry-hero {
    min-height: 150px !important;
  }
  
  /* EEMALDA gradient overlay ka mobiilivaates */
  .entry-hero::before {
    display: none !important;
  }
}

/* 9. Väikeste ekraanide jaoks */
@media (max-width: 480px) {
  .entry-hero {
    min-height: 120px !important;
  }
}