/* Heading drop-shadows — load this file LAST on every page */

.brand-heading,
.account-section__title.brand-heading,
.course-watch-hero__title.brand-heading,
body.home-page .account-section__title.brand-heading,
body.home-page .section-heading .brand-heading,
body.home-page #help-title,
body.home-page #post-of-week-section-title,
body.home-page #recipes-corner-section-title,
body.home-page .courses-section .course-grid::before {
  display: block;
  overflow: visible;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  -webkit-filter:
    drop-shadow(0.5px 0 0 rgba(58, 32, 82, 0.55))
    drop-shadow(-0.5px 0 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
    drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
    saturate(0.75) !important;
  filter:
    drop-shadow(0.5px 0 0 rgba(58, 32, 82, 0.55))
    drop-shadow(-0.5px 0 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
    drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
    saturate(0.75) !important;
}

@media (max-width: 900px) {
  .brand-heading,
  .account-section__title.brand-heading,
  .course-watch-hero__title.brand-heading,
  body.home-page .account-section__title.brand-heading,
  body.home-page .section-heading .brand-heading,
  body.home-page #help-title,
  body.home-page #post-of-week-section-title,
  body.home-page #recipes-corner-section-title,
  body.home-page .courses-section .course-grid::before {
    -webkit-filter:
      drop-shadow(0.5px 0 0 rgba(58, 32, 82, 0.55))
      drop-shadow(-0.5px 0 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
      drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
      saturate(0.75)
      contrast(1.1)
      brightness(1.04) !important;
    filter:
      drop-shadow(0.5px 0 0 rgba(58, 32, 82, 0.55))
      drop-shadow(-0.5px 0 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
      drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
      saturate(0.75)
      contrast(1.1)
      brightness(1.04) !important;
  }
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .brand-heading,
  .account-section__title.brand-heading,
  .course-watch-hero__title.brand-heading,
  body.home-page .account-section__title.brand-heading,
  body.home-page .section-heading .brand-heading,
  body.home-page #help-title,
  body.home-page #post-of-week-section-title,
  body.home-page #recipes-corner-section-title,
  body.home-page .courses-section .course-grid::before {
    -webkit-filter: none !important;
    filter: none !important;
    text-shadow:
      0.5px 0 0 rgba(58, 32, 82, 0.48),
      -0.5px 0 0 rgba(58, 32, 82, 0.48),
      0 0.5px 0 rgba(58, 32, 82, 0.48),
      0 -0.5px 0 rgba(58, 32, 82, 0.48),
      0 3px 10px rgba(74, 52, 94, 0.25),
      0 8px 20px rgba(91, 61, 130, 0.18) !important;
  }
}

html.a11y-high-contrast .brand-heading,
html.a11y-high-contrast .account-section__title.brand-heading,
html.a11y-high-contrast .course-watch-hero__title.brand-heading,
html.a11y-high-contrast body.home-page .courses-section .course-grid::before {
  -webkit-filter: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Contact + FAQ page titles — lighter side shadow */
.contact-page .account-section__title.brand-heading,
.faq-page .account-section__title.brand-heading {
  -webkit-filter:
    drop-shadow(0.25px 0 0 rgba(58, 32, 82, 0.28))
    drop-shadow(-0.25px 0 0 rgba(58, 32, 82, 0.28))
    drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
    drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
    saturate(0.75) !important;
  filter:
    drop-shadow(0.25px 0 0 rgba(58, 32, 82, 0.28))
    drop-shadow(-0.25px 0 0 rgba(58, 32, 82, 0.28))
    drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
    drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
    drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
    saturate(0.75) !important;
}

@media (max-width: 900px) {
  .contact-page .account-section__title.brand-heading,
  .faq-page .account-section__title.brand-heading {
    -webkit-filter:
      drop-shadow(0.25px 0 0 rgba(58, 32, 82, 0.28))
      drop-shadow(-0.25px 0 0 rgba(58, 32, 82, 0.28))
      drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
      drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
      saturate(0.75)
      contrast(1.1)
      brightness(1.04) !important;
    filter:
      drop-shadow(0.25px 0 0 rgba(58, 32, 82, 0.28))
      drop-shadow(-0.25px 0 0 rgba(58, 32, 82, 0.28))
      drop-shadow(0 0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 -0.5px 0 rgba(58, 32, 82, 0.55))
      drop-shadow(0 3px 10px rgba(74, 52, 94, 0.3))
      drop-shadow(0 8px 22px rgba(91, 61, 130, 0.2))
      saturate(0.75)
      contrast(1.1)
      brightness(1.04) !important;
  }
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .contact-page .account-section__title.brand-heading,
  .faq-page .account-section__title.brand-heading {
    text-shadow:
      0.25px 0 0 rgba(58, 32, 82, 0.28),
      -0.25px 0 0 rgba(58, 32, 82, 0.28),
      0 0.5px 0 rgba(58, 32, 82, 0.48),
      0 -0.5px 0 rgba(58, 32, 82, 0.48),
      0 3px 10px rgba(74, 52, 94, 0.25),
      0 8px 20px rgba(91, 61, 130, 0.18) !important;
  }
}