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

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

.md-tabs {
    /* background-image: url(../assets/images/second-nav-blue.png); */
    background-color: #FAFAFA !important;
    font-weight: bold;
    color: #000000
}
/* Footer */

.md-footer-nav {
    /* background-image: url(../assets/images/second-nav-blue.png); */
    background-color: rgb(0, 76, 117) !important;

    /* max-height: 90px; */
}


.md-footer-meta {
    background-color: rgb(0, 76, 117) !important;
    border-top: 1px solid #1b2532 !important;
}
.md-header-nav__button.md-logo img, .md-header-nav__button.md-logo svg {
    width: 50px
}

.custom-ticket-button {
    background-color: #0654FE !important; /* Change to your preferred color */
    color: white !important;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 15px;
    text-decoration: none;
}

/* ✅ Restore Original Search Box Styling */
.md-search__form {
    background-color: transparent !important; /* Keep search bar background transparent */
    border-radius: 5px; /* Restore rounded corners */
    border: none !important;
}

/* ✅ Make Search Input Text White */
.md-search__input {
    background-color: rgba(255, 255, 255, 0.2) !important; /* Transparent background */
    color: #ffffff !important; /* White text */
    border: none !important;
}

/* ✅ Ensure Placeholder is Readable */
.md-search__input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important; /* Light gray placeholder */
}

/* ✅ Expand Search Box on Click */
.md-search__input:focus {
    background-color: #ffffff !important; /* White background only when typing */
    color: #232837 !important; /* Dark text when expanded */
}

/* ✅ Ensure Search Results Stay White */
.md-search-result {
    background-color: #ffffff !important; /* White background */
    color: #232837 !important; /* Dark text */
}

/* ✅ Fix Search Result Titles & Meta Text */
.md-search-result__meta {
    color: #232837 !important; /* Darker text for readability */
    font-weight: 500;
}

/* ✅ Fix Search Result Links */
.md-search-result__link {
    color: #0654FE !important; /* Keep links blue */
    font-weight: 600;
}

/* ✅ Improve Highlighted Search Terms */
.md-search-result__link em {
    color: #f8c24d !important; /* Yellow highlight */
    font-weight: bold;
}




/* Apply same font, weight, and size to all tabs */
.md-tabs__link {
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important; /* Semi-Bold */
    font-size: 14px !important;
    color: #838383 !important; /* Default color for non-selected tabs */
}

/* Style only the active (selected) tab */
.md-tabs__item--active > .md-tabs__link {
    color: #232837 !important; /* Dark blue-gray for selected tab */
}

/* Hide the default GitHub icon */
.md-header__source .md-source__icon {
    display: none !important;
}

/* Ensure the new GitHub PNG icon appears correctly */
.md-header__source a {
    display: flex;
    align-items: center;
}

/* Style for the new GitHub icon */
.md-header__source a img {
    width: 24px !important; /* Adjust size */
    height: 24px !important;
    margin-right: 5px; /* Keep spacing consistent */
    vertical-align: middle;
}


/* for the mobile nav bar */
@media only screen and (max-width: 76.1875em) {

    html .md-nav--primary .md-nav__title--site {
        background-color: #232837 !important;
        border-bottom: 1px solid #1b2532 !important;
    }

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

    html .md-nav--primary .md-nav__title {
        background-color: #232837 !important;
        border-bottom: 1px solid #1b2532 !important;
        color: #ffffff;
    }

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

}

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