
.x4a-legal-footer{width:100%;border-top:1px solid rgba(127,159,180,.2);background:rgba(5,12,18,.96);color:rgba(226,240,248,.72);font-size:12px;line-height:1.4}
.x4a-legal-footer-inner{max-width:1480px;margin:0 auto;padding:14px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px 28px}
.x4a-legal-footer-brand{white-space:nowrap;letter-spacing:.02em}
.x4a-legal-footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
.x4a-legal-footer a,.x4a-legal-document a{color:#8eddf6;text-decoration:none}
.x4a-legal-footer a:hover,.x4a-legal-footer a:focus-visible,.x4a-legal-document a:hover,.x4a-legal-document a:focus-visible{text-decoration:underline}
.x4a-legal-overlay[hidden]{display:none!important}
.x4a-legal-overlay{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:26px}
.x4a-legal-overlay-backdrop{position:absolute;inset:0;background:rgba(0,4,8,.82);backdrop-filter:blur(5px)}
.x4a-legal-overlay-panel{position:relative;width:min(1040px,100%);max-height:min(88vh,980px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(94,210,244,.28);border-radius:18px;background:linear-gradient(180deg,rgba(13,26,35,.99),rgba(5,12,18,.99));color:#e7f2f7;box-shadow:0 30px 90px rgba(0,0,0,.56)}
.x4a-legal-overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid rgba(127,159,180,.18)}
.x4a-legal-overlay-header h2{margin:3px 0 0;font-size:clamp(22px,3vw,34px);line-height:1.1}
.x4a-legal-kicker{margin:0;color:#63d6f4;font-size:11px;font-weight:700;letter-spacing:.15em}
.x4a-legal-close{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(127,159,180,.28);border-radius:50%;background:rgba(255,255,255,.03);color:#e7f2f7;font:inherit;font-size:28px;line-height:1;cursor:pointer}
.x4a-legal-overlay-body{overflow:auto;padding:24px;overscroll-behavior:contain}
.x4a-legal-loading{min-height:220px;display:grid;place-items:center;color:rgba(226,240,248,.72)}
body.x4a-legal-open{overflow:hidden}
.x4a-legal-document{color:#e7f2f7}
.x4a-legal-document section+section{margin-top:30px;padding-top:25px;border-top:1px solid rgba(127,159,180,.16)}
.x4a-legal-document h3{margin:0 0 12px;font-size:19px;color:#f2fbff}
.x4a-legal-document p,.x4a-legal-document li{color:rgba(226,240,248,.82);line-height:1.7}
.x4a-legal-document p{margin:0 0 13px}
.x4a-legal-document address{margin:16px 0;padding:16px 18px;border-left:3px solid #63d6f4;background:rgba(99,214,244,.06);color:rgba(226,240,248,.88);font-style:normal;line-height:1.65}
.x4a-legal-note{margin-top:18px!important;padding:14px 16px;border:1px solid rgba(127,159,180,.18);border-radius:10px;background:rgba(255,255,255,.025);font-size:12px}
.x4a-legal-page-main{min-height:70vh;padding:42px 22px 72px;background:#071017}
.x4a-legal-document-page{width:min(980px,100%);margin:0 auto;padding:30px;border:1px solid rgba(127,159,180,.18);border-radius:18px;background:rgba(11,22,30,.96)}
.x4a-legal-document-header{margin-bottom:28px}
.x4a-legal-document-header h1{margin:7px 0 8px;color:#f2fbff;font-size:clamp(28px,5vw,46px);line-height:1.05}
.x4a-legal-updated{margin:0;color:rgba(226,240,248,.58)!important;font-size:12px}
.x4a-contact-form{margin-top:18px}
.x4a-contact-form label{display:grid;gap:7px;color:rgba(226,240,248,.82);font-size:13px}
.x4a-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.x4a-contact-form input,.x4a-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(127,159,180,.26);border-radius:10px;background:rgba(255,255,255,.035);color:#f3fbff;font:inherit;padding:11px 12px;outline:none}
.x4a-contact-form input:focus,.x4a-contact-form textarea:focus{border-color:#63d6f4;box-shadow:0 0 0 3px rgba(99,214,244,.1)}
.x4a-contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.x4a-contact-captcha{margin-top:18px;padding:15px;border:1px solid rgba(127,159,180,.18);border-radius:12px;background:rgba(255,255,255,.025)}
.x4a-contact-captcha-image{min-height:96px;display:flex;align-items:center;overflow:hidden;border-radius:9px;background:rgba(0,0,0,.2)}
.x4a-contact-captcha-image img{width:100%;max-width:360px;height:auto;display:block}
.x4a-contact-captcha-controls{margin-top:12px;display:flex;align-items:end;gap:12px}
.x4a-contact-captcha-controls label{width:min(220px,100%)}
.x4a-legal-primary-button,.x4a-legal-secondary-button{border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.x4a-legal-primary-button{border:1px solid #63d6f4;background:#63d6f4;color:#061018;padding:11px 16px}
.x4a-legal-secondary-button{border:1px solid rgba(127,159,180,.32);background:rgba(255,255,255,.035);color:#e7f2f7;padding:10px 14px}
.x4a-contact-actions{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.x4a-contact-status{min-height:1.4em;color:rgba(226,240,248,.76);font-size:13px}
.x4a-contact-status.is-error{color:#ff9f9f}.x4a-contact-status.is-success{color:#91efc6}
@media(max-width:760px){.x4a-legal-footer-inner{align-items:flex-start;flex-direction:column;padding-left:16px;padding-right:16px}.x4a-legal-footer-nav{justify-content:flex-start}.x4a-legal-overlay{padding:0;place-items:stretch}.x4a-legal-overlay-panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border-left:0;border-right:0}.x4a-legal-overlay-header,.x4a-legal-overlay-body{padding-left:16px;padding-right:16px}.x4a-contact-grid{grid-template-columns:1fr}.x4a-contact-captcha-controls{align-items:stretch;flex-direction:column}.x4a-legal-document-page{padding:22px 16px;border-left:0;border-right:0;border-radius:0}.x4a-legal-page-main{padding-left:0;padding-right:0}}
html[data-x4a-theme="light"] .x4a-legal-footer{background:rgba(245,249,251,.98);color:rgba(20,42,54,.68)}
html[data-x4a-theme="light"] .x4a-legal-overlay-panel,html[data-x4a-theme="light"] .x4a-legal-document-page{background:#f8fbfc;color:#102532}
html[data-x4a-theme="light"] .x4a-legal-page-main{background:#eef4f7}
html[data-x4a-theme="light"] .x4a-legal-document h3,html[data-x4a-theme="light"] .x4a-legal-document-header h1{color:#102532}
html[data-x4a-theme="light"] .x4a-legal-document p,html[data-x4a-theme="light"] .x4a-contact-form label{color:rgba(16,37,50,.82)}
html[data-x4a-theme="light"] .x4a-contact-form input,html[data-x4a-theme="light"] .x4a-contact-form textarea,html[data-x4a-theme="light"] .x4a-legal-secondary-button{background:#fff;color:#102532;border-color:rgba(16,37,50,.2)}

/* X4A LEGAL FALLBACK TYPOGRAPHY PARITY
 *
 * The lazy overlay inherits X4A product typography from its host page.
 * Direct legal fallback routes render outside the normal product templates,
 * so WordPress theme typography must not leak into those documents.
 * Local/system fonts only. No remote font request.
 */
body.x4a-legal-fallback-page,
body.x4a-legal-fallback-page .x4a-legal-document,
body.x4a-legal-fallback-page .x4a-legal-document h1,
body.x4a-legal-fallback-page .x4a-legal-document h2,
body.x4a-legal-fallback-page .x4a-legal-document h3,
body.x4a-legal-fallback-page .x4a-legal-document h4,
body.x4a-legal-fallback-page .x4a-legal-document h5,
body.x4a-legal-fallback-page .x4a-legal-document h6,
body.x4a-legal-fallback-page .x4a-legal-document p,
body.x4a-legal-fallback-page .x4a-legal-document li,
body.x4a-legal-fallback-page .x4a-legal-document address,
body.x4a-legal-fallback-page .x4a-legal-document label,
body.x4a-legal-fallback-page .x4a-legal-document input,
body.x4a-legal-fallback-page .x4a-legal-document textarea,
body.x4a-legal-fallback-page .x4a-legal-document button,
body.x4a-legal-fallback-page .x4a-legal-document select,
body.x4a-legal-fallback-page .x4a-legal-kicker,
body.x4a-legal-fallback-page .x4a-legal-updated {
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif !important;
}

body.x4a-legal-fallback-page .x4a-legal-document-header h1 {
    font-weight: 760;
    letter-spacing: -0.025em;
}

body.x4a-legal-fallback-page .x4a-legal-document h3 {
    font-weight: 700;
    letter-spacing: -0.01em;
}

body.x4a-legal-fallback-page .x4a-legal-kicker {
    font-weight: 700;
    letter-spacing: 0.15em;
}
