:root {
    /*! put your custom css here */
}

commerce-layout-site > .header,
commerce-my-account-my-account-layout > .header,
commerce_my_account-my-account-layout > .header,
community_layout-simple-theme-layout > header,
header:has(c-dealer-connect-header),
.header:has(c-dealer-connect-header),
community_layout-section:has(c-dealer-connect-header),
.comm-section-container:has(c-dealer-connect-header),
main:has(c-dealer-connect-hero),
community_layout-section:has(c-dealer-connect-hero),
.comm-section-container:has(c-dealer-connect-hero) {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

commerce-layout-site > .header:has(c-dealer-connect-header),
commerce-my-account-my-account-layout > .header:has(c-dealer-connect-header),
commerce_my_account-my-account-layout > .header:has(c-dealer-connect-header),
community_layout-simple-theme-layout > header:has(c-dealer-connect-header),
body header:has(c-dealer-connect-header),
body .header:has(c-dealer-connect-header),
body community_layout-section:has(c-dealer-connect-header),
body .comm-section-container:has(c-dealer-connect-header) {
    position: sticky !important;
    top: 0 !important;
    inset-block-start: 0 !important;
    z-index: 900 !important;
    overflow: visible !important;
    background: var(--slds-g-color-surface-container-1, #fff) !important;
    border-bottom: 0.5px solid var(--slds-g-color-neutral-base-90, #e5e5e5) !important;
    box-shadow: none !important;
    pointer-events: auto;
}

body c-dealer-connect-header {
    --dealer-connect-header-position: relative;
    --dealer-connect-header-sticky-offset: 0;
    --dealer-connect-header-z-index: 900;
    --dealer-connect-header-host-pointer-events: auto;
    --dealer-connect-header-content-pointer-events: auto;
    --dealer-connect-header-row-box-sizing: border-box;
    --dealer-connect-header-row-padding-block: 0;
    --dealer-connect-header-mobile-row-padding-block: 0;
    --dealer-connect-header-font-family: var(
        --slds-g-font-family,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif
    );
    /* Matches the Dealer Connect desktop content width configured in site branding. */
    --dealer-connect-header-max-content-width: 1800px;
    --dealer-connect-header-logo-height: 17px;
    --dealer-connect-header-nav-font-weight: var(--slds-g-font-weight-4, 400);
    --dealer-connect-header-desktop-nav-offset: var(--slds-g-spacing-2, 0.5rem);
}

commerce-my-account-my-account-layout:has(.dealerConnectProfilePage) > main,
commerce_my_account-my-account-layout:has(.dealerConnectProfilePage) > main {
    box-sizing: border-box;
    width: 100%;
    max-width: 1800px;
    margin-inline: auto;
}

html[data-dealer-connect-walkthrough-open='true'] body c-dealer-connect-header {
    --dealer-connect-header-z-index: 0;
}

commerce-layout-site > .header::before,
commerce-layout-site > .header::after,
commerce-my-account-my-account-layout > .header::before,
commerce-my-account-my-account-layout > .header::after,
commerce_my_account-my-account-layout > .header::before,
commerce_my_account-my-account-layout > .header::after,
community_layout-simple-theme-layout > header::before,
community_layout-simple-theme-layout > header::after,
header:has(c-dealer-connect-header)::before,
header:has(c-dealer-connect-header)::after,
.header:has(c-dealer-connect-header)::before,
.header:has(c-dealer-connect-header)::after {
    content: none !important;
    display: none !important;
}

.dealerConnectSectionHeader.dealerConnectSectionHeader--secondary {
    margin-bottom: var(--slds-g-spacing-3, 0.75rem);
}

.dealerConnectActionGroup.dealerConnectActionGroup--primary,
.dealerConnectActionGroup.dealerConnectActionGroup--secondary {
    margin: 0 0 var(--slds-g-spacing-2, 0.5rem);
}

.dealerConnectLegalUpdated {
    box-sizing: border-box;
    width: 100%;
    margin: calc(-1 * var(--slds-g-spacing-4, 1rem)) 0 var(--slds-g-spacing-6, 2rem);
    padding: 0 var(--slds-g-spacing-5, 1.5rem) !important;
    color: var(--slds-g-color-on-surface-1, #5c5c5c);
    font-size: var(--slds-g-font-scale-neg-1, 0.75rem);
    font-weight: var(--slds-g-font-weight-4, 400);
    line-height: var(--slds-g-font-lineheight-2, 1.25);
}

.dealerConnectLegalUpdated strong {
    font-weight: inherit;
}

.dealerConnectLegalContent {
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 var(--slds-g-spacing-5, 1.5rem) var(--slds-g-spacing-8, 3rem) !important;
    color: var(--slds-g-color-on-surface-2, #2e2e2e) !important;
    font-size: var(--slds-g-font-scale-2, 1rem) !important;
    line-height: 1.6 !important;
}

.dealerConnectLegalContent h2 {
    margin: var(--slds-g-spacing-6, 2rem) 0 var(--slds-g-spacing-3, 0.75rem) !important;
    color: var(--slds-g-color-on-surface-3, #03234d) !important;
    font-size: var(--slds-g-font-scale-3, 1.25rem) !important;
    font-weight: var(--slds-g-font-weight-6, 600) !important;
    line-height: var(--slds-g-font-lineheight-3, 1.375) !important;
}

.dealerConnectLegalContent h2:first-child {
    margin-top: 0 !important;
}

.dealerConnectLegalContent h2 strong {
    font-weight: inherit;
}

.dealerConnectLegalContent p {
    margin: 0 0 var(--slds-g-spacing-4, 1rem) !important;
}

.dealerConnectLegalContent ul,
.dealerConnectLegalContent ol {
    margin: 0 0 var(--slds-g-spacing-4, 1rem) !important;
    padding-inline-start: var(--slds-g-spacing-5, 1.5rem) !important;
}

.dealerConnectLegalContent li {
    margin: 0 !important;
    padding-inline-start: var(--slds-g-spacing-1, 0.25rem) !important;
}

.dealerConnectLegalContent li + li {
    margin-top: var(--slds-g-spacing-2, 0.5rem) !important;
}

.dealerConnectLegalContent a {
    color: var(--slds-g-color-accent-2, #0250d9);
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.dealerConnectLegalContent a:hover {
    color: var(--slds-g-color-accent-3, #022ac0);
}

.dealerConnectLegalContent a:focus-visible {
    border-radius: var(--slds-g-radius-border-1, 0.25rem);
    outline: none;
    box-shadow:
        0 0 0 2px var(--slds-g-color-surface-2, #f3f3f3),
        0 0 0 4px var(--slds-g-color-brand-base-15, #001e5b);
}

@media (max-width: 47.99em) {
    .dealerConnectLegalUpdated {
        padding-right: var(--slds-g-spacing-4, 1rem) !important;
        padding-left: var(--slds-g-spacing-4, 1rem) !important;
    }

    .dealerConnectLegalContent {
        padding-right: var(--slds-g-spacing-4, 1rem) !important;
        padding-left: var(--slds-g-spacing-4, 1rem) !important;
    }
}