/* MSJ BLUE BACKDROP PATCH V1.0.0
   Purpose: replace cream/white PAGE AND SECTION BACKDROPS with the existing
   MSJ campaign blue backdrop seen on the homepage.
   Content cards, form fields, QR tiles and white information panels stay white.
   No layout, routes, data, admin/auth or fonts are changed. */

:root{
  --msj-unified-blue-base:#073b6a;
}

/* Exact campaign-style backdrop used across formerly light page/section areas. */
body.msj-pdf-theme{
  background:#073b6a!important;
}

body.msj-pdf-theme .msj-politics-light,
body.msj-pdf-theme .msj-political-paths,
body.msj-pdf-theme .section,
body.msj-pdf-theme .community-paths,
body.msj-pdf-theme .updates-section,
body.msj-pdf-theme .managed-content-section,
body.msj-pdf-theme .search-page,
body.msj-pdf-theme .verification-note,
body.msj-pdf-theme .form-section,
body.msj-pdf-theme .legal-page-section,
body.msj-pdf-theme .registration-page,
body.msj-pdf-theme .information-section,
body.msj-pdf-theme .editorial-intro,
body.msj-pdf-theme .evidence-section{
  background:
    radial-gradient(circle at 73% 45%,
      transparent 0 18%,
      rgba(255,255,255,.085) 18.3% 18.7%,
      transparent 19% 27%,
      rgba(255,255,255,.05) 27.3% 27.7%,
      transparent 28%),
    linear-gradient(34deg,
      transparent 0 58%,
      rgba(255,255,255,.035) 58% 72%,
      transparent 72% 100%),
    linear-gradient(112deg,#073b6a 0%,#0d5c96 58%,#0b4b80 100%)!important;
  background-color:#073b6a!important;
}

/* The expansion's formerly light section headings now sit on blue. */
body.msj-pdf-theme .msj-politics-light .msj-politics-heading h2,
body.msj-pdf-theme .msj-political-paths .msj-politics-heading h2{
  color:#fff!important;
}
body.msj-pdf-theme .msj-politics-light .msj-politics-heading>p,
body.msj-pdf-theme .msj-political-paths .msj-politics-heading>p{
  color:#cbdce8!important;
}

/* Legacy public-page headings/copy that sit directly on the page backdrop.
   White cards/panels themselves are intentionally NOT recoloured. */
body.msj-pdf-theme .section>.site-shell>.section-title-row,
body.msj-pdf-theme .section>.site-shell>.section-title-row h2,
body.msj-pdf-theme .section>.site-shell>.section-title-row p,
body.msj-pdf-theme .section>.site-shell>.section-title-row .public-eyebrow,
body.msj-pdf-theme .section>.site-shell>div>.public-eyebrow,
body.msj-pdf-theme .section>.site-shell>div>h2,
body.msj-pdf-theme .section>.site-shell>div>h1{
  color:#fff!important;
}
body.msj-pdf-theme .section>.site-shell>.section-title-row .public-eyebrow,
body.msj-pdf-theme .section>.site-shell>div>.public-eyebrow,
body.msj-pdf-theme .search-page .public-eyebrow,
body.msj-pdf-theme .verification-note .public-eyebrow,
body.msj-pdf-theme .managed-content-section .public-eyebrow,
body.msj-pdf-theme .legal-page-section .public-eyebrow{
  color:#f8b51c!important;
}

body.msj-pdf-theme .search-page h1,
body.msj-pdf-theme .search-page-form label,
body.msj-pdf-theme .verification-note h2,
body.msj-pdf-theme .registration-intro h1,
body.msj-pdf-theme .registration-success-card h1{
  color:#fff!important;
}
body.msj-pdf-theme .verification-note p,
body.msj-pdf-theme .registration-intro>p:not(.public-eyebrow),
body.msj-pdf-theme .section-lead{
  color:#d2e0ea!important;
}

/* Managed/legal copy is direct page content, while document/card panels remain white. */
body.msj-pdf-theme .managed-content-section .managed-content,
body.msj-pdf-theme .managed-content-section .managed-content p,
body.msj-pdf-theme .managed-content-section .managed-content li{
  color:#d2e0ea!important;
}
body.msj-pdf-theme .managed-content-section .managed-content h1,
body.msj-pdf-theme .managed-content-section .managed-content h2,
body.msj-pdf-theme .managed-content-section .managed-content h3{
  color:#fff!important;
}
body.msj-pdf-theme .managed-content-section .managed-content a{
  color:#ffd05c!important;
}
body.msj-pdf-theme .legal-page-section .legal-page-grid>aside a{
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.18)!important;
}

/* Copy directly over blue on editorial/evidence/FAQ layouts. */
body.msj-pdf-theme .editorial-intro .editorial-copy p,
body.msj-pdf-theme .evidence-section .editorial-photo figcaption,
body.msj-pdf-theme .faq-layout>div:first-child>p:not(.public-eyebrow){
  color:#d2e0ea!important;
}
body.msj-pdf-theme .editorial-intro .editorial-copy .lead-copy,
body.msj-pdf-theme .evidence-section .evidence-copy>h2,
body.msj-pdf-theme .faq-layout>div:first-child>h2{
  color:#fff!important;
}

/* Preserve white content surfaces: this is intentionally backdrop-only. */
body.msj-pdf-theme .msj-news-card,
body.msj-pdf-theme .msj-action-grid>a,
body.msj-pdf-theme .service-directory article,
body.msj-pdf-theme .community-path-grid a,
body.msj-pdf-theme .team-function-grid article,
body.msj-pdf-theme .updates-list,
body.msj-pdf-theme .receipt-table,
body.msj-pdf-theme .external-action-grid a,
body.msj-pdf-theme .public-form-panel,
body.msj-pdf-theme .search-results,
body.msj-pdf-theme .legal-document,
body.msj-pdf-theme .contact-routes,
body.msj-pdf-theme .receipt-pair article,
body.msj-pdf-theme .formal-notice,
body.msj-pdf-theme input,
body.msj-pdf-theme select,
body.msj-pdf-theme textarea{
  /* no background override here by design */
}

@media(max-width:760px){
  body.msj-pdf-theme .msj-politics-light,
  body.msj-pdf-theme .msj-political-paths,
  body.msj-pdf-theme .section,
  body.msj-pdf-theme .search-page,
  body.msj-pdf-theme .verification-note,
  body.msj-pdf-theme .form-section,
  body.msj-pdf-theme .legal-page-section,
  body.msj-pdf-theme .registration-page,
  body.msj-pdf-theme .managed-content-section{
    background-position:center center!important;
  }
}
