/*
Theme: Przedszkole Modern
File: assets/css/subpage-headers.css
Version: 1.4.37

Jeden system nagłówków dla wszystkich podstron, archiwów i kategorii.
Strona główna korzysta z osobnego systemu: header.css + home-2.css/home.css.
*/

body:not(.home):not(.front-page) .site-header{
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
}

body:not(.home):not(.front-page) .site-main{
  background: #fffaf7;
}

body:not(.home):not(.front-page) .page-hero{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 305px;
  margin-top: -156px;
  padding: 150px 0 18px;
  overflow: hidden;
  isolation: isolate;
  text-align: center;
  background-color: #fffaf7;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

body:not(.home):not(.front-page) .page-hero[style*="--pm-hero-bg-image"]{
  background-image: var(--pm-hero-bg-image);
}

body:not(.home):not(.front-page) .page-hero + .site-main,
body:not(.home):not(.front-page) .page-hero + main{
  margin-top: 0;
}

body:not(.home):not(.front-page) .page-hero > .container{
  position: relative;
  z-index: 2;
  width: min(calc(100% - 40px), 1180px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body:not(.home):not(.front-page) .page-hero h1{
  transform: translateY(-28px);
  max-width: 980px;
  margin: 0 auto 18px;
  color: #CC4B33;
  font-family: var(--pm-font-display, "Baloo 2", system-ui, sans-serif);
  font-size: clamp(2.8rem, 4.6vw, 5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-align: center;
  text-wrap: balance;
  text-shadow:
    2px 2px 0 rgba(255,255,255,.96),
   -2px 2px 0 rgba(255,255,255,.96),
    2px -2px 0 rgba(255,255,255,.96),
   -2px -2px 0 rgba(255,255,255,.96),
    0 5px 14px rgba(85, 45, 32, .14);
}

body:not(.home):not(.front-page) .page-hero p,
body:not(.home):not(.front-page) .page-hero .hero-text{
  max-width: 760px;
  margin: 0 auto;
  color: #596273;
  font-size: 1.15rem;
  line-height: 1.65;
  text-align: center;
}

@media (max-width: 1024px){
  body:not(.home):not(.front-page) .page-hero{
    min-height: 276px;
    margin-top: -98px;
    padding-top: 116px;
    padding-bottom: 20px;
    background-size: 1180px auto;
  }

  body:not(.home):not(.front-page) .page-hero h1{
    transform: translateY(-24px);
    font-size: clamp(2.4rem, 8vw, 4rem);
  }
}

@media (max-width: 640px){
  body:not(.home):not(.front-page) .page-hero{
    min-height: 252px;
    margin-top: -88px;
    padding-top: 104px;
    padding-bottom: 20px;
    background-size: 980px auto;
    background-position: center top;
  }

  body:not(.home):not(.front-page) .page-hero h1{
    transform: translateY(-18px);
    font-size: clamp(2.05rem, 11vw, 3rem);
  }
}


/* Rekrutacja: długi tytuł na desktopie pozostaje w jednej linii. */
@media (min-width: 1180px){
  body:not(.home):not(.front-page) .page-hero.page-hero--recruitment h1{
    max-width: 1280px;
    font-size: clamp(3.2rem, 4.35vw, 4.8rem);
    white-space: nowrap;
  }
}


/* Trzeci system nagłówka: pojedynczy wpis.
   Długie tytuły wpisów są mniejsze i przesunięte nad trawę,
   żeby nie traciły czytelności na graficznym tle. */
body.single-post .page-hero.single-post-hero{
  min-height: 310px;
  padding: 142px 0 52px;
  align-items: flex-start;
}

body.single-post .page-hero.single-post-hero > .container{
  padding-top: 28px;
}

body.single-post .page-hero.single-post-hero h1,
body.single-post .page-hero.single-post-hero .single-post-hero__title{
  max-width: 1120px;
  margin: 0 auto;
  font-size: clamp(2.45rem, 3.45vw, 4.25rem);
  line-height: 1.04;
  letter-spacing: -0.025em;
}

@media (max-width: 1024px){
  body.single-post .page-hero.single-post-hero{
    min-height: 285px;
    padding-top: 122px;
    padding-bottom: 42px;
  }

  body.single-post .page-hero.single-post-hero > .container{
    padding-top: 22px;
  }

  body.single-post .page-hero.single-post-hero h1,
  body.single-post .page-hero.single-post-hero .single-post-hero__title{
    font-size: clamp(2.1rem, 7vw, 3.45rem);
  }
}

@media (max-width: 640px){
  body.single-post .page-hero.single-post-hero{
    min-height: 260px;
    padding-top: 108px;
    padding-bottom: 34px;
  }

  body.single-post .page-hero.single-post-hero > .container{
    padding-top: 16px;
  }

  body.single-post .page-hero.single-post-hero h1,
  body.single-post .page-hero.single-post-hero .single-post-hero__title{
    font-size: clamp(1.95rem, 9.5vw, 2.85rem);
  }
}

/* v1.3.73 - pojedynczy wpis: tytuł posta pod graficznym nagłówkiem, pod trawą. */
body.single-post .page-hero.single-post-hero.single-post-hero--image-only{
  min-height: 300px;
  padding: 136px 0 0;
  align-items: stretch;
}

body.single-post .page-hero.single-post-hero.single-post-hero--image-only > .container{
  display: none;
}

body.single-post .single-post-title-section{
  background: #fffaf7;
  padding: 44px 0 28px;
  text-align: center;
}

body.single-post .single-post-title-below{
  max-width: 1120px;
  margin: 0 auto;
  color: #243247;
  font-family: var(--pm-font-display, "Baloo 2", "Nunito", system-ui, sans-serif);
  font-size: clamp(2.35rem, 4.2vw, 4.85rem);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.025em;
  text-align: center;
  text-wrap: balance;
}

body.single-post .single-post-layout-clean .single-content-section{
  padding-top: 18px;
}

@media (max-width: 1024px){
  body.single-post .page-hero.single-post-hero.single-post-hero--image-only{
    min-height: 270px;
    padding-top: 118px;
  }

  body.single-post .single-post-title-section{
    padding: 36px 0 22px;
  }

  body.single-post .single-post-title-below{
    font-size: clamp(2.05rem, 7vw, 3.6rem);
  }
}

@media (max-width: 640px){
  body.single-post .page-hero.single-post-hero.single-post-hero--image-only{
    min-height: 235px;
    padding-top: 104px;
  }

  body.single-post .single-post-title-section{
    padding: 30px 0 18px;
  }

  body.single-post .single-post-title-below{
    font-size: clamp(1.9rem, 9.5vw, 2.8rem);
  }
}

/* v1.4.36 - ujednolicenie fontu tytułów na podstronach i w treści
   Reguła zostaje tylko w tym pliku, bez !important, żeby nie dublować nadpisań w frontend-core.css. */
body:not(.home):not(.front-page) .page-hero h1,
body.single-post .page-hero.single-post-hero h1,
body.single-post .page-hero.single-post-hero .single-post-hero__title,
body.single-post .single-post-title-below,
body .entry-content h1,
body .entry-content h2,
body .entry-content h3,
body .entry-content .wp-block-heading,
body .page .entry-content h1,
body .page .entry-content h2,
body .page .entry-content h3,
body .single-content-section .entry-content h1,
body .single-content-section .entry-content h2,
body .single-content-section .entry-content h3{
  font-family: var(--pm-font-display, "Baloo 2", "Nunito", "Segoe UI", Arial, sans-serif);
  font-weight: 800;
}


/* Contrast improvement */
.news-card,.post-card,.pm-post-card{background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 10px 30px rgba(0,0,0,.06)!important;}