/*
Theme Name: Kosiarki Pro Child
Theme URI: https://codex.audytseo.eu/
Author: Codex
Description: Motyw potomny dla Kosiarki Pro z dodatkowymi snippetami.
Template: kosiarki-pro
Version: 1.0.0
Text Domain: kosiarki-pro-child
*/

.editable-front-page {
  background: var(--paper);
}

.editable-front-page .wp-block-group,
.editable-front-page .wp-block-cover,
.editable-front-page .wp-block-columns,
.editable-front-page .wp-block-column,
.editable-front-page .wp-block-image,
.editable-front-page .wp-block-buttons,
.editable-front-page .wp-block-list {
  box-sizing: border-box;
}

.hero-block.wp-block-cover {
  min-height: 84svh;
  align-items: flex-end;
  padding: 130px max(24px, calc((100vw - var(--max)) / 2)) 46px;
}

.hero-block .wp-block-cover__inner-container {
  width: min(760px, 100%);
  margin: 0;
}

.hero-block .eyebrow,
.front-final-cta .eyebrow {
  color: #bed7af;
}

.hero-block h1 {
  max-width: min(900px, 100%);
  font-family: "Newsreader", Georgia, serif;
  font-size: clamp(2.8rem, 5vw, 4.75rem);
  line-height: 0.98;
}

.hero-block p:not(.eyebrow) {
  max-width: 610px;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(1.05rem, 2vw, 1.24rem);
}

.editable-front-page .wp-block-button__link {
  border-radius: var(--radius);
  font-weight: 800;
}

.hero-block .wp-block-button:first-child .wp-block-button__link,
.front-final-cta .wp-block-button__link {
  background: var(--leaf);
  color: #102019;
}

.hero-block .wp-block-button:last-child .wp-block-button__link {
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.12);
  color: var(--white);
}

.front-intro {
  padding: 0 20px;
  background: var(--forest);
}

.front-intro .wp-block-columns {
  width: min(100%, var(--max));
  margin: 0 auto;
  gap: 1px;
}

.front-intro .wp-block-column {
  min-height: 92px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--white);
}

.front-intro p {
  margin: 0;
}

.front-intro strong {
  display: block;
  margin-top: 6px;
}

.front-section {
  width: min(calc(100% - 40px), var(--max));
  margin: 0 auto;
  padding: clamp(72px, 10vw, 130px) 0;
}

.front-section h2,
.front-chooser h2,
.front-final-cta h2 {
  margin: 0;
  font-family: "Newsreader", Georgia, serif;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  line-height: 0.98;
}

.front-section h2,
.front-chooser h2 {
  color: var(--forest);
}

.front-section .wp-block-columns {
  gap: 26px;
}

.front-card {
  overflow: hidden;
  min-height: 250px;
  border-radius: var(--radius);
  background: var(--white);
  box-shadow: 0 1px 0 rgba(35, 66, 54, 0.09);
}

.front-card.has-dark-background-color {
  background: var(--charcoal);
  color: var(--white);
}

.front-card .wp-block-image,
.front-card .wp-block-image img {
  width: 100%;
  height: 100%;
}

.front-card .wp-block-image img,
.front-service .wp-block-image img {
  object-fit: cover;
}

.front-card-copy {
  padding: 28px;
}

.front-card-copy p {
  color: #5f6a62;
}

.front-card.has-dark-background-color .front-card-copy p {
  color: rgba(255, 255, 255, 0.74);
}

.front-story {
  border-top: 1px solid rgba(35, 66, 54, 0.12);
}

.front-story-copy {
  columns: 2 310px;
  column-gap: 34px;
  color: #36413b;
  font-size: 1.02rem;
}

.front-chooser {
  padding: clamp(72px, 10vw, 130px) 0;
  background: #e2e7dd;
}

.front-chooser > .wp-block-group__inner-container,
.front-chooser > .wp-block-columns {
  width: min(calc(100% - 40px), var(--max));
  margin: 0 auto;
}

.front-chooser .wp-block-columns {
  align-items: center !important;
  gap: 26px;
}

.front-recommendation {
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--charcoal);
  color: var(--white);
  box-shadow: var(--shadow);
}

.front-recommendation .wp-block-image img {
  width: 100%;
  aspect-ratio: 16 / 8.2;
  object-fit: cover;
}

.front-recommendation-copy {
  padding: 24px;
}

.front-service .wp-block-columns {
  align-items: center !important;
}

.front-service .wp-block-image img {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.front-final-cta {
  padding: clamp(76px, 10vw, 126px) 0;
  background: linear-gradient(135deg, rgba(35, 66, 54, 0.95), rgba(29, 36, 33, 0.96));
  color: var(--white);
}

.front-final-cta > .wp-block-group__inner-container {
  width: min(calc(100% - 40px), var(--max));
  margin: 0 auto;
}

.front-final-cta h2 {
  max-width: 860px;
  color: var(--white);
}

@media (max-width: 781px) {
  .hero-block.wp-block-cover {
    min-height: 92svh;
    padding: 104px 20px 28px;
  }

  .hero-block h1 {
    font-size: clamp(2.25rem, 11vw, 3.25rem);
    line-height: 1.02;
  }

  .front-intro {
    padding: 0;
  }

  .front-intro .wp-block-column {
    min-height: 74px;
  }

  .front-section,
  .front-chooser {
    padding: 66px 0;
  }

  .front-story-copy {
    columns: 1;
  }
}