/* Overwrite the scalar font variable */
:root {
    --scalar-font: "Roboto", sans-serif;
    --scalar-custom-header-height: 56px;
    --scalar-micro: 14px;
}


tt {
    font-family: var(--scalar-font-code);
    background-color: var(--scalar-background-2);
    border-radius: 2px;
    box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
    font-size: var(--scalar-micro);
    padding: 0 3px;
}
/* Custom Airlock header */
.header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #1C465E;
    height: var(--scalar-custom-header-height);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Hide right column in documentation */
.section-column:has(.scalar-reference-intro-clients) {
    display: none;
}

.sidebar .open-api-client-button {
    display: none !important;
}

.light-mode {
    --scalar-color-1: #111827;
    --scalar-color-2: rgba(0, 0, 0, 0.6);
    --scalar-color-3: rgba(0, 0, 0, 0.4);
    --scalar-color-accent: #1F7099;
    --scalar-background-1: #f9fafb;
    --scalar-background-2: #f6f5f4;
    --scalar-background-3: #f1ede9;
    --scalar-background-accent: #5369d20f;
    --scalar-border-color: rgba(0, 0, 0, 0.08);
}

/* Style of active page in sidebar */
.sidebar .sidebar-heading.active_page p {
    font-weight: bold !important;
}

/* HTTP method in sidebar */
.sidebar .sidebar-heading-link-method .sidebar-heading-type {
    border-radius: 8px;
    min-width: auto;
    padding: 0 5px;
}

/* colors for HTTP method GET */
.sidebar .sidebar-heading-link-method .sidebar-heading-type.sidebar-heading-type--get {
    background-color: #E6F7FB;
    color: #004085;
}
/* colors for HTTP method POST */
.sidebar .sidebar-heading-link-method .sidebar-heading-type.sidebar-heading-type--post {
    background-color: #D1FAE5;
    color: #065F46;
}
/* colors for HTTP method PUT */
.sidebar .sidebar-heading-link-method .sidebar-heading-type.sidebar-heading-type--put {
    color: #004085;
    background-color: #E6F7FB;
}
/* colors for HTTP method PATCH */
.sidebar .sidebar-heading-link-method .sidebar-heading-type.sidebar-heading-type--patch {
    color: #004085;
    background-color: #E6F7FB;
}
/* colors for HTTP method DELETE */
.sidebar .sidebar-heading-link-method .sidebar-heading-type.sidebar-heading-type--delete {
    color: #850000;
    background-color: #FFEBEB;
}

.light-mode .sidebar {
    --scalar-sidebar-background-1: #6b7280;
    --scalar-sidebar-item-hover-color: currentColor;
    --scalar-sidebar-item-hover-background: #4b5563;
    --scalar-sidebar-item-active-background: #4b5563;

    --scalar-sidebar-border-color: #9CA3AF;
    --scalar-sidebar-indent-border: #9CA3AF;
    --scalar-sidebar-indent-border-active: #9CA3AF;
    --scalar-sidebar-color-1: #ffffff;
    --scalar-sidebar-color-2: #ffffff;
    --scalar-sidebar-color-active: #ffffff;

    --scalar-sidebar-search-background: var(--scalar-background-2);
    --scalar-sidebar-search-border-color: var(--scalar-border-color);
}

/* Styles for search in sidebar */
.light-mode .sidebar .scalar-api-references-standalone-search * {
    color: #6B7280;
}

/* Docs dropdown in sidebar */
.light-mode .scalar-api-reference .hover\:bg-b-2 {
    background: #ffffff;
}
.light-mode .sidebar .document-selector * {
    color: #6B7280;
}

.scalar-api-reference .hover\:bg-b-2 {
    background: var( --scalar-sidebar-search-background );
}

.scalar-api-reference .hover\:bg-b-2:hover {
    font-weight: bold;
}

/* Chevron icon for nested items in sidebar */
.light-mode .sidebar .toggle-nested-icon {
    color: #ffffff;
}

.dark-mode .sidebar .sidebar-heading:hover {
    color: #ffffff;
}

