/*
FILE: web/css/runtime_flow_header_footer_global_force_v18_55.css
ROLE: force new global header/footer contour on flow pages
STATUS: active patch v18.55
DOES:
- applies the same new global purple/pink/dark header and footer to flow pages
- targets private/business client and partner flow routes with broad selectors
- keeps flow content logic untouched
- keeps flow topbar blue and content shell yellow
DOES NOT:
- touch backend, database, API, sessions, passwords, flow submit, jobs, storage
*/

:root{
  --abc-v1855-global-header-footer-bg-a: rgba(27, 19, 49, .985);
  --abc-v1855-global-header-footer-bg-b: rgba(8, 17, 32, .985);
  --abc-v1855-global-header-footer-line: rgba(231, 70, 174, .48);
  --abc-v1855-global-header-footer-soft: rgba(231, 70, 174, .12);
  --abc-v1855-global-header-footer-glow: rgba(231, 70, 174, .16);
  --abc-v1855-flow-blue-line: rgba(74, 166, 255, .36);
  --abc-v1855-flow-yellow-line: rgba(255, 215, 90, .34);
}

/* FLOW ROUTES: same global header/footer as the rest of the platform. */
body.private-client-account-page .site-header,
body.business-client-account-page .site-header,
body.private-partner-account-page .site-header,
body.business-partner-account-page .site-header,
body.private-client-account-page .abc-static-header,
body.business-client-account-page .abc-static-header,
body.private-partner-account-page .abc-static-header,
body.business-partner-account-page .abc-static-header,
body.private-client-account-page header,
body.business-client-account-page header,
body.private-partner-account-page header,
body.business-partner-account-page header,
body[data-page="private_client_account"] .site-header,
body[data-page="business_client_account"] .site-header,
body[data-page="private_partner_account"] .site-header,
body[data-page="business_partner_account"] .site-header,
body[data-page="flow"] .site-header,
body[data-account-flow] .site-header,
body[data-flow-type] .site-header,
body[class*="client-account"] .site-header,
body[class*="partner-account"] .site-header,
body[class*="account-page"] .site-header,
body.private-client-account-page .site-footer,
body.business-client-account-page .site-footer,
body.private-partner-account-page .site-footer,
body.business-partner-account-page .site-footer,
body.private-client-account-page .abc-static-footer,
body.business-client-account-page .abc-static-footer,
body.private-partner-account-page .abc-static-footer,
body.business-partner-account-page .abc-static-footer,
body.private-client-account-page footer,
body.business-client-account-page footer,
body.private-partner-account-page footer,
body.business-partner-account-page footer,
body[data-page="private_client_account"] .site-footer,
body[data-page="business_client_account"] .site-footer,
body[data-page="private_partner_account"] .site-footer,
body[data-page="business_partner_account"] .site-footer,
body[data-page="flow"] .site-footer,
body[data-account-flow] .site-footer,
body[data-flow-type] .site-footer,
body[class*="client-account"] .site-footer,
body[class*="partner-account"] .site-footer,
body[class*="account-page"] .site-footer{
  background:
    radial-gradient(circle at 10% 0%, var(--abc-v1855-global-header-footer-soft), transparent 36%),
    linear-gradient(180deg, var(--abc-v1855-global-header-footer-bg-a), var(--abc-v1855-global-header-footer-bg-b)) !important;
  background-color: var(--abc-v1855-global-header-footer-bg-b) !important;
  border: 1px solid var(--abc-v1855-global-header-footer-line) !important;
  border-radius: 26px !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 16px 38px rgba(0,0,0,.24),
    0 0 0 1px var(--abc-v1855-global-header-footer-glow) !important;
  color: #f7f8ff !important;
}

/* Flow header/footer inner modules must not keep old local contour. */
body.private-client-account-page .site-header *,
body.business-client-account-page .site-header *,
body.private-partner-account-page .site-header *,
body.business-partner-account-page .site-header *,
body.private-client-account-page .site-footer *,
body.business-client-account-page .site-footer *,
body.private-partner-account-page .site-footer *,
body.business-partner-account-page .site-footer *{
  --abc-global-red: var(--abc-v1855-global-header-footer-line);
}

