/*
|--------------------------------------------------------------------------
| BEZAR APP - Logo/header korekcija
|--------------------------------------------------------------------------
| Skida okvir oko logoa i u dark modu pravi svetlu podlogu iza crnog logoa.
*/

/* Skini okvir, senku i pozadinu direktno sa logoa i wrappera */
.fi-logo,
.fi-logo img,
.fi-sidebar-header .fi-logo,
.fi-sidebar-header .fi-logo img,
.fi-topbar .fi-logo,
.fi-topbar .fi-logo img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Ako je logo u linku/dugmetu, i tu skidamo okvir */
.fi-sidebar-header a,
.fi-sidebar-header button,
.fi-topbar a,
.fi-topbar button {
    box-shadow: none !important;
}

/* Desktop sidebar: deo iza logoa */
.dark .fi-sidebar-header {
    background: #e5e7eb !important;
    border-bottom: 1px solid rgba(156, 163, 175, 0.35) !important;
}

/* Da siva ide punom širinom sidebar header-a */
.dark .fi-sidebar-header > * {
    background: transparent !important;
}

/* Mobile/topbar: deo gde stoji logo */
.dark .fi-topbar nav {
    background: #e5e7eb !important;
    border-bottom: 1px solid rgba(156, 163, 175, 0.35) !important;
}

/* Ako Filament posebno oboji topbar elemente */
.dark .fi-topbar,
.dark .fi-topbar > *,
.dark .fi-topbar nav > * {
    box-shadow: none !important;
}

/* Logo neka ostane čist i bez kartice oko sebe */
.dark .fi-logo,
.dark .fi-logo img {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Ako logo ima belu karticu iz starog CSS-a */
.dark .fi-sidebar-header .fi-logo,
.dark .fi-topbar .fi-logo {
    padding: 0 !important;
}

/*
|--------------------------------------------------------------------------
| BEZAR APP - FINALNO uklanjanje okvira oko logoa
|--------------------------------------------------------------------------
| Okvir nije na slici, nego na wrapper elementima oko logoa.
*/

/* Sidebar logo zona - skini okvir sa svih unutrašnjih elemenata */
.fi-sidebar-header .fi-logo,
.fi-sidebar-header .fi-logo *,
.fi-sidebar-header a:has(.fi-logo),
.fi-sidebar-header a:has(img),
.fi-sidebar-header div:has(> .fi-logo),
.fi-sidebar-header div:has(img),
.fi-sidebar-header img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-shadow: 0 0 #0000 !important;
    background: transparent !important;
}

/* Topbar/mobile logo zona */
.fi-topbar .fi-logo,
.fi-topbar .fi-logo *,
.fi-topbar a:has(.fi-logo),
.fi-topbar a:has(img),
.fi-topbar div:has(> .fi-logo),
.fi-topbar div:has(img),
.fi-topbar img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    --tw-shadow: 0 0 #0000 !important;
    background: transparent !important;
}

/* Ako je logo ubačen kao SVG ili slika u sidebar headeru */
.fi-sidebar-header svg,
.fi-sidebar-header picture,
.fi-sidebar-header picture *,
.fi-topbar svg,
.fi-topbar picture,
.fi-topbar picture * {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Zadržavamo sivu podlogu samo na celom header delu u dark modu */
.dark .fi-sidebar-header {
    background: #e5e7eb !important;
}

.dark .fi-topbar nav {
    background: #e5e7eb !important;
}