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

html {
    background: #fbfbfb;
}

body {
    margin: 0;
    background: #fbfbfb;
    font-family: Helvetica, Arial, sans-serif;
}

/* Apply site-wide font across most elements (helps with LWCs and rich content) */
body, body * {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}

/* Normalize article paragraph weight and line-height */
.slds-text-longform p, .answer p, .slds-text-longform li, .answer li {
    font-weight: 300 !important;
    line-height: 1.8 !important;
}

/* Make ToC items consistent with site font weight */
.c-knowledgeArticleToc .toc-item a { font-weight: 400 !important; }

footer, .footer, .themeFooter, [data-region-name="footer"], [data-region-name="Theme Footer"] {
    background: #fbfbfb !important;
}

/* Header separator line and subtle shadow */
header, .themeHeader, [data-region-name="Theme Header"] {
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    border-bottom: 1px solid #cbd5e1 !important; /* same as column divider */
    position: sticky; /* keep existing sticky behavior */
    top: 0;
    z-index: 1000;
    background: #fff; /* ensure shadow is visible */
    min-height: 52px; /* tighten header vertical size */
}
/* Make header search input taller */
.dxp_search-searchInput input[type="search"],
.dxp_search-searchInput input[type="text"],
.dxp_search-searchInput .slds-input {
    height: 56px !important;
    line-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.dxp_search-searchInput .slds-form-element__control,
.dxp_search-searchInput .slds-input__icon,
.dxp_search-searchInput .slds-input__icon_left,
.dxp_search-searchInput .slds-input__icon_right {
    height: 56px !important;
}
.dxp_search-searchInput .slds-button {
    height: 56px !important;
    line-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Further tighten header vertical spacing */
[data-region-name="Theme Header"] .community_layout-section,
.themeHeader .community_layout-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Constrain header logos to reduce header height influence */
[data-region-name="Theme Header"] img,
.themeHeader img {
    max-height: 28px;
}

/* Responsive: center the home banner content and buttons when nav collapses */
@media (max-width: 1024px) {
  /* Center the specific home banner components by component ID when nav collapses */
  [data-view-type="home"] [data-component-id="41a4869b-8739-44a1-a559-3157fdd9e149"],
  [data-view-type="home"] [data-component-id="5498a136-2f46-4f75-9045-566b7ac0419a"],
  [data-view-type="home"] [data-component-id="e907e057-682e-4cf0-8cc9-42379cd18336"],
  [data-view-type="home"] [data-component-id="3843a64d-a9e8-49c6-935c-03ebc5120363"] {
    text-align: center !important;
  }
  /* Ensure button containers center their contents */
  [data-view-type="home"] [data-component-id="e907e057-682e-4cf0-8cc9-42379cd18336"] > *,
  [data-view-type="home"] [data-component-id="3843a64d-a9e8-49c6-935c-03ebc5120363"] > * {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block;
  }
}