/* MRC GLOBAL PRIMARY COLOR EXACTNESS FIX
   Loaded after global-theme.css so components display the selected primary
   color itself rather than a lighter surface/secondary color. */

/* Exact primary controls: no gradients, transparency, opacity, or filters. */
a.button.primary,
button.button.primary,
input.button.primary,
input[type="submit"].button,
.nav-button,
.tiny-button.primary,
.cms-cta-primary,
.cms-share-button,
.mailing-submit-row .button.primary,
.about-pastor-page .cta-panel .button.primary {
  background-color: var(--mrc-primary-bg, var(--navy)) !important;
  background-image: none !important;
  color: var(--mrc-primary-text, #fff) !important;
  -webkit-text-fill-color: var(--mrc-primary-text, #fff) !important;
  border-color: var(--mrc-primary-bg, var(--navy)) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

a.button.primary:hover,
button.button.primary:hover,
input.button.primary:hover,
input[type="submit"].button:hover,
.nav-button:hover,
.tiny-button.primary:hover,
.cms-cta-primary:hover,
.cms-share-button:hover,
.mailing-submit-row .button.primary:hover,
.about-pastor-page .cta-panel .button.primary:hover {
  background-color: var(--mrc-primary-hover, var(--navy-2)) !important;
  background-image: none !important;
  color: var(--mrc-primary-text, #fff) !important;
  -webkit-text-fill-color: var(--mrc-primary-text, #fff) !important;
  border-color: var(--mrc-primary-hover, var(--navy-2)) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* When About the Pastor inherits the global hero, feature the actual primary
   color. Explicit page-specific hero overrides generated by Global Settings
   use !important and continue to win over this default. */
.mrc-page-about-pastor .about-pastor-hero,
.about-pastor-page .about-pastor-hero {
  background-color: var(--mrc-primary-bg, var(--navy));
  background-image: none;
  color: var(--mrc-primary-text, #fff);
}

.mrc-page-about-pastor .about-pastor-hero h1,
.mrc-page-about-pastor .about-pastor-hero h2,
.mrc-page-about-pastor .about-pastor-hero h3,
.mrc-page-about-pastor .about-pastor-hero .lead,
.about-pastor-page .about-pastor-hero h1,
.about-pastor-page .about-pastor-hero .lead {
  color: var(--mrc-primary-text, #fff);
  -webkit-text-fill-color: var(--mrc-primary-text, #fff);
}

.mrc-page-about-pastor .about-pastor-hero .eyebrow,
.about-pastor-page .about-pastor-hero .eyebrow {
  color: var(--gold);
  -webkit-text-fill-color: var(--gold);
}

/* The call-to-action panel is a light surface so its primary button can show
   the exact primary color clearly instead of being converted to a white/
   secondary button. */
.about-pastor-page .cta-panel {
  background-color: var(--mrc-card-bg, #fff) !important;
  background-image: none !important;
  color: var(--ink) !important;
  border: 1px solid var(--mrc-border, rgba(6,38,78,.12));
}

.about-pastor-page .cta-panel h2,
.about-pastor-page .cta-panel p {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.about-pastor-page .cta-panel .eyebrow {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
}