/**
 * Odnaleźć Sens — dopracowanie 1.10.30
 *
 * Wspólny system typografii, dekoracji kredkowych i hero specjalistów.
 */

:root {
  --odns-readable-copy: clamp(.97rem, 1.04vw, 1.075rem);
  --odns-readable-line: 1.68;
  --odns-unified-leaf-left: url("../images/about/leaves-left.webp");
  --odns-unified-leaf-right: url("../images/about/leaves-right.webp");
}

/* ==========================================================================
   CZYTELNY, WSPÓLNY ROZMIAR TEKSTÓW OPISOWYCH
   ========================================================================== */
#main-content[class$="-main"] p:not([class*="role"]):not([class*="motto"]):not([class*="kicker"]):not([class*="eyebrow"]):not([class*="meta"]):not([class*="breadcrumb"]):not([class*="brand"]),
#main-content[class$="-main"] li:not([class*="menu"]):not([class*="meta"]):not([class*="breadcrumb"]) {
  font-size: var(--odns-readable-copy) !important;
  line-height: var(--odns-readable-line) !important;
}

/* Zachowujemy większy, reprezentacyjny krój w mottach hero. */
#main-content[class$="-main"] p[class*="hero-lead"],
#main-content[class$="-main"] p[class$="-lead"] {
  font-size: inherit;
}

/* ==========================================================================
   JEDEN SYSTEM LIŚCI — KREDKA PASTELOWA Z PODSTRONY „O NAS”
   ========================================================================== */
.odns-edge-leaves,
.odns-cta-leaves,
.odns-about-leaves,
.odns-offer-leaves {
  background-color: transparent !important;
  background-image: var(--odns-unified-leaf-left) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  opacity: .58 !important;
}

.odns-edge-leaves-right,
.odns-cta-leaves-right,
.odns-about-leaves-right,
.odns-offer-leaves-right {
  background-image: var(--odns-unified-leaf-right) !important;
  transform: none !important;
}

.odns-offer-hero-leaves {
  background-image: var(--odns-unified-leaf-left), var(--odns-unified-leaf-right) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: left center, right center !important;
  background-size: min(25vw, 360px) auto, min(25vw, 360px) auto !important;
  filter: none !important;
  opacity: .42 !important;
}

/* Usunięcie starszych, akwarelowych gałązek i narożników. */
.odns-monika-decor,
.odns-kacper-decor,
.odns-zuzanna-decor,
.odns-agnieszka-decor,
.odns-karolina-decor,
.odns-zb-decor,
.odns-individual-decor,
.odns-individual-cta-decor,
.odns-family-decor,
.odns-family-cta-decor,
.odns-couples-decor,
.odns-youth-decor,
.odns-online-cta-leaf,
.odns-practices-cta-leaf {
  display: none !important;
}

/* Liście przy nagłówkach specjalistów także korzystają z jednego zestawu. */
.odns-monika-heading-leaves > img,
.odns-kacper-heading-leaves > img,
.odns-zuzanna-heading-leaves > img,
.odns-karolina-heading-leaves > img,
.odns-zb-heading-leaves > img {
  content: var(--odns-unified-leaf-left);
  object-fit: contain !important;
  mix-blend-mode: multiply;
  filter: none !important;
  opacity: .58 !important;
}

.odns-monika-heading-leaves > img:last-child,
.odns-kacper-heading-leaves > img:last-child,
.odns-zuzanna-heading-leaves > img:last-child,
.odns-karolina-heading-leaves > img:last-child,
.odns-zb-heading-leaves > img:last-child {
  content: var(--odns-unified-leaf-right);
  transform: none !important;
}

/*
 * Dyskretne, identyczne dekoracje na krawędziach całej strony. Dzięki temu
 * podstrony usług, praktyk, terapii online i profile nie tworzą osobnych stylów.
 */
main.odns-home-main,
main.odns-offer-main,
main.odns-online-main,
main.odns-practices-main,
main.odns-individual-main,
main.odns-family-main,
main.odns-couples-main,
main.odns-youth-main,
main.odns-monika-main,
main.odns-kacper-main,
main.odns-zuzanna-main,
main.odns-agnieszka-main,
main.odns-karolina-main,
main.odns-zb-main,
main.odns-article-main {
  position: relative;
  isolation: isolate;
}

