/* Global variables */
:host, :root {
  --CUI-accent: #FF9800;
  --K15t-link: #e68a00;
  --K15t-font-body-small: 15px;
  --theme-headline-color: #4e4e4e;
  --K15t-border-input-selected: var(--CUI-accent);
}

/* Header */
.header {
  height: 60px;
}

.header-site-name {
  font-size: 18px;
  text-transform: uppercase;
}

.header-logo {
  width: 30px;
}

a:has(.header-logo):has(.header-site-name) {
    display: flex;
    gap: 10px;
}

.header a:hover {
    text-decoration: none;
}

/* Breadcrumbs */
.breadcrumbs a {
    color: var(--K15t-link);
    text-transform: uppercase;
    font-size: 13px;
}

.breadcrumbs li:not(:last-child):after {
    content: '';
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 2px 2px 0 0 #b6b6b6;
    transform: rotate(-45deg);
    margin: -3px 14px 0 5px;
}

/* Article Title */
article  h1 {
  border-bottom: 2px solid var(--CUI-accent);
  display: inline-block;
  padding: 0 30px 8px 0;
  vertical-align: top;
  margin: 4px 0 -13px;
  font-weight: 500;
  color: #777;
  font-size: 24px;
  line-height: 24px;
  width: 100%;
}

.article-page .main-content {
 row-gap: 0px;
}

.article-body {
  padding-top: 15px;
}

/* Nav panel tweaks */

.icon-dot  {
  opacity: 0;
}

.tree-item-header {
  padding: 6px;
}

.tree {
    font-size: 15px;
} 

.tree .tree-item-header:has(>[aria-current=page]) {
    border: none;
    border-radius: 0;
    border-left: 2px solid var(--CUI-accent);
}


.tree .tree-action:not(:hover) {
    opacity: .5;
}

.tree-item, .tree ul, .tree:not([hidden]) {
  row-gap: 0px;
}

.tree .tree-item-header:not(:has(>.tree-action)):before {
 opacity: 0;
}

/* Article tweaks */

.expand {
  margin-top: 4px;
  margin-bottom: 4px;
}

.expand .expand-control {
  font-weight: normal;
}

.expand-body {
    padding-top: 15px;
}

.theme-block-image {
    margin-block: 0;
    margin-bottom: 15px;
}

.expand {
  max-width: 100%;
}

.expand-body {
  padding: 20px;
}

article a:visited, .child-pages a {
  color: var(--K15t-link);
}

/* TOC tweaks */
.toc-link {
  font-size: 15px;
}

.toc.sticky .toc-list .toc-link:not([aria-current]):is(:hover,:focus-visible) {
    text-decoration: none;
    background-color: var(--K15t-background-neutral-subtle-hovered);
}

.toc.sticky .toc-list .toc-link[aria-current=true]:before {
  background-color: var(--CUI-accent);
  block-size: 100%;
  border-radius: 0;
  inline-size: 2px;
}

.toc-heading {
    display: none;
}

.toc.sticky {
    border-width: 0 0 0 1px;
}

/* Search Results + Search Box */ 

.search-result a:visited {
      color: var(--K15t-link);
}

.search-result {
  gap: 0px;
}

.search-suggestion-option__info {
  font-size: small;
}

.search-result__title {
    font-size: 20px;
}

.search-page__subgrid {
    grid-template-columns: max-content 1fr;
}

.search-result__content-source {
    display: none;
}

.search-page__results-header {
    display: none;
}

.filter-vertical [role=radio][aria-checked=true]:before {
    visibility: visible;
    background-color: var(--CUI-accent);
    border-radius: 0;
    height: -webkit-fill-available;
    width: 2px;
}

.search-page__subgrid .expand {
    border: none !important;
}

.search-page__subgrid .expand-body {
    border-radius: 0;
    border-right: var(--_border-width) solid var(--K15t-border-neutral);
}

.search-page__hr {
    display: none;
}

.search-suggestion-option:before {
    height: 50px;
    background-color: var(--CUI-accent);
    border-radius: 0;
}

[data-component=status][data-color=neutral] {
    opacity: 0.7;  
}


[data-component="expand"] {
  background-color: transparent;
}


.fb-layout-body [data-component="expand"]:open > summary {
  background-color: rgba(255, 152, 0, 0.1);
}


.fb-layout-body blockquote {
  padding-top: 0 !important;
}



/* Misc */
u {
  text-decoration: none;
}

.theme-code-snippet 
 {
   max-width: 100%;
 }


/* Outline on focus */
:focus {
    outline: none;
    outline-color: white;
}