/* Correções para ícones e botões - Layout Profissional */

/* Material Symbols: a fonte é carregada pelo Google Fonts (com &display=block,
   o ícone não aparece como texto "call/calendar_today" enquanto a fonte carrega). */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    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;
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

/* Botões com ícones: alinhamento consistente */
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-light,
.btn-outline-light {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

/* Ícones dentro de botões herdam a cor do texto do botão (evita ícone invisível) */
.btn-primary .material-symbols-outlined,
.btn-secondary .material-symbols-outlined,
.btn-ghost .material-symbols-outlined,
.btn-light .material-symbols-outlined,
.btn-outline-light .material-symbols-outlined {
    font-size: 1.125rem;
    line-height: 1;
    color: inherit;
}

/* Ícones em cards centralizados */
.card .material-symbols-outlined {
    display: flex;
    align-items: center;
    justify-content: center;
}

@supports (-webkit-touch-callout: none) {
    .material-symbols-outlined {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Responsividade para ícones */
@media (max-width: 768px) {
    .material-symbols-outlined {
        font-size: 20px;
    }
}