/* Optional custom code colors */
:root {
    --md-code-bg-color: rgb(120, 150, 85);
    --md-code-fg-color: #ECB7B7;
}

/* Header styling */
.md-header {
    background-color: #000000 !important;
    top: 32px;
}

.md-header__title {
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 18.75px !important;
    color: #FFFFFF !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 145px !important;
    height: 24px !important;
}

/* Tabs styling */
.md-tabs {
    background-color: #FAFAFA !important;
    font-weight: bold;
    color: #000000;
}

.md-tabs__link {
    font-family: "NVIDIASans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #6B6B6B !important;
}

.md-tabs__link:hover {
    color: #232837 !important;
}

.md-tabs__item--active > .md-tabs__link {
    color: #232837 !important;
}

/* Search bar styling */
.md-search__form {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
}

.md-search__input::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}

.md-search__input:focus,
.md-search__input:not(:placeholder-shown) {
    background-color: rgba(255, 255, 255, 1) !important;
    color: #000000 !important;
}

.md-search__icon {
    color: inherit !important;
}

/* Footer */
.md-footer-nav {
    background-color: rgb(0, 76, 117) !important;
}

.md-footer-meta {
    background-color: rgb(0, 76, 117) !important;
    border-top: 1px solid #1b2532 !important;
}

.md-button.custom-ticket-button {
    background-color: #76B900 !important;
    color: white !important;
    font-family: 'NVIDIASans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 12px 20px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-block !important;
    min-width: 220px;
    text-align: center;
  }
  


/* Logo adjustments */
.md-header__button.md-logo img {
    max-height: 24px !important;
    height: auto;
    width: auto;
}

html .md-nav__button.md-logo img {
    width: 104px !important;
    height: 30px !important;
}

/* Responsive logo sizing */
@media only screen and (max-width: 1024px) {
    html .md-header-nav__button.md-logo img,
    html .md-header-nav__button.md-logo svg,
    html .md-nav__button.md-logo img {
        width: 70px !important;
        height: 20px !important;
    }
}

@media only screen and (max-width: 768px) {
    html .md-header-nav__button.md-logo img,
    html .md-header-nav__button.md-logo svg,
    html .md-nav__button.md-logo img {
        width: 50px !important;
        height: 15px !important;
    }
}

@media only screen and (max-width: 480px) {
    html .md-header-nav__button.md-logo img,
    html .md-header-nav__button.md-logo svg,
    html .md-nav__button.md-logo img {
        width: 40px !important;
        height: 12px !important;
    }
}

/* Mobile nav bar */
@media only screen and (max-width: 76.1875em) {
    html .md-nav--primary .md-nav__title--site,
    html .md-nav--primary .md-nav__title {
        background-color: #232837 !important;
        border-bottom: 1px solid #1b2532 !important;
        color: #ffffff;
    }

    .md-nav__source {
        background-color: #232837 !important;
    }

    html .md-nav--primary .md-nav__title::before {
        color: #ffffff;
    }
}

/* Swagger override */
.microlight > code {
    background: transparent;
    color: white;
}

/* Remove icon from custom admonition */
.md-typeset .admonition.runai > .admonition-title::before,
.md-typeset details.runai > summary::before {
    content: none !important;
}

/* Font definitions */
@font-face {
    font-family: 'NVIDIASans';
    src: url('../fonts/NVIDIASans_W_Rg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NVIDIASans';
    src: url('../fonts/NVIDIASans_W_Md.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'NVIDIASans';
    src: url('../fonts/NVIDIASans_W_Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* Apply global custom font */
:root {
    --md-text-font: "NVIDIASans", sans-serif;
    --md-header-font: "NVIDIASans", sans-serif;
}

/* Heading styles */
.md-content__inner h1,
.md-typeset h1 {
    font-family: "NVIDIASans", sans-serif;
    font-weight: 700;
    color: #232323;
}

.md-typeset h2 {
    font-family: "NVIDIASans", sans-serif;
    font-weight: 600;
    color: #232323;
}

.md-typeset h3 {
    font-family: "NVIDIASans", sans-serif;
    font-weight: 600;
    color: #232323;
}

.md-typeset h5,
.md-typeset h6 {
    font-family: "NVIDIASans", sans-serif;
    font-weight: 400;
    color: #232323;
}

.md-typeset h4 {
    font-family: "NVIDIASans", sans-serif;
    font-weight: 600;
    color: #232323;
}


/* Left + right nav shared base font */
.md-nav__title,
.md-nav__link,
.md-sidebar--secondary .md-nav__link {
    font-family: "NVIDIASans", sans-serif;
    font-weight: 400;
}

/* LEFT sidebar nav – active or expanded links */
.md-sidebar .md-nav__link--active,
.md-sidebar .md-nav__item--active > .md-nav__link {
    color: #76B900 !important;
    font-weight: 600;
}

/* LEFT sidebar nav – hover effect */
.md-sidebar .md-nav__link:hover {
    color: #76B900 !important;
}

/* RIGHT sidebar (TOC) active + hover */
.md-sidebar--secondary .md-nav__link--active {
    color: #76B900 !important;
    font-weight: 600;
    border-left: 2px solid #76B900;
    padding-left: 0.6rem;
}

.md-sidebar--secondary .md-nav__link:hover {
    color: #76B900 !important;
}

/* Remove default browser blue focus ring on nav links */
.md-nav__link:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Optional: reintroduce a subtle green focus ring for accessibility */
.md-nav__link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #76B900;
    border-radius: 4px;
}

/* Force all rendered Markdown links to use the correct style */
.md-typeset a,
.md-typeset a:visited {
  color: #232323 !important;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 0 #76B900;
  transition: box-shadow 0.2s ease;
}

.md-typeset a:hover,
.md-typeset a:focus {
  box-shadow: inset 0 -3px 0 0 #76B900;
}

/* Top banner */
.banner {
    position: sticky;
    top: 0;
    z-index: 1001;
    background-color: #76B900;
    padding: 6px 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.banner a {
    background-color: black;
    color: white;
    padding: 4px 10px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}


/* Sidebar: Default all links to black */
.md-sidebar .md-nav__link {
    color: #232323 !important;
    font-weight: 400 !important;
  }
  
  /* Only selected (current) link is green and bold */
  .md-sidebar .md-nav__link--active {
    color: #76B900 !important;
    font-weight: 600 !important;
  }
  
  /* Expandable section headers: do NOT stay green unless also active */
  .md-sidebar .md-nav__item--active > .md-nav__link:not(.md-nav__link--active) {
    color: #232323 !important;
    font-weight: 400 !important;
  }
  
  /* Hovered links */
  .md-sidebar .md-nav__link:hover {
    color: #76B900 !important;
  }

  /* Inline code (e.g. <tenant-name>) fix */
.md-typeset code {
    background-color: #f5f5f5;
    color: #3c3c3c;
    padding: 0.2em 0.4em;
    font-size: 85%;
    border-radius: 4px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    white-space: break-spaces;
  }
  
  /* Fix .microlight override (used in Swagger blocks) */
  .microlight > code {
    background: none;
    color: inherit;
  }

  .md-sidebar .md-nav__link--active:not(.md-nav__link--parent) {
    color: #76B900 !important;
    font-weight: 600 !important;
    border-left: 3px solid #76B900;
    padding-left: 0.6rem;
  }
  
  
/* Remove underline from images wrapped in links */
.md-typeset a[href] img {
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
    background: none !important;
    display: inline-block;
  }
  
  /* Remove underline from anchor if it only contains an image */
  .md-typeset a[href]:has(> img) {
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
    background: none !important;
  }