/* v24 final sitewide luxury background override — MUST load last */
html {
  min-height: 100%;
  background: #071521;
}

body {
  min-height: 100vh;
  color: var(--ink, #17212b);
  background-color: #0b1b28 !important;
  background-image:
    linear-gradient(180deg, rgba(4, 16, 27, .42) 0%, rgba(7, 24, 37, .52) 48%, rgba(5, 18, 29, .63) 100%),
    url('/assets/uploads/site/page-background.webp') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* High-trust glass surface: enough opacity for readability, enough transparency for the background to be visible. */
.home-hero,
.hero-shell,
.theme-panel,
.human-section,
.process-section,
.page-hero,
.section-card,
.content-card,
.process-box,
.contact-cta,
.compact-cta,
.identity-disclosure,
.notice,
.keyword-card,
.card,
.region-card,
.region-index-hero,
.seo-article .section {
  background: rgba(252, 251, 248, .90) !important;
  border-color: rgba(215, 203, 181, .72) !important;
  box-shadow: 0 18px 46px rgba(3, 15, 25, .16) !important;
  -webkit-backdrop-filter: blur(10px) saturate(112%);
  backdrop-filter: blur(10px) saturate(112%);
}

/* Deliberately dark premium sections keep their brand treatment. */
.v23-principles,
.v23-final-cta {
  background: linear-gradient(135deg, rgba(10, 37, 55, .97), rgba(3, 18, 29, .98)) !important;
  border-color: rgba(203, 163, 92, .34) !important;
}

.site-header {
  background: rgba(250, 249, 246, .91) !important;
  border-bottom-color: rgba(201, 170, 112, .24) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
  box-shadow: 0 8px 28px rgba(2, 13, 22, .12) !important;
}

.site-footer {
  background: rgba(4, 20, 32, .96) !important;
  border-top: 1px solid rgba(202, 164, 95, .26) !important;
  color: #d6e0e6 !important;
}
.site-footer a { color: #fff !important; }

/* Keep the background visible in the vertical breathing spaces between sections. */
main.wrap {
  padding-top: 1px;
  padding-bottom: 28px;
}
.breadcrumbs {
  color: rgba(244, 240, 231, .90) !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.55);
}
.breadcrumbs a { color: #fff !important; }

/* Small gold accent reinforces the premium/authoritative tone without harming readability. */
.page-hero,
.home-hero,
.theme-panel,
.seo-article .section {
  outline: 1px solid rgba(205, 169, 105, .06);
}

@media (max-width: 700px) {
  body {
    background-attachment: scroll !important;
    background-position: 48% top !important;
  }
  .home-hero,
  .hero-shell,
  .theme-panel,
  .human-section,
  .process-section,
  .page-hero,
  .section-card,
  .content-card,
  .process-box,
  .contact-cta,
  .compact-cta,
  .identity-disclosure,
  .notice,
  .keyword-card,
  .card,
  .region-card,
  .region-index-hero,
  .seo-article .section {
    background: rgba(252, 251, 248, .94) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}