/* Logo theme switching */
/* Priority: sidebar color overrides theme for sidebar logos */

/* Sidebar with dark color: always show dark logo (for dark backgrounds) */
[data-sidebar-color="dark"] .pe-app-sidebar-logo .logo-main .logo-dark {
    display: inline-block !important;
}

[data-sidebar-color="dark"] .pe-app-sidebar-logo .logo-main .logo-light {
    display: none !important;
}

/* Sidebar with light color: logo changes based on theme */
[data-sidebar-color="light"][data-bs-theme="light"] .pe-app-sidebar-logo .logo-main .logo-dark {
    display: none !important;
}

[data-sidebar-color="light"][data-bs-theme="light"] .pe-app-sidebar-logo .logo-main .logo-light {
    display: inline-block !important;
}

[data-sidebar-color="light"][data-bs-theme="dark"] .pe-app-sidebar-logo .logo-main .logo-light {
    display: none !important;
}

[data-sidebar-color="light"][data-bs-theme="dark"] .pe-app-sidebar-logo .logo-main .logo-dark {
    display: inline-block !important;
}

/* Header logo: always follows theme (header doesn't have sidebar-color) */
/* This applies to both .app-header and auth header */
[data-bs-theme="light"] header .logo-main .logo-dark {
    display: none !important;
}

[data-bs-theme="light"] header .logo-main .logo-light {
    display: inline-block !important;
}

[data-bs-theme="dark"] header .logo-main .logo-light {
    display: none !important;
}

[data-bs-theme="dark"] header .logo-main .logo-dark {
    display: inline-block !important;
}

/* Sidebar logo switching - expanded vs minimized */

/* When sidebar is expanded: show full logo, hide icon */
.logo-main .logo-full {
    display: flex;
    align-items: end;
}

.logo-main .logo-icon {
    display: none;
}

/* When sidebar is minimized: show icon, hide full logo */
[data-sidebar="icon"] .logo-main .logo-full {
    display: none !important;
}

[data-sidebar="icon"] .logo-main .logo-icon {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* Minimized text (logo_text_min) color based on sidebar color */
/* Note: The template only handles expanded text (h3), so we need these rules for minimized text */
[data-sidebar-color="dark"] .pe-app-sidebar-logo .logo-main .logo-icon span {
    color: var(--pe-white) !important;
}