/* ============================================================
   Fronteam Logistics — legal/support pages, BUSINESS world only.
   Goal: make terms / privacy / refund / support look IDENTICAL to
   the logistics landing (business.html): centered 1300px container,
   navy background, no full-bleed split image panel, violet/cyan
   accents, top-nav content aligned to the same .wrap edge.
   Scoped to `body.biz-shell` (toggled when ?app=business) + the
   `html[data-world="business"]` attribute set by shared/nav.js, so
   the users world is never affected.
   ============================================================ */

/* --- Top nav: bar stays full-width, but its content is constrained
       to the same 1300px container as business.html's .wrap
       (max-width:1300px; padding:0 28px). On narrow screens it
       falls back to the default 24px gutter. --- */
html[data-world="business"] .top-nav {
    padding-inline: max(24px, calc((100vw - 1300px) / 2 + 28px));
}

/* --- Page background = logistics navy (matches business.html --navy) --- */
body.biz-shell {
    background: #0A0A18 !important;
}

/* --- Drop the full-bleed split: no fixed image panel, no glow edge,
       no floating quote. The page becomes a single centered column. --- */
body.biz-shell .image-side { display: none !important; }
body.biz-shell .glow-edge { display: none !important; }
body.biz-shell .image-quote { display: none !important; }

/* --- Content side: full width, centered, same container math as .wrap --- */
body.biz-shell .content-side {
    margin-left: 0 !important;
    width: 100% !important;
    background: transparent !important;
    align-items: center !important;
    padding-top: 92px !important;
    padding-bottom: 64px !important;
    padding-inline: max(28px, calc((100vw - 1300px) / 2 + 28px)) !important;
}
/* kill the magenta radial tint behind the content */
body.biz-shell .content-side::before { display: none !important; }

/* --- Readable, centered article / form column (centered via the
       content-side's align-items:center). --- */
body.biz-shell .page-content,
body.biz-shell .content {
    max-width: 820px !important;
    width: 100% !important;
}

/* --- Headings recolored to the logistics gradient/violet/cyan --- */
body.biz-shell .page-content h1,
body.biz-shell .content h1 {
    background: linear-gradient(110deg, #A78BFA, #6366F1 55%, #3B82F6) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
body.biz-shell .page-content h2 { color: #A78BFA !important; }
body.biz-shell .page-content h3,
body.biz-shell .contact-info h3 { color: #22D3EE !important; }

/* --- Notice / contact boxes recolored from magenta to violet-cyan --- */
body.biz-shell .important-notice {
    background: linear-gradient(135deg, rgba(124, 58, 237, .16), rgba(99, 102, 241, .12)) !important;
    border-color: rgba(124, 58, 237, .34) !important;
}
body.biz-shell .important-notice h3 { color: #A78BFA !important; }
body.biz-shell .contact-info {
    background: rgba(34, 211, 238, .08) !important;
    border-color: rgba(34, 211, 238, .30) !important;
}

/* --- Inline links --- */
body.biz-shell .page-content a,
body.biz-shell .content a {
    color: #6366F1 !important;
}
body.biz-shell .page-content a:hover,
body.biz-shell .content a:hover {
    color: #22D3EE !important;
}

/* ============================================================
   support.html — contact FORM accents recolored to logistics.
   The form uses #E91E63 (focus border, submit button, required *).
   ============================================================ */
body.biz-shell .form-group input:focus,
body.biz-shell .form-group textarea:focus,
body.biz-shell input:focus,
body.biz-shell textarea:focus {
    border-color: #6366F1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .18) !important;
}
body.biz-shell .submit-btn {
    background: linear-gradient(110deg, #A78BFA, #6366F1 55%, #3B82F6) !important;
}
body.biz-shell .submit-btn:hover {
    box-shadow: 0 12px 34px -12px rgba(99, 102, 241, .8) !important;
}
body.biz-shell .required {
    color: #A78BFA !important;
}
body.biz-shell label {
    color: #F1EFFA !important;
}