/* Hide all footer elements */
.site-footer,
.md-footer,
.md-footer-nav,
.md-footer-meta,
footer {
    display: none !important;
}

/* Customize site name/title in header */
.md-header__title {
    font-size: 1.5rem !important; /* Default is usually 1.125rem */
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Align header title text properly */
span.md-ellipsis {
    padding-top: 7px;
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
    fill: currentcolor;
    display: block;
    height: 1.5rem;
    width: auto;
}

/* Style section headers to look non-clickable */
.md-nav__item--section > .md-nav__link {
    pointer-events: none !important;
    opacity: 0.7 !important;
    font-weight: normal !important;
    cursor: default !important;
}

/* Indent subsection items under section headers */
.md-nav__item--section .md-nav__list {
    margin-left: 1rem !important;
}

/* Ensure subsection items remain clickable */
.md-nav__item--section .md-nav__item .md-nav__link {
    pointer-events: auto !important;
    opacity: 1 !important;
    font-weight: normal !important;
    cursor: pointer !important;
}

/* Match Run:AI styling with light background */
:root {
    --md-primary-fg-color: #2c5b84;
    --md-primary-fg-color--light: #3c6b94;
    --md-primary-fg-color--dark: #1c4b74;
    --md-accent-fg-color: #00bcd4;
    --md-accent-fg-color--transparent: #00bcd41a;
}

/* Dark header to match Run:AI */
.md-header {
    background-color: #0f172a !important;
    border-bottom: 1px solid #334155 !important;
}

.md-header__title {
    color: white !important;
}

/* Clean sidebar navigation - text color changes only */
.md-nav--primary {
    background-color: #ffffff !important;
}

/* Default navigation links - light grey */
.md-nav--primary .md-nav__item .md-nav__link {
    color: #9ca3af !important;
    background-color: transparent !important;
    transition: color 0.2s ease !important;
}

/* Hover state - medium grey */
.md-nav--primary .md-nav__item .md-nav__link:hover {
    color: #6b7280 !important;
    background-color: transparent !important;
}

/* Active/current page - lighter grey with bold text */
.md-nav--primary .md-nav__item .md-nav__link--active {
    color: #6b7280 !important;
    font-weight: 600 !important;
    background-color: transparent !important;
}

/* Top navigation tabs styling - lighter to differentiate from header */
.md-tabs {
    background-color: #64748b !important;
    border-bottom: 1px solid #94a3b8 !important;
}

.md-tabs__item {
    color: #f1f5f9 !important;
}

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

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

.md-tabs__link--active {
    color: #00bcd4 !important;
}

/* Content area - keep light background like Run:AI */
.md-content {
    background-color: #ffffff !important;
}

/* Remove ugly sidebar menu backgrounds */
.md-nav__list {
    background-color: transparent !important;
}

.md-nav__item--nested > .md-nav__list {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Clean up section headers background */
.md-nav__item--section > .md-nav__link {
    background-color: transparent !important;
}

/* Style Docs buttons */
a.btn {
    display: inline-block !important;
    padding: 8px 16px !important;
    background-color: #df1995 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: background-color 0.2s ease !important;
}

a.btn:hover {
    background-color: #c41682 !important;
    color: white !important;
    text-decoration: none !important;
}

a.btn:visited {
    color: white !important;
}

/* Reduce spacing between title and Docs button */
.md-typeset h1 {
    margin-bottom: 0.5rem !important;
    margin-top: -20px !important;
}

/* Reduce top margin for content after h1 */
.md-typeset h1 + * {
    margin-top: 0.5rem !important;
}

/* Enhanced table styling */
.md-typeset table {
    border-collapse: collapse !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin: 1.5rem 0 !important;
    font-size: 0.9rem !important;
}

.md-typeset table th {
    background: linear-gradient(135deg, #2c5b84, #3c6b94) !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    border: none !important;
    text-align: left !important;
}

.md-typeset table td {
    padding: 12px 16px !important;
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    vertical-align: top !important;
}

.md-typeset table tr:nth-child(even) {
    background-color: #f8fafc !important;
}

.md-typeset table tr:hover {
    background-color: #f1f5f9 !important;
    transition: background-color 0.2s ease !important;
}

.md-typeset table tr:last-child td {
    border-bottom: none !important;
}