/* Silva Admin Icons CSS - Icon Fonts and Styles */
/* This is a placeholder file. Replace with actual Silva icons CSS */

/* Feather Icons Base Styles */
.feather {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    vertical-align: middle;
}

/* Material Design Icons (MDI) Base Styles */
.mdi {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icon sizes */
.icon-sm { width: 16px; height: 16px; font-size: 16px; }
.icon-md { width: 20px; height: 20px; font-size: 20px; }
.icon-lg { width: 24px; height: 24px; font-size: 24px; }
.icon-xl { width: 32px; height: 32px; font-size: 32px; }

/* Common icon classes for fallback */
.mdi-home::before { content: "🏠"; }
.mdi-users::before { content: "👥"; }
.mdi-star::before { content: "⭐"; }
.mdi-globe::before { content: "🌐"; }
.mdi-briefcase::before { content: "💼"; }
.mdi-shield::before { content: "🛡️"; }
.mdi-bell::before { content: "🔔"; }
.mdi-user::before { content: "👤"; }
.mdi-logout::before { content: "🚪"; }
.mdi-login::before { content: "🔑"; }
.mdi-menu::before { content: "☰"; }
.mdi-maximize::before { content: "⛶"; }
.mdi-heart::before { content: "❤️"; }
.mdi-chevron-down::before { content: "▼"; }
.mdi-magnify::before { content: "🔍"; }
.mdi-account-circle-outline::before { content: "👤"; }
.mdi-lock-outline::before { content: "🔒"; }
.mdi-location-exit::before { content: "🚪"; }
.mdi-download-box::before { content: "📥"; }
.mdi-trending-up::before { content: "📈"; }
.mdi-trending-down::before { content: "📉"; }

/* Notification icon styles */
.noti-icon {
    width: 20px;
    height: 20px;
}

.noti-icon-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
}

/* Widget icon styles */
.widget-size {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

/* Button icon spacing */
.btn .feather,
.btn .mdi {
    margin-right: 5px;
}

.btn .feather:last-child,
.btn .mdi:last-child {
    margin-right: 0;
    margin-left: 5px;
}

/* Sidebar icon styles */
#side-menu .feather,
#side-menu .mdi {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    flex-shrink: 0;
}

/* Topbar icon styles */
.topnav-menu .feather,
.topnav-menu .mdi {
    width: 20px;
    height: 20px;
}

/* Card header icon styles */
.card-header .feather,
.card-header .mdi {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    line-height: 1.3;
}

/* Avatar icon styles */
.avatar-title .feather,
.avatar-title .mdi {
    width: 20px;
    height: 20px;
}

/* Dropdown icon styles */
.dropdown-item .feather,
.dropdown-item .mdi {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

/* Icon colors */
.text-primary .feather,
.text-primary .mdi { color: var(--silva-primary); }

.text-success .feather,
.text-success .mdi { color: var(--silva-success); }

.text-info .feather,
.text-info .mdi { color: var(--silva-info); }

.text-warning .feather,
.text-warning .mdi { color: var(--silva-warning); }

.text-danger .feather,
.text-danger .mdi { color: var(--silva-danger); }

.text-muted .feather,
.text-muted .mdi { color: var(--silva-secondary); }

/* Icon animations */
.feather.spin,
.mdi.spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Icon hover effects */
.btn:hover .feather,
.btn:hover .mdi,
a:hover .feather,
a:hover .mdi {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Responsive icon sizes */
@media (max-width: 768px) {
    .feather,
    .mdi {
        width: 20px;
        height: 20px;
    }
    
    #side-menu .feather,
    #side-menu .mdi {
        width: 16px;
        height: 16px;
    }
}