/*
 * Roadie Help Center — global LWR overrides
 */

/* Figtree — Roadie Support Center brand typeface */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap');

html,
body {
    height: 100%;
}

html {
    background: #ffffff;
}

body {
    margin: 0;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Canvas / page background: theme neutral is gray (#ecebea) by default */
:root {
    --dxp-g-neutral: #ffffff;
    --dxp-g-neutral-1: #ffffff;
    --dxp-g-root: #ffffff;
    --dxp-s-component-wrapper-spacer-size: 0;
    --dxp-s-component-wrapper-spacer-size-mobile: 0;
    --dxp-s-section-content-spacing-block-start: 0;
    --dxp-s-section-content-spacing-block-end: 0;
    --dxp-s-section-content-spacing-inline-start: 0;
    --dxp-s-section-content-spacing-inline-end: 0;

    /* Roadie brand palette */
    --roadie-teal: #00BBBB;
    --roadie-teal-dark: #008383;
    --roadie-teal-light: #E6FAFA;
    --roadie-teal-footer: #004F50;

    /* Gray palette — matches Home tile typography */
    --roadie-gray-900: #1A2120;
    --roadie-gray-600: #566160;
    --roadie-gray-400: #9BA8A7;
    --roadie-gray-200: #E5E8E8;

    /* Figtree across LWR theme tokens */
    --roadie-font: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --dxp-g-root-font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --dxp-s-html-font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Matches footer Solutions → About content width */
    --roadie-content-max: 1200px;
    --roadie-content-pad: 24px;
}

/* Propagate font to all elements (LWR scoped styles inherit from :root) */
body,
button,
input,
select,
textarea {
    font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Reset LWR default blue link color — let each component control its own */
a {
    color: inherit;
    text-decoration: none;
}

/* Sections and layout regions: white, no outer gaps */
community_layout-section,
community_layout-slds-flexible-layout,
.dxp_content_layout,
.dxp_content_layout-section {
    background-color: #ffffff;
    --dxp-c-section-content-spacing-block-start: 0;
    --dxp-c-section-content-spacing-block-end: 0;
    --dxp-c-section-content-spacing-inline-start: 0;
    --dxp-c-section-content-spacing-inline-end: 0;
}

/*
 * Support form pages — content width matches footer (Solutions → About).
 * Class toggled by roadieHeader on support form pages (Contact Support,
 * DNSS, Privacy, Trust & Safety, Deep Deletions, DL Update, ID Verification,
 * PSST, Prohibited Items, Appeal, SEA/CO Appeals, VIN). Header/footer full-bleed.
 */
body.roadie-content-frame community_layout-slds-flexible-layout {
    max-width: var(--roadie-content-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--roadie-content-pad);
    padding-right: var(--roadie-content-pad);
    box-sizing: border-box;
    width: 100%;
}

body.roadie-content-frame community_layout-slds-flexible-layout community_layout-section {
    --dxp-c-section-columns-max-width: var(--roadie-content-max);
}

/* Sticky header — theme + LWC; avoid overflow clipping on ancestors */
community_byo-scoped-header-and-footer,
.themeHeader,
.lwc-4to5header,
c-roadie-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

community_byo-scoped-header-and-footer > header,
.themeHeader {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
}

/*
 * Flow / form Submit footer — space between the divider line and the button.
 * Applies to dxp_flow screens and any SLDS flow navigation bar on support pages.
 */
body.roadie-content-frame flowruntime-navigation,
body.roadie-content-frame .flow-button-bar,
body.roadie-content-frame .slds-card__footer,
body.roadie-content-frame [class*='flowruntime'] .slds-card__footer {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    margin-top: 0.75rem;
}

body.roadie-content-frame flowruntime-navigation .slds-button,
body.roadie-content-frame .flow-button-bar .slds-button {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}