/* =========================================================
   WA Cushion — Button contrast lock 20260729
   Cream plate → ink type. Dark plate → cream type.
   Text-on-photo CTAs → cream type.
   Load LAST. Specificity beats readable section ink locks.
   ========================================================= */

/* ----- Dark filled plates: cream type ----- */
html body main a.btn.btn--dark,
html body main button.btn.btn--dark,
html body main .btn--dark,
html body main a.btn--dark,
html body main button.btn--dark,
html body main .contact-form__submit,
html body main a.contact-form__submit,
html body main .dl-feat-card__btn,
html body main a.dl-feat-card__btn,
html body main .home-cta__btn,
html body main a.home-cta__btn,
html body main .site-cta__btn,
html body main a.site-cta__btn,
html body main a.gallery-item__cta,
html body main .gallery-item__cta,
html body main a.pcat-gallery__cta,
html body main .pcat-gallery__cta,
html body main a.pcat-card__cta,
html body main .pcat-card__cta,
html body .site-footer .btn,
html body .cta-band .btn--dark,
html body .site-header .btn.btn--dark,
html body .site-chrome .btn.btn--dark {
  background: #1A1510 !important;
  background-color: #1A1510 !important;
  background-image: none !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body main a.btn.btn--dark *,
html body main button.btn.btn--dark *,
html body main .btn--dark *,
html body main a.btn--dark *,
html body main .contact-form__submit *,
html body main .dl-feat-card__btn *,
html body main .home-cta__btn *,
html body main .site-cta__btn *,
html body main a.gallery-item__cta *,
html body main .gallery-item__cta *,
html body main a.pcat-gallery__cta *,
html body main .pcat-gallery__cta *,
html body main a.pcat-card__cta *,
html body main .pcat-card__cta *,
html body .site-footer .btn *,
html body .cta-band .btn--dark *,
html body .site-header .btn.btn--dark *,
html body .site-chrome .btn.btn--dark * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  background: transparent !important;
  background-color: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ----- Hero plates: cream idle (hover invert in btn-ink-lock) ----- */
html body main a.hero-cta,
html body main .hero-cta,
html body.page-home main .home-hero a.hero-cta,
html body.page-home main .home-hero .hero-cta,
html body main a.product-hero__cta,
html body main .product-hero__cta,
html body main .product-hero a.product-hero__cta,
html body main .product-hero a.btn.btn--dark.product-hero__cta,
html body main a.about-hero__cta,
html body main .about-hero__cta,
html body main .about-hero a.about-hero__cta,
html body main .about-hero a.btn.btn--line.about-hero__cta,
html body main a.news-hero__cta,
html body main .news-hero__cta,
html body main .news-hero a.news-hero__cta,
html body main .news-hero a.btn.btn--line.news-hero__cta,
html body main a.faq-hero__cta,
html body main .faq-hero__cta,
html body main .faq-hero a.faq-hero__cta,
html body main .faq-hero a.btn.btn--dark.faq-hero__cta,
html body main a.dl-hero__cta,
html body main .dl-hero__cta,
html body main .dl-hero a.dl-hero__cta,
html body main .dl-hero a.btn.btn--line.dl-hero__cta,
html body main a.contact-hero__cta,
html body main .contact-hero__cta,
html body main .contact-hero a.contact-hero__cta {
  background: #F5EFE4 !important;
  background-color: #F5EFE4 !important;
  background-image: none !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  border: 1px solid #F5EFE4 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Light-surface CTAs (not photo heroes): ink plate + cream type */
html body main a.btn--light,
html body main .btn--light,
html body main button.btn--light,
html body main a.dl-cta__btn,
html body main .dl-cta__btn,
html body main a.dl-table__dl,
html body main .dl-table__dl {
  background: #1A1510 !important;
  background-color: #1A1510 !important;
  background-image: none !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 1px solid #1A1510 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body main a.hero-cta *,
html body main .hero-cta *,
html body.page-home main .home-hero a.hero-cta *,
html body.page-home main .home-hero .hero-cta *,
html body main a.product-hero__cta *,
html body main .product-hero__cta *,
html body main .product-hero a.product-hero__cta *,
html body main .product-hero a.btn.btn--dark.product-hero__cta *,
html body main a.about-hero__cta *,
html body main .about-hero__cta *,
html body main .about-hero a.about-hero__cta *,
html body main .about-hero a.btn.btn--line.about-hero__cta *,
html body main a.news-hero__cta *,
html body main .news-hero__cta *,
html body main .news-hero a.news-hero__cta *,
html body main .news-hero a.btn.btn--line.news-hero__cta *,
html body main a.faq-hero__cta *,
html body main .faq-hero__cta *,
html body main .faq-hero a.faq-hero__cta *,
html body main a.dl-hero__cta *,
html body main .dl-hero__cta *,
html body main .dl-hero a.dl-hero__cta *,
html body main .dl-hero a.btn.btn--line.dl-hero__cta *,
html body main a.contact-hero__cta *,
html body main .contact-hero__cta * {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  background: transparent !important;
  background-color: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body main a.btn--light *,
html body main .btn--light *,
html body main a.dl-cta__btn *,
html body main .dl-table__dl * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  background: transparent !important;
  background-color: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ----- Photo-overlay category cards: cream type (beat section ink locks) ----- */
html body main a.pcat-cat,
html body main a.pcat-cat *,
html body main .pcat-cat,
html body main .pcat-cat *,
html body main .pcat-cat__body,
html body main .pcat-cat__body *,
html body main .pcat-cat__title,
html body main .pcat-cat__desc,
html body main .pcat-cat__cta,
html body main .pcat-cat__cta *,
html body main .pcat-cat__arrow,
html body main a.col-item,
html body main a.col-item *,
html body main .col-item__body,
html body main .col-item__body *,
html body main .col-item__name,
html body main .col-item__desc,
html body main .col-item__cta,
html body main .col-item__cta *,
html body main .col-item__arrow {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body main .pcat-cat__index,
html body main .col-item__index {
  color: #E8C9A0 !important;
  -webkit-text-fill-color: #E8C9A0 !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5) !important;
}

html body main .pcat-cat__desc,
html body main .col-item__desc {
  color: rgba(245, 239, 228, 0.9) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.9) !important;
}

html body main .pcat-cat__overlay,
html body main .col-item__overlay {
  opacity: 1 !important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(12, 10, 8, 0.12) 28%,
      rgba(12, 10, 8, 0.55) 52%,
      rgba(12, 10, 8, 0.86) 76%,
      rgba(12, 10, 8, 0.96) 100%
    ) !important;
}

html body main .pcat-cat__body,
html body main .col-item__body {
  z-index: 2 !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(12, 10, 8, 0.55) 28%,
    rgba(12, 10, 8, 0.88) 70%,
    rgba(12, 10, 8, 0.94) 100%
  ) !important;
  padding-top: 2.75rem !important;
}

html body main .col-item__media {
  position: relative !important;
}

html body main .col-item__media::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(12, 10, 8, 0.12) 28%,
      rgba(12, 10, 8, 0.55) 52%,
      rgba(12, 10, 8, 0.86) 76%,
      rgba(12, 10, 8, 0.96) 100%
    ) !important;
}

