/* Hide full logo in topbar when small logo is shown */
.fi-logo-collapsed.is-collapsed ~ .fi-logo,
.fi-logo-collapsed.is-collapsed + .fi-logo {
    display: none !important;
    visibility: hidden !important;
}

/* Show small logo in topbar when sidebar is collapsed */
.fi-logo-collapsed.is-collapsed,
header .fi-logo-collapsed.is-collapsed,
.fi-topbar .fi-logo-collapsed.is-collapsed {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
    flex-shrink: 0 !important;
}

/* Hide small logo when sidebar is expanded */
.fi-logo-collapsed:not(.is-collapsed) {
    display: none !important;
    visibility: hidden !important;
}

/* Default state - hidden by default, but allow inline styles to override */
.fi-logo-collapsed:not(.is-collapsed) {
    display: none !important;
    visibility: hidden !important;
}

/* Style for the collapsed logo image */
.fi-logo-collapsed img,
.fi-logo-collapsed.is-collapsed img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Additional rules for topbar positioning */
.fi-topbar .fi-logo-collapsed.is-collapsed,
header .fi-logo-collapsed.is-collapsed,
a .fi-logo-collapsed.is-collapsed {
    order: -1;
    margin-right: 0.5rem;
}

/* Ensure parent elements are visible */
a:has(.fi-logo-collapsed.is-collapsed),
header:has(.fi-logo-collapsed.is-collapsed) {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
}

/* Ensure default logo always maintains 2rem height */
header .fi-logo:not(.fi-logo-collapsed),
.fi-topbar .fi-logo:not(.fi-logo-collapsed) {
    height: 2rem !important;
    max-height: 2rem !important;
}