/**
 * Site chrome overrides — loaded AFTER WordPress theme CSS on every page.
 * Fixes footer widget area (#2a4840 green from theme-style.min.css) to brand maroon #350309.
 * Elementor kit primary (yellow) is remapped in elementor-brand.css (loaded after page CSS).
 */
#colophon.site-footer.pbmit-bg-color-custom::before,
#colophon .pbmit-footer-section::before,
#colophon .pbmit-footer-widget-area::before,
#colophon .pbmit-footer-widget-area.pbmit-bg-color-custom::before,
#colophon .pbmit-footer-widget-area.pbmit-bg-color-transparent::before {
  background-color: #350309 !important;
  background-image: none !important;
}

/* btn-primary / btn-outline — unlayered override beats WordPress theme's
   `button { background-color: #222 }` rule (which wins over @layer components). */
.btn-primary {
  background-color: #a7192e !important;
  color: #ffffff !important;
  border: none !important;
}
.btn-primary:hover {
  background-color: #8a1325 !important;
}
.btn-outline {
  background-color: transparent !important;
  color: #a7192e !important;
  border: 1px solid #a7192e !important;
}
.btn-outline:hover {
  background-color: #a7192e !important;
  color: #ffffff !important;
}

/* App page dark sections — WordPress theme forces charcoal on h1/p inside main */
main.pbmit-app-page section.app-on-dark {
  color: #ffffff !important;
}

main.pbmit-app-page section.app-on-dark :is(h1, h2, h3, h4, h5, h6, blockquote) {
  color: #ffffff !important;
}

main.pbmit-app-page section.app-on-dark p:not([class*='text-brand-']) {
  color: inherit !important;
}

main.pbmit-app-page section.app-on-dark a:not([class*='text-brand-']):not([class*='btn-']) {
  color: inherit !important;
}

main.pbmit-app-page section.app-on-dark .text-white {
  color: #ffffff !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/90 {
  color: rgb(255 255 255 / 0.9) !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/68 {
  color: rgb(255 255 255 / 0.68) !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/60 {
  color: rgb(255 255 255 / 0.6) !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/58 {
  color: rgb(255 255 255 / 0.58) !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/50 {
  color: rgb(255 255 255 / 0.5) !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/48 {
  color: rgb(255 255 255 / 0.48) !important;
}

main.pbmit-app-page section.app-on-dark .text-white\/38 {
  color: rgb(255 255 255 / 0.38) !important;
}