/* ----- Photo-overlay text CTAs (no fill): cream type ----- */
html body main .pcat-cat__cta,
html body main .pcat-cat__cta *,
html body main .pcat-cat__arrow,
html body main .col-item__cta,
html body main .col-item__cta * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ----- Outline / line on photo heroes: cream type
   (exclude filled cream-plate hero CTAs above) ----- */
html body main .home-hero .btn--line:not(.hero-cta):not([class*="hero__cta"]),
html body main .home-hero a.btn--line:not(.hero-cta):not([class*="hero__cta"]),
html body main .about-hero .btn--line:not(.about-hero__cta),
html body main .about-hero a.btn--line:not(.about-hero__cta),
html body main .product-hero .btn--line:not(.product-hero__cta),
html body main .product-hero a.btn--line:not(.product-hero__cta),
html body main .craft-hero .btn--line:not([class*="hero__cta"]),
html body main .craft-hero a.btn--line:not([class*="hero__cta"]),
html body main .news-hero .btn--line:not(.news-hero__cta),
html body main .news-hero a.btn--line:not(.news-hero__cta),
html body main .faq-hero .btn--line:not(.faq-hero__cta),
html body main .faq-hero a.btn--line:not(.faq-hero__cta),
html body main .dl-hero .btn--line:not(.dl-hero__cta),
html body main .dl-hero a.btn--line:not(.dl-hero__cta),
html body main .contact-hero .btn--line:not(.contact-hero__cta),
html body main .contact-hero a.btn--line:not(.contact-hero__cta),
html body main .pcat-hero .btn--line:not([class*="hero__cta"]),
html body main .pcat-hero a.btn--line:not([class*="hero__cta"]) {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border-color: rgba(245, 239, 228, 0.55) !important;
  background: transparent !important;
  background-color: transparent !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body main .home-hero .btn--line:not(.hero-cta):not([class*="hero__cta"]) *,
html body main .about-hero .btn--line:not(.about-hero__cta) *,
html body main .product-hero .btn--line:not(.product-hero__cta) *,
html body main .craft-hero .btn--line:not([class*="hero__cta"]) *,
html body main .news-hero .btn--line:not(.news-hero__cta) *,
html body main .faq-hero .btn--line:not(.faq-hero__cta) *,
html body main .dl-hero .btn--line:not(.dl-hero__cta) *,
html body main .contact-hero .btn--line:not(.contact-hero__cta) *,
html body main .pcat-hero .btn--line:not([class*="hero__cta"]) * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  background: transparent !important;
}

