/* Custom styles for Rekha documentation */

/* Reduce sidebar logo width */
/* Options: 80px (very small), 100px (small), 120px (medium), 150px (default), 180px (large) */
.sidebar-logo {
    max-width: 120px !important;
    height: auto;
}

/* Alternative selector for different Furo versions */
.sidebar-brand img,
.sidebar-logo img {
    max-width: 120px !important;
    height: auto;
}

/* Ensure logo stays centered */
.sidebar-brand,
.sidebar-logo {
    text-align: center;
    margin-bottom: 1rem;
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    .sidebar-logo,
    .sidebar-brand img,
    .sidebar-logo img {
        max-width: 100px !important;
    }
}

/* Additional styling for main content logo if needed */
.content img[alt*="Logo"] {
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto 2rem auto;
}

/* Theme-responsive plot images */
.plot-light {
    display: block;
}

.plot-dark {
    display: none;
}

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

body[data-theme="dark"] .plot-dark {
    display: block;
}

/* Style for plot containers */
.plot-container {
    text-align: center;
    margin: 1.5rem 0;
    padding: 1rem;
    background: var(--color-background-secondary);
    border-radius: 8px;
    border: 1px solid var(--color-background-border);
}

.plot-container img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Responsive plot sizing */
@media (max-width: 768px) {
    .plot-container {
        padding: 0.5rem;
        margin: 1rem 0;
    }
}