: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;
    background: var(--slds-g-color-surface-container-1, #fff) !important;
    border-bottom: var(--slds-g-sizing-border-1, 1px) solid var(--slds-g-color-neutral-base-90, #e5e5e5) !important;
    box-shadow: none !important;
}

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-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-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);
}