/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html,
body,
webruntime-app,
[data-region="content"],
[data-region="content"] community_layout-section,
[data-region="content"] .dxp-section,
[data-region="content"] .slds-col,
c-public-articles {
    background: #f3f3f3 !important;
}

body {
    margin: 0;
    overflow-x: hidden;
}

:root {
    --dxp-s-section-content-spacing-inline-start: 0px;
    --dxp-s-section-content-spacing-inline-end: 0px;
}

/* Skip link: keep for keyboard users, do not leave a grey strip at the top */
a[href="#mainContent"],
a[href="#main-content"],
.slds-skip-link,
.lwr-skip-link,
.comm-skip-to-content {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    z-index: 10000;
}

a[href="#mainContent"]:focus,
a[href="#main-content"]:focus,
.slds-skip-link:focus,
.lwr-skip-link:focus-within,
.comm-skip-to-content:focus-within {
    position: fixed !important;
    left: 1rem !important;
    top: 1rem !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    background: #000 !important;
    color: #fff !important;
    padding: 0.5rem 1rem !important;
}

community_layout-section,
.dxp-section,
.comm-layout-column,
.slds-col {
    --dxp-s-section-content-spacing-inline-start: 0px;
    --dxp-s-section-content-spacing-inline-end: 0px;
}

/* Black header/footer full bleed */
[data-region="header"],
[data-region="footer"],
c-site-header,
c-hc_-footer {
    display: block;
    background: #000;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

[data-region="header"],
[data-region="footer"],
c-site-header,
c-hc_-footer,
c-hc_-footer .footer {
    --dxp-s-section-content-spacing-inline-start: 0px;
    --dxp-s-section-content-spacing-inline-end: 0px;
    --dxp-s-section-content-spacing-block-start: 0px;
    --dxp-s-section-content-spacing-block-end: 0px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    background: #000;
}

[data-region="header"] .comm-layout-column,
[data-region="header"] .dxp-section,
[data-region="header"] community_layout-section,
[data-region="header"] .slds-col,
[data-region="footer"] .comm-layout-column,
[data-region="footer"] .dxp-section,
[data-region="footer"] community_layout-section,
[data-region="footer"] .slds-col {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    background: #000;
}

[data-region="content"],
[data-region="content"] > .dxp-section:first-child,
[data-region="content"] > community_layout-section:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

c-site-header {
    display: block;
    margin: 0;
    padding: 0.75rem 2rem !important;
    box-sizing: border-box;
}

/* Hide Playbook Layout section header "Fields" on Knowledge articles */
.slds-section__title,
.slds-section__title-action,
h3.slds-theme_shade,
.test-id__section-header-title,
.forcePageBlockSectionTitle {
    display: none !important;
}

/* Hide Knowledge Title field from Playbook Layout (keep Section HTML headings) */
[data-target-selection-name="sfdc:RecordField.Knowledge__kav.Title"] {
    display: none !important;
}