.dark-mode {
    --scalar-color-1: rgba(255, 255, 255, 0.81);
    --scalar-color-2: rgba(255, 255, 255, 0.81);
    --scalar-color-3: rgba(255, 255, 255, 0.282);
    --scalar-color-accent: #8ab4f8;
    --scalar-background-1: #1F2937;
    --scalar-background-2: #111827;
    --scalar-background-3: #111827;
    --scalar-background-accent: lime;
    --scalar-border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header {
    background-color: #000000;
}

.dark-mode .sidebar .scalar-api-references-standalone-search * {
    color: rgba(255, 255, 255, 0.81);
}

.dark-mode .scalar-app code.hljs {
    color: #ffffff;
}

.dark-mode button.show-more {
    border-color: #ffffff;
}

.dark-mode .sidebar {
    --scalar-sidebar-background-1: var(--scalar-background-1);
    --scalar-sidebar-item-hover-color: currentColor;
    --scalar-sidebar-item-hover-background: var(--scalar-background-2);
    --scalar-sidebar-item-active-background: var(--scalar-background-2);
    --scalar-sidebar-border-color: #9CA3AF;
    --scalar-sidebar-indent-border: #9CA3AF;
    --scalar-sidebar-indent-border-active: #9CA3AF;
    --scalar-sidebar-color-1: var(--scalar-color-1);
    --scalar-sidebar-color-2: var(--scalar-color-2);
    --scalar-sidebar-color-active: #ffffff;
    --scalar-sidebar-search-background: var(--scalar-background-2);
    --scalar-sidebar-search-border-color: var(--scalar-border-color);
    --scalar-sidebar-search-color: var(--scalar-color-3);
}

/* Design fixes for tables and accordeons in api responses */
.property-rule {
    border: var(--scalar-border-width) solid var(--scalar-border-color) !important;
}

.property-rule .schema-card {
    padding: 5px 8px;
}

/* wrapping for text in last table cells */
.scalar-app .markdown td:last-of-type,
.scalar-app .markdown tr:last-of-type td {
    text-wrap: auto;
}

/* Response number next to chevron */
.parameter-list-items .parameter-item-trigger {
    align-items: start !important;
}

.operation-details .markdown > * + div[class=""] {
    line-height: 1.5;
}

.operation-details .markdown > * + div[class=""]:before {
    content: "Returns:";
    font-weight: bold;
    display: inline-block;
    line-height: inherit;
    margin-right: 0.25em;
}

.scalar-app .markdown strong > code {
    color: var(--scalar-color-orange);
    font-weight: var(--scalar-semibold);
    font-family: var(--scalar-font);
}

.scalar-app .markdown a {
    color: var(--scalar-color-accent) !important;
}

.scalar-app .markdown blockquote {
    font-size:var(--scalar-paragraph) !important;
    font-weight: var(--scalar-regular) !important;
    margin-bottom: 16px !important;
}

.scalar-app .markdown table {
    table-layout: auto !important;
}
.parameter-list-items .parameter-item-type {
    white-space: normal !important;
}

.parameter-list-items .parameter-item-type .markdown table {
    margin-top: 0;
}
.schema-card-description .markdown > p {
    font-size: var(--scalar-small) !important;
    color: var(--scalar-color-2) !important;
}


/* Font size for headings */
.scalar-app h1.section-header-label {
    font-size: 2rem;
}
.scalar-app .markdown h2 {
    --font-size: 1.75rem !important;
}
.scalar-app .markdown h3 {
    --font-size: 1.5rem !important;
}
.scalar-app .markdown h4 {
    --font-size: 1.25rem !important;
}
.scalar-app .markdown h5 {
    --font-size: 1.125rem !important;
}
.scalar-app .markdown h6 {
    --font-size: 1rem !important;
    font-weight: 500 !important;
}

/*
* Changed up margins so that negative space is set with margin-bottom for a more consistent vertical rhythm
*/
.scalar-app .markdown h2,
.scalar-app .markdown h3,
.scalar-app .markdown h4,
.scalar-app .markdown h5,
.scalar-app .markdown h6 {
    --markdown-spacing-sm: 16px;
    --scalar-refs-heading-spacing: 0;
}
.scalar-app div.markdown > *:last-child:not(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 32px !important;
}
/* Exception for description in endpoints (body & responses) */
.scalar-app .parameter-list div.markdown > :not(h1, h2, h3, h4, h5, h6),
.scalar-app .request-body div.markdown > :not(h1, h2, h3, h4, h5, h6)  {
    margin-bottom: 0 !important;
}


/* Fixes misaligned of paragraph within a list */
.scalar-app .markdown li > p {
    display: inline;
}