/*
 * Material Icons Theme per Agevola App24
 * Ottimizzazioni globali per Material Icons
 */

/* Base styling per Material Icons */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: middle;
    /* Supporto per browser vecchi */
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Dimensioni specifiche */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Per i pulsanti */
.btn .material-icons {
    font-size: 1.1em;
    vertical-align: middle;
    margin-right: 0.25rem;
}

.btn .material-icons:last-child {
    margin-right: 0;
    margin-left: 0.25rem;
}

/* Per i menu e navbar */
.navbar .material-icons,
.nav .material-icons {
    font-size: 1.2em;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Per le card e headers */
.card-header .material-icons,
.card-title .material-icons {
    font-size: 1.3em;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Per le tabelle */
.table .material-icons {
    font-size: 1.1em;
    vertical-align: middle;
}

/* Per gli input group */
.input-group-text .material-icons {
    font-size: 1.1em;
}

/* Animazioni hover per pulsanti */
.btn:hover .material-icons {
    transform: scale(1.1);
    transition: transform 0.15s ease-in-out;
}

/* Colori specifici per il tema MonteCapital */
.material-icons.text-montecapital { color: #1e40af; }
.material-icons.text-success { color: #059669; }
.material-icons.text-warning { color: #d97706; }
.material-icons.text-danger { color: #dc2626; }
.material-icons.text-info { color: #0891b2; }

/* Supporto per icone in loading state */
.material-icons.rotating {
    animation: rotate 1s linear infinite;
}

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

/* Fix per allineamento con testo */
.material-icons + span,
span + .material-icons {
    margin-left: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .btn .material-icons {
        font-size: 1em;
        margin-right: 0.2rem;
    }
    
    .navbar .material-icons {
        font-size: 1.1em;
        margin-right: 0.3rem;
    }
}