:root {
    --docs-navigation-background-color: #811519;
    --docs-navigation-item-text-color: #f5f5f5;
    --docs-navigation-item-text-weight: 400;
    --docs-navigation-item-active-background-color: #ffffff2c;
    --docs-navigation-item-active-text-color: #f5f5f5;
    --docs-navigation-item-hover-background-color: #00000021;
    --docs-navigation-item-hover-text-color: #f5f5f5;
    --docs-navigation-line-color: #ffffff53;
    --docs-navigation-item-arrow-color: #f5f5f5;
    --docs-navigation-item-arrow-color-active:#f5f5f5;
}

.docs-content {
    background-color: #ffffff;
}

.docs-main {
    background-color: #ffffff;
}

body {
    background-color: #ffffff;
}

/* Mobile search toggle - hidden on desktop */
.mobile-search-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    color: #333;
}

.mobile-search-toggle .material-symbols-outlined {
    font-size: 24px;
}

/* Mobile breakpoint */
@media (max-width: 768px) {
    /* Show mobile search toggle */
    .mobile-search-toggle {
        display: block;
    }

    /* Hide search wrapper by default on mobile */
    .header-search-wrapper {
        display: none;
        width: 0;
        overflow: hidden;
        transition: width 0.3s ease;
    }

    /* When search is active */
    .header.search-active .mobile-search-toggle {
        display: none;
    }

    .header.search-active .header__logo-link {
        display: none;
    }

    .header.search-active .header-search-wrapper {
        display: block;
        width: 100%;
        min-width: 100%;
        animation: expandLeft 0.3s ease;
    }
}

@keyframes expandLeft {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 100%;
        opacity: 1;
    }
}