/**
 * Nebula Theme - Logo Dark Mode Styles
 * Version: 2.0.0
 * Handle logo visibility in dark/light modes
 */

/* ============================
   Logo Display Logic
   ============================ */

/* Default: show light logo, hide dark logo */
.ds-header__logo-light {
    display: block;
}

.ds-header__logo-dark {
    display: none;
}

/* Dark mode: show dark logo, hide light logo */
[data-theme="dark"] .ds-header__logo-light,
body.dark-mode .ds-header__logo-light {
    display: none;
}

[data-theme="dark"] .ds-header__logo-dark,
body.dark-mode .ds-header__logo-dark {
    display: block;
}

/* Footer logos - same logic */
.ds-footer-logo {
    display: block;
}

.ds-footer-logo--dark {
    display: none;
}

[data-theme="dark"] .ds-footer-logo,
body.dark-mode .ds-footer-logo {
    display: none;
}

[data-theme="dark"] .ds-footer-logo--dark,
body.dark-mode .ds-footer-logo--dark {
    display: block;
}

/* ============================
   Logo Container Sizing
   ============================ */

.ds-header__logo {
    height: var(--ds-logo-height, 40px);
    width: auto;
}

.ds-header__logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* Footer logo sizing */
.ds-footer-logo {
    height: 32px;
    width: auto;
}

.ds-footer-logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
}