/* ================================================
   LAYOUT
   - Limits the main content area to 70rem wide
   - Forces the first column to fill full width
   - Hides the right sidebar (follow button + article list)
   ================================================ */
.articleDetail .Layout__twoColumn {
  max-width: 70rem !important;
}
.Layout__layout1 {
  width: 100% !important;
  max-width: 100% !important;
}
.Layout__layout2 {
  display: none !important;
}

/* ================================================
   PREVIOUS / NEXT NAVIGATION BUTTONS
   - Styles the prev/next article links as solid
     orange buttons with white text
   - Darkens the button slightly on hover
   ================================================ */
a[data-id="prev_article"],
a[data-id="next_article"] {
  background-color: #e46317 !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}
a[data-id="prev_article"]:hover,
a[data-id="next_article"]:hover {
  background-color: #c4541a !important;
  color: white !important;
}

/* ================================================
   HIDDEN ELEMENTS
   - Hides the social sharing icons (e.g. Twitter,
     LinkedIn) shown below the article title
   - Hides the navigation menu links in the header
   - Hides the footer "Still can't find an answer?"
     section and submit a ticket button
   ================================================ */
ul.KbDetailLtContainer__userSocialIcon {
  display: none !important;
}
ul.Header__menuList[role="menu"] {
  display: none !important;
}
.Footer__footerBg {
  display: none !important;
}

/* ================================================
   BREADCRUMBS
   - Hides the "Knowledge Base" first breadcrumb
     item across all page types (article, category,
     and article list pages)
   - Removes the "/" separator before the second
     breadcrumb item since "Knowledge Base" is
     now hidden, leaving no orphaned separator
   ================================================ */

/* Hide "Knowledge Base" first breadcrumb - all page types */
li:has(a[data-id="articleDetail_breadcrumb_0"]),
li:has(a[data-id="articleSubCategory_breadcrumb_0"]),
li:has(a[data-id="articleList_breadcrumb_0"]) {
  display: none !important;
}

/* Remove "/" separator before second breadcrumb - all page types */
li:has(a[data-id="articleDetail_breadcrumb_1"])::before,
li:has(a[data-id="articleSubCategory_breadcrumb_1"])::before,
li:has(span[data-id="articleSubCategory_breadcrumb_1"])::before,
li:has(a[data-id="articleList_breadcrumb_1"])::before {
  content: none !important;
}