/* Custom Logo Styles for Filament Panels */

/* Logo container adjustments */
.fi-sidebar-header,
.fi-topbar-brand {
    padding: 1rem;
}

/* Logo image styling */
.fi-sidebar-header img,
.fi-topbar-brand img,
.fi-brand img {
    height: 3rem !important;
    width: auto !important;
    object-fit: contain;
    max-width: 100%;
    transition: opacity 0.2s ease-in-out;
}

/* Hover effect on logo */
.fi-sidebar-header a:hover img,
.fi-topbar-brand a:hover img {
    opacity: 0.8;
}

/* Mobile responsive logo */
@media (max-width: 768px) {
    .fi-sidebar-header img,
    .fi-topbar-brand img,
    .fi-brand img {
        height: 2.5rem !important;
    }
}

/* Collapsed sidebar logo */
.fi-sidebar-open .fi-sidebar-header img {
    transition: all 0.2s ease-in-out;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header img {
    height: 2rem !important;
}

/* Login page logo */
.fi-login-panel .fi-logo {
    margin-bottom: 2rem;
}

.fi-login-panel .fi-logo img {
    height: 4rem !important;
    margin: 0 auto;
}

/* Dark mode transitions */
html.dark .fi-sidebar-header img,
html.dark .fi-topbar-brand img,
html.dark .fi-brand img {
    filter: brightness(1.1);
}

/* Ensure proper spacing around logo */
.fi-sidebar-header .fi-sidebar-header-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Brand name alongside logo */
.fi-sidebar-header .fi-sidebar-header-logo + span,
.fi-topbar-brand-name {
    margin-left: 0.75rem;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/* Hide brand name on collapsed sidebar */
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header-logo + span {
    display: none;
}

/* Loading state for logo */
.fi-sidebar-header img:not([src]),
.fi-topbar-brand img:not([src]) {
    visibility: hidden;
}

/* Print styles */
@media print {
    .fi-sidebar-header img,
    .fi-topbar-brand img {
        height: 2rem !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}