/* Light CSS for faster loading */

/* Hide the "Made with Material for MkDocs" footer globally */
.md-footer {
    display: none !important;
}

/* Search bar styling */
.md-search__input {
    border-radius: 0px !important;
    border: 1px solid #e5e7eb !important;
    padding: 8px 12px 8px 40px !important;
    text-indent: 0 !important;
    background-color: #ffffff !important;
    color: #374151 !important;
}

/* Light theme search input placeholder */
.md-search__input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

/* Light theme search input focus state */
.md-search__input:focus {
    border-color: #3b82f6 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Search icon styling */
.md-search__icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    color: #6b7280 !important; /* Gray color for light theme */
}

/* Search icon color for light theme */
.md-search__icon svg {
    fill: #6b7280 !important;
}

/* Dark theme search */
[data-md-color-scheme="slate"] .md-search__input {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    color: #ffffff !important;
}

/* Dark theme search input placeholder */
[data-md-color-scheme="slate"] .md-search__input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

/* Dark theme search input focus state */
[data-md-color-scheme="slate"] .md-search__input:focus {
    border-color: #60a5fa !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1) !important;
}

/* Dark theme search icon */
[data-md-color-scheme="slate"] .md-search__icon {
    color: #9ca3af !important; /* Light gray for dark theme */
}

[data-md-color-scheme="slate"] .md-search__icon svg {
    fill: #9ca3af !important;
}

/* Theme toggle */
.md-header__button[for="__palette"] {
    transform: scale(1.2);
    margin: 0 8px;
}

/* Code blocks */
.md-typeset pre {
    overflow-x: auto;
    max-width: 100%;
}

.md-typeset pre code {
    white-space: pre-wrap;
    word-break: break-word;
}

/* Light theme syntax highlighting */
.highlight .k { color: #000000; font-weight: bold } /* Keyword */
.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */

.highlight .n { color: #008080 } /* Name */
.highlight .nb { color: #0086b3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nv { color: #008080 } /* Name.Variable */

.highlight .s { color: #d01040 } /* String */
.highlight .s1 { color: #d01040 } /* String.Single */
.highlight .s2 { color: #d01040 } /* String.Double */

.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */

.highlight .m { color: #009999 } /* Number */
.highlight .mi { color: #009999 } /* Number.Integer */
.highlight .mf { color: #009999 } /* Number.Float */

/* Dark theme code colors */
[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kr,
[data-md-color-scheme="slate"] .highlight .kd,
[data-md-color-scheme="slate"] .highlight .kn,
[data-md-color-scheme="slate"] .highlight .kp {
    color: #569cd6 !important;
}

[data-md-color-scheme="slate"] .highlight .n,
[data-md-color-scheme="slate"] .highlight .nb,
[data-md-color-scheme="slate"] .highlight .nc,
[data-md-color-scheme="slate"] .highlight .nf,
[data-md-color-scheme="slate"] .highlight .nv {
    color: #9cdcfe !important;
}

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2 {
    color: #ce9178 !important;
}

[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .c1,
[data-md-color-scheme="slate"] .highlight .cm {
    color: #6a9955 !important;
}

[data-md-color-scheme="slate"] .highlight .m,
[data-md-color-scheme="slate"] .highlight .mi,
[data-md-color-scheme="slate"] .highlight .mf {
    color: #b5cea8 !important;
}