/* ============================================================
   MAMA BLOOM — warm legal theme
   Overrides the legacy dark site theme on legal pages so they
   match the warm immersive homepage. Loads AFTER style.css.
   ============================================================ */

body.interior {
  background: radial-gradient(125% 80% at 100% -5%, #fdf7f1 0%, #f8e8e3 45%, #f3dadd 100%) fixed !important;
  color: #4a1730 !important;
  font-family: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

/* hide legacy decorative chrome (not present on the immersive site) */
body.interior .audio-toggle,
body.interior .ambient-bed,
body.interior .grain { display: none !important; }
body.interior .scroll-progress { background: rgba(91,31,58,.08) !important; }
body.interior .scroll-progress > span { background: linear-gradient(90deg, #d4849a, #e0ad6e) !important; }

/* nav */
body.interior .site-nav { position: sticky; top: 0; background: rgba(251,246,240,.85) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(91,31,58,.08) !important; box-shadow: none !important; }
body.interior .site-nav .nav-links a { color: rgba(74,23,48,.78) !important; }
body.interior .site-nav .nav-links a:hover { color: #b85f75 !important; }
body.interior .nav-cta { background: linear-gradient(120deg, #d4849a, #b85f75) !important; color: #fff !important; border: none !important; box-shadow: 0 10px 24px -10px rgba(184,95,117,.6) !important; }

/* document body */
body.interior main.container { max-width: 760px; }
body.interior .legal-body { color: rgba(74,23,48,.80) !important; line-height: 1.62; }
body.interior .legal-body h1 { font-family: "Fraunces", Georgia, serif !important; font-weight: 340; color: #5b1f3a !important; letter-spacing: -.02em; line-height: 1.05; }
body.interior .legal-body h2 { font-family: "Fraunces", Georgia, serif !important; font-weight: 380; color: #5b1f3a !important; }
body.interior .legal-body h3,
body.interior .legal-body h4 { font-family: "Fraunces", Georgia, serif !important; font-weight: 400; color: #b85f75 !important; }
body.interior .legal-body p,
body.interior .legal-body li,
body.interior .legal-body td,
body.interior .legal-body th { color: rgba(74,23,48,.80) !important; }
body.interior .legal-body a { color: #b85f75 !important; text-underline-offset: 2px; }
body.interior .legal-body a:hover { color: #5b1f3a !important; }
body.interior .legal-body strong { color: #5b1f3a !important; font-weight: 600; }
body.interior .legal-body .meta { color: rgba(74,23,48,.62) !important; }
body.interior .legal-body hr { border-color: rgba(91,31,58,.12) !important; }

/* call-out cards */
body.interior .authoritative-note { background: linear-gradient(160deg, #fffdfb, #f6e6e2) !important; border: 1px solid rgba(91,31,58,.1) !important; border-left: 3px solid #e0ad6e !important; border-radius: 14px !important; color: rgba(74,23,48,.84) !important; box-shadow: 0 18px 40px -30px rgba(91,31,58,.4) !important; }
body.interior .authoritative-note strong { color: #5b1f3a !important; }
/* UK GDPR (Art. 27) representative certification badge.
   The image had no layout CSS, so it rendered as a small raw image pinned
   to the left with empty space beside it. Give it an intentional frame:
   constrained width, soft drop-shadow that hugs the badge, byline beneath. */
body.interior .prighter-badge {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 28px 0 10px;
}
body.interior .prighter-badge > a { display: inline-block; line-height: 0; border-radius: 16px; }
body.interior .prighter-badge img {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  filter: drop-shadow(0 14px 32px rgba(91, 31, 58, 0.26));
}
body.interior .prighter-byline {
  font-family: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
  color: rgba(74, 23, 48, 0.60) !important;
}
body.interior .prighter-byline a { color: #b85f75 !important; text-underline-offset: 2px; font-weight: 500; }

/* footer — the legacy theme already styles a WARM footer (ivory→blush bg,
   gold hairline rule, the colour bloom logo, plum text). We let that through
   (no dark override) and only tune the accent colours to the rose used on the
   immersive homepage footer, so the two feel like one family. */
body.interior .site-footer .footer-col-eyebrow { color: #b85f75 !important; }
body.interior .site-footer .footer-col a:hover,
body.interior .site-footer a:hover { color: #b85f75 !important; }
body.interior .footer-tag { color: #b85f75 !important; }
body.interior .footer-fine { color: rgba(74,23,48,.58) !important; }

/* focus visibility (a11y) */
body.interior a:focus-visible,
body.interior button:focus-visible { outline: 2px solid #e0ad6e !important; outline-offset: 3px; border-radius: 6px; }