/* ----- Outline / line on light sections: ink type ----- */
html body main .section .link-arrow,
html body main .link-arrow {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

html body main .section .link-arrow *,
html body main .link-arrow * {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

@media (hover: hover) and (pointer: fine) {
  html body main a.btn.btn--dark:hover,
  html body main .btn--dark:hover,
  html body main a.gallery-item__cta:hover,
  html body main a.pcat-card__cta:hover,
  html body main a.pcat-gallery__cta:hover,
  html body main .contact-form__submit:hover {
    background: #2A2118 !important;
    background-color: #2A2118 !important;
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  html body main a.btn.btn--dark:hover *,
  html body main .btn--dark:hover *,
  html body main a.gallery-item__cta:hover *,
  html body main a.pcat-card__cta:hover *,
  html body main a.pcat-gallery__cta:hover * {
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  html body main a.hero-cta:hover,
  html body main .hero-cta:hover,
  html body main a.product-hero__cta:hover,
  html body main .product-hero__cta:hover,
  html body main a.about-hero__cta:hover,
  html body main a.news-hero__cta:hover,
  html body main a.faq-hero__cta:hover,
  html body main a.dl-hero__cta:hover,
  html body main a.contact-hero__cta:hover {
    background: #1A1510 !important;
    background-color: #1A1510 !important;
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
    border-color: #1A1510 !important;
  }

  html body main a.hero-cta:hover *,
  html body main .hero-cta:hover *,
  html body main a.product-hero__cta:hover *,
  html body main .product-hero__cta:hover *,
  html body main a.about-hero__cta:hover *,
  html body main a.news-hero__cta:hover *,
  html body main a.faq-hero__cta:hover *,
  html body main a.dl-hero__cta:hover *,
  html body main a.contact-hero__cta:hover * {
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  html body main a.btn--light:hover {
    background: #E8DFD0 !important;
    background-color: #E8DFD0 !important;
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }

  html body main a.btn--light:hover * {
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }
}