body.private-client-account-page .site-header .section-head,
body.business-client-account-page .site-header .section-head,
body.private-partner-account-page .site-header .section-head,
body.business-partner-account-page .site-header .section-head,
body.private-client-account-page .site-header .panel,
body.business-client-account-page .site-header .panel,
body.private-partner-account-page .site-header .panel,
body.business-partner-account-page .site-header .panel,
body.private-client-account-page .site-footer .section-head,
body.business-client-account-page .site-footer .section-head,
body.private-partner-account-page .site-footer .section-head,
body.business-partner-account-page .site-footer .section-head,
body.private-client-account-page .site-footer .panel,
body.business-client-account-page .site-footer .panel,
body.private-partner-account-page .site-footer .panel,
body.business-partner-account-page .site-footer .panel{
  background: transparent !important;
  border-color: rgba(231,70,174,.18) !important;
  box-shadow: none !important;
}

/* Flow topbar remains blue, as requested. */
body.private-client-account-page .content-top-strip,
body.business-client-account-page .content-top-strip,
body.private-partner-account-page .content-top-strip,
body.business-partner-account-page .content-top-strip,
body.private-client-account-page .content-top-bar,
body.business-client-account-page .content-top-bar,
body.private-partner-account-page .content-top-bar,
body.business-partner-account-page .content-top-bar,
body.private-client-account-page .abc-global-topbar-module,
body.business-client-account-page .abc-global-topbar-module,
body.private-partner-account-page .abc-global-topbar-module,
body.business-partner-account-page .abc-global-topbar-module{
  border-color: var(--abc-v1855-flow-blue-line) !important;
  box-shadow:
    inset 0 0 0 1px rgba(74,166,255,.07),
    0 12px 28px rgba(0,0,0,.14) !important;
}

/* Flow content shell remains yellow fine border. */
body.private-client-account-page .abc-stack,
body.business-client-account-page .abc-stack,
body.private-partner-account-page .abc-stack,
body.business-partner-account-page .abc-stack,
body.private-client-account-page main.abc-stack,
body.business-client-account-page main.abc-stack,
body.private-partner-account-page main.abc-stack,
body.business-partner-account-page main.abc-stack,
body.private-client-account-page .clean-main-panel,
body.business-client-account-page .clean-main-panel,
body.private-partner-account-page .clean-main-panel,
body.business-partner-account-page .clean-main-panel{
  border-color: var(--abc-v1855-flow-yellow-line) !important;
}

/* Remove old debug pseudo labels/rings on flow header/footer. */
body.private-client-account-page .site-header::before,
body.business-client-account-page .site-header::before,
body.private-partner-account-page .site-header::before,
body.business-partner-account-page .site-header::before,
body.private-client-account-page .site-header::after,
body.business-client-account-page .site-header::after,
body.private-partner-account-page .site-header::after,
body.business-partner-account-page .site-header::after,
body.private-client-account-page .site-footer::before,
body.business-client-account-page .site-footer::before,
body.private-partner-account-page .site-footer::before,
body.business-partner-account-page .site-footer::before,
body.private-client-account-page .site-footer::after,
body.business-client-account-page .site-footer::after,
body.private-partner-account-page .site-footer::after,
body.business-partner-account-page .site-footer::after{
  content: none !important;
  display: none !important;
}

/* Mobile flow header/footer uses same contour, smaller radius. */
@media (max-width:760px){
  body.private-client-account-page .site-header,
  body.business-client-account-page .site-header,
  body.private-partner-account-page .site-header,
  body.business-partner-account-page .site-header,
  body.private-client-account-page .site-footer,
  body.business-client-account-page .site-footer,
  body.private-partner-account-page .site-footer,
  body.business-partner-account-page .site-footer{
    border-radius: 18px !important;
  }
}