/* Light/Dark logo switching */
.logo-dark {
    display: none;
}

html[data-theme="dark"] .logo-light {
    display: none;
}

html[data-theme="dark"] .logo-dark {
    display: block;
}

.wy-menu-vertical li.toctree-l4 {
    font-size: 1.0em
}


/* Button for switching to Light/Dark mode */
#theme-toggle-container button {
    background: none;
    border: none;
    color: var(--fg-text);
    font-size: 1.2rem;
    cursor: pointer;
}

#theme-toggle-container button:hover {
    color: var(--fg-text-sidebar);
}


/* Underlying background */
.wy-nav-content-wrap {
    background: var(--bg-primary);
}

/* Main content box */
.wy-nav-content {
    background-color: var(--bg-secondary);
    max-width: 100%;
}

/* Sidebar Menu Options Background */
.wy-menu-vertical {
    background-color: var(--bg-primary);
}

/* Main Text */
body {
    color: var(--fg-text);
}

/* Header 1 color */
h1 {
    color: var(--fg-text);
}

/* Footer */
footer {
    /*background-color: #ebebeb;*/
    /*padding: 20px;*/
    text-align: center;
    color: var(--footer-text);
}


/* Footer Image
.custom-footer .footer-img {
  max-width: 220px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}
*/

/* Link color base */
a {
    color: var(--bg-primary);
}

/* Link color visited */
a:visited {
    color: var(--fg-text-sidebar);
}


/* Logo styling */
.md-sidebar--primary .md-logo {
    display: flex;
    justify-content: center;
    padding: 20px;
}

/* Optional: Customize logo size */
.md-logo img {
    max-width: 80%;
    height: auto;
}

/* Hide the logo in the header */
.md-header .md-logo {
    display: none;
}
