/* Custom styles for Filament Admin Panel */

/* Amélioration de l'alignement des icônes dans les titres */
.fi-header-heading > div {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.fi-header-heading svg {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
    vertical-align: middle;
    transition: transform 0.3s ease, color 0.3s ease;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
}

.fi-header-heading:hover svg {
    color: var(--primary-500);
    transform: rotate(15deg);
}

/* Amélioration des icônes de navigation (Sidebar) */
.fi-sidebar-item-icon {
    transition: transform 0.2s ease;
}

.fi-sidebar-item:hover .fi-sidebar-item-icon {
    transform: scale(1.1);
}

/* Style général pour les icônes */
.fi-icon {
    transition: color 0.2s ease;
}

/* Sidebar Customization */
.fi-sidebar-nav {
    background-color: #233446;
}

.fi-sidebar-nav .fi-sidebar-item-label {
    color: white;
}

/* Hover and Active states for Sidebar Items */
.fi-sidebar-item:hover,
.fi-sidebar-item.fi-active {
    background-color: white;
    border-radius: 0.5rem;
}

.fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item:hover .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #1f2937 !important; /* Dark color */
}

/* Watermark Background */
.fi-main {
    background-image: url('../images/watermark.png');
    background-repeat: no-repeat;
    background-position: right 2rem bottom 2rem;
    background-size: min(30vw, 350px);
    background-attachment: fixed;
    min-height: 100vh;
}