main.odns-home-main::after,
main.odns-offer-main::after,
main.odns-online-main::after,
main.odns-practices-main::after,
main.odns-individual-main::after,
main.odns-family-main::after,
main.odns-couples-main::after,
main.odns-youth-main::after,
main.odns-monika-main::after,
main.odns-kacper-main::after,
main.odns-zuzanna-main::after,
main.odns-agnieszka-main::after,
main.odns-karolina-main::after,
main.odns-zb-main::after,
main.odns-article-main::after {
  position: absolute;
  z-index: 12;
  inset: 0;
  content: "";
  background-image:
    var(--odns-unified-leaf-left),
    var(--odns-unified-leaf-right),
    var(--odns-unified-leaf-left),
    var(--odns-unified-leaf-right),
    var(--odns-unified-leaf-left),
    var(--odns-unified-leaf-right);
  background-repeat: no-repeat;
  background-position:
    left 13%,
    right 28%,
    left 47%,
    right 61%,
    left 78%,
    right 93%;
  background-size:
    clamp(155px, 17vw, 275px) auto,
    clamp(155px, 17vw, 275px) auto,
    clamp(145px, 15vw, 245px) auto,
    clamp(145px, 15vw, 245px) auto,
    clamp(155px, 17vw, 275px) auto,
    clamp(155px, 17vw, 275px) auto;
  opacity: .25;
  pointer-events: none;
}

/* ==========================================================================
   STRONA GŁÓWNA — WIĘKSZA, CZYTELNA SCENA POMOCY TERAPEUTYCZNEJ
   ========================================================================== */
@media (min-width: 1101px) {
  .odns-home-hero {
    padding-block: clamp(2.8rem, 3.8vw, 4.1rem);
  }

  .odns-hero-grid {
    grid-template-columns: minmax(450px, .82fr) minmax(620px, 1.18fr);
    gap: clamp(.5rem, 1.5vw, 1.5rem);
  }

  .odns-hero-picture {
    margin-right: -7%;
    margin-left: -4%;
  }

  .odns-hero-picture img {
    width: 112%;
    max-width: none;
    filter: saturate(1.04) contrast(1.035);
  }
}

/* ==========================================================================
   TERAPIA ONLINE — PEŁNE, NIEUCIĘTE ILUSTRACJE W KAFELKACH
   ========================================================================== */
.odns-online-choice-card {
  padding-top: 18px !important;
}

.odns-online-choice-card > img {
  width: 100% !important;
  height: 142px !important;
  margin: 0 auto 8px !important;
  padding: 3px !important;
  object-fit: contain !important;
  object-position: center !important;
  mix-blend-mode: multiply;
  filter: saturate(1.04) contrast(1.06) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ==========================================================================
   HERO SPECJALISTEK — STANDARD ZUZANNY KOWALSKIEJ
   ========================================================================== */
.odns-agnieszka-hero-copy,
.odns-karolina-hero-copy,
.odns-zb-hero-copy {
  text-align: left !important;
  transform: none !important;
}

body.odns-specialist-agnieszka .odns-agnieszka-hero-copy h1,
body.odns-specialist-karolina .odns-karolina-hero-copy h1,
body.odns-specialist-zb .odns-zb-hero-copy h1 {
  margin: 0 0 9px !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(3.1rem, 3.6vw, 4.15rem) !important;
  font-weight: 600 !important;
  line-height: .98 !important;
  letter-spacing: -.027em !important;
  white-space: nowrap;
}

.odns-agnieszka-role,
.odns-karolina-role,
.odns-zb-role {
  margin: 0 0 8px !important;
  color: #4f7563 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(1.45rem, 1.9vw, 1.8rem) !important;
  font-weight: 600 !important;
  line-height: 1.13 !important;
  text-align: left !important;
}

.odns-agnieszka-hero-copy .odns-agnieszka-separator,
.odns-karolina-hero-copy .odns-karolina-separator,
.odns-zb-hero-copy .odns-zb-separator {
  width: clamp(160px, 17vw, 220px) !important;
  margin: 6px 0 10px !important;
  transform: none !important;
}

.odns-agnieszka-lead,
.odns-karolina-lead,
.odns-zb-lead {
  max-width: 430px !important;
  margin: 0 !important;
  color: #4f7563 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(1.2rem, 1.75vw, 1.58rem) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  line-height: 1.34 !important;
  text-align: left !important;
  text-wrap: balance;
}

.odns-agnieszka-lead {
  max-width: 455px !important;
}

/* Agnieszka: nagłówek CTA mieści się w jednym wierszu na desktopie. */
@media (min-width: 821px) {
  .odns-agnieszka-contact-card {
    grid-template-columns: 31% 42% 27% !important;
  }

  .odns-agnieszka-contact-copy h2 {
    font-size: clamp(1.72rem, 2vw, 2rem) !important;
    white-space: nowrap !important;
  }
}

/* Zuzanna Kowalska: ilustracja nie wchodzi już pod motto i odsłania filiżankę. */
@media (min-width: 981px) {
  .odns-zuzanna-hero-art {
    right: -40px !important;
    width: clamp(390px, 38vw, 515px) !important;
    max-height: 485px !important;
    mix-blend-mode: multiply !important;
    filter: saturate(1.02) contrast(1.04) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

/* ==========================================================================
   TABLET I TELEFON
   ========================================================================== */
@media (max-width: 1100px) {
  .odns-hero-picture img {
    width: 106%;
    max-width: none;
    margin-left: -3%;
  }
}

@media (max-width: 980px) {
  .odns-hero-grid {
    grid-template-columns: 1fr;
  }

  .odns-hero-picture {
    width: min(100%, 820px);
    margin: -1rem auto 0;
  }

  .odns-hero-picture img {
    width: 100%;
    margin: 0;
  }

  .odns-agnieszka-hero-copy,
  .odns-karolina-hero-copy,
  .odns-zb-hero-copy {
    text-align: center !important;
  }

  body.odns-specialist-agnieszka .odns-agnieszka-hero-copy h1,
  body.odns-specialist-karolina .odns-karolina-hero-copy h1,
  body.odns-specialist-zb .odns-zb-hero-copy h1 {
    white-space: normal;
    text-wrap: balance;
  }

  .odns-agnieszka-role,
  .odns-karolina-role,
  .odns-zb-role,
  .odns-agnieszka-lead,
  .odns-karolina-lead,
  .odns-zb-lead {
    margin-inline: auto !important;
    text-align: center !important;
  }

  .odns-agnieszka-hero-copy .odns-agnieszka-separator,
  .odns-karolina-hero-copy .odns-karolina-separator,
  .odns-zb-hero-copy .odns-zb-separator {
    margin-inline: auto !important;
  }
}

@media (max-width: 767px) {
  :root {
    --odns-readable-copy: .96rem;
    --odns-readable-line: 1.66;
  }

  main.odns-home-main::after,
  main.odns-offer-main::after,
  main.odns-online-main::after,
  main.odns-practices-main::after,
  main.odns-individual-main::after,
  main.odns-family-main::after,
  main.odns-couples-main::after,
  main.odns-youth-main::after,
  main.odns-monika-main::after,
  main.odns-kacper-main::after,
  main.odns-zuzanna-main::after,
  main.odns-agnieszka-main::after,
  main.odns-karolina-main::after,
  main.odns-zb-main::after,
  main.odns-article-main::after {
    background-position:
      left 15%,
      right 34%,
      left 59%,
      right 83%,
      left 101%,
      right 101%;
    background-size:
      118px auto,
      118px auto,
      105px auto,
      105px auto,
      1px auto,
      1px auto;
    opacity: .19;
  }

  .odns-online-choice-card {
    padding-top: 10px !important;
  }

  .odns-online-choice-card > img {
    width: 92px !important;
    height: 92px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .odns-agnieszka-contact-copy h2 {
    white-space: normal !important;
  }
}