/* ==========================================================================
   Passive REI (MGS Edition) — supplemental CSS
   theme.json owns the tokens; this file covers behavior + patterns only.
   ========================================================================== */

:root {
  --prei-accent: #CC0000;
  --prei-contrast: #1A1A1A;
  --prei-transition: all 300ms ease;
}

/* Smooth button + link transitions (Divi parity) */
.wp-block-button__link,
a { transition: var(--prei-transition); }

/* ---- Header nav -------------------------------------------------------- */
.prei-header {
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
}
.prei-header .wp-block-navigation a {
  color: var(--prei-contrast);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.prei-header .wp-block-navigation a:hover,
.prei-header .wp-block-navigation .current-menu-item a {
  color: var(--prei-accent);
}
.prei-logo img { max-height: 56px; width: auto; }

/* ---- Footer ------------------------------------------------------------ */
.prei-footer { background-color: var(--prei-contrast); }
.prei-footer,
.prei-footer p,
.prei-footer a { color: #fff; }
.prei-footer .wp-block-navigation a {
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.prei-footer .wp-block-navigation a:hover { color: var(--prei-accent) !important; }
.prei-footer .wp-block-social-links a { transition: var(--prei-transition); }
.prei-footer-logo img { max-height: 60px; width: auto; }

/* ---- "Featured In" press strip: monochrome, lift on hover -------------- */
.prei-featured-in img {
  filter: grayscale(100%);
  opacity: 0.65;
  transition: var(--prei-transition);
  max-height: 34px;
  width: auto;
}
.prei-featured-in img:hover { filter: grayscale(0%); opacity: 1; }

/* ---- Brand card grid: subtle lift -------------------------------------- */
.prei-card {
  background: #fff;
  border: 1px solid #ebebeb;
  transition: var(--prei-transition);
}
.prei-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
  border-color: transparent;
}

/* ---- Display numerals (faded, MGS section markers) --------------------- */
.prei-display-number {
  color: var(--prei-muted, #E1E1E1) !important;
  line-height: 1;
  font-weight: 800;
}

/* ---- Podcast subscribe badges ------------------------------------------ */
.prei-podcast-badges img { height: 44px; width: auto; transition: var(--prei-transition); }
.prei-podcast-badges a:hover img { transform: translateY(-2px); }

/* ---- CTA band (image + dark overlay) ----------------------------------- */
.prei-cta-band { position: relative; }

/* ---- Responsive niceties (Divi breakpoints) ---------------------------- */
@media (max-width: 980px) {
  .prei-display-number { font-size: 80px !important; }
}
@media (max-width: 767px) {
  .prei-display-number { font-size: 64px !important; }
  .prei-logo img { max-height: 46px; }
}

/* Accessibility: honor reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* Visible keyboard focus */
a:focus-visible,
.wp-block-button__link:focus-visible {
  outline: 2px solid var(--prei-accent);
  outline-offset: 2px;
}