/* Custom styles for Beamz documentation */

/* Improve readability of main content */
.md-content {
    font-size: 16px;
    line-height: 1.25;
}

.md-typeset {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    font-size: .8rem;
    line-height: 1.3;
    overflow-wrap: break-word;
}

/* Style code blocks */
.md-typeset pre {
    border-radius: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-typeset code {
    font-size: 0.9em;
    padding: 0.2em 0.4em;
    border-radius: 8px;
}

/* Style headers */
.md-typeset h1 {
    font-weight: 700;
    margin-bottom: 1.2em;
}

.md-typeset h2 {
}

/* Style navigation */
.md-nav {
    font-size: .7rem;
    line-height: 1.1;
}

.md-nav__title {
    font-weight: 600;
}

.md-nav__link {
    transition: color 0.1s ease;
}

.md-nav__link:hover {
    color: var(--md-primary-fg-color);
}

/* Style admonitions */
.md-typeset .admonition {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-typeset .admonition-title {
    font-weight: 600;
}

/* Style tables */
.md-typeset table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-typeset table th {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
    font-weight: 600;
}

.md-nav__item--section {
    display: block;
    margin: 1.5em 0;
}

/* Style buttons and links */
.md-typeset a {
    text-decoration: none;
    transition: color 0.1s ease;
}

.md-typeset a:hover {
    color: var(--md-accent-fg-color);
    text-decoration: underline;
}

/* Style search */
.md-search__input {
    border-radius: 8px;
    background-color: var(--md-default-bg-color);
}

/* Style footer */
.md-footer {
    margin-top: 3em;
}

/* Style tabs */
.md-tabs__link {
    font-weight: 500;
}

/* Style copy button for code blocks */
.md-clipboard {
    color: var(--md-default-fg-color--light);
}

.md-clipboard:hover {
    color: var(--md-primary-fg-color);
}

.md-typeset ol li, .md-typeset ul li {
    margin-bottom: .1em;
}


/* Style scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--md-default-bg-color);
}

::-webkit-scrollbar-thumb {
    background: var(--md-default-fg-color--light);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--md-primary-fg-color);
}

/* Invert logo and favicon to white */
.md-header__button.md-logo img, .md-header__button.md-logo svg {
    filter: invert(0) brightness(2);
}

/* Invert favicon (browser tab icon) */
link[rel="icon"], link[rel="shortcut icon"] {
    filter: invert(0) brightness(2) !important;
}

/* Always show vertical scrollbar to prevent layout shift */
html {
    overflow-y: scroll;
} 