/**
 * Yellow 3D Studio - Override CSS para Botões
 * Este arquivo tem prioridade máxima para garantir que os estilos sejam aplicados
 * Versão 1.0.0 - Override com !important
 */

/* === BOTÕES DA BARRA DE NAVEGAÇÃO === */
.tab-btn {
    background: linear-gradient(135deg, #FFD54A 0%, #FFC107 100%) !important;
    border: 2px solid #1a1a1a !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    color: #1a1a1a !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

.tab-btn.active {
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%) !important;
    color: #FFD54A !important;
    border: 2px solid #FFD54A !important;
    box-shadow: 0 6px 20px rgba(255, 213, 74, 0.4) !important;
}

.tab-btn:hover {
    background: linear-gradient(135deg, #FFC107 0%, #FFD54A 100%) !important;
    color: #1a1a1a !important;
    border: 2px solid #1a1a1a !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* === BARRA DE NAVEGAÇÃO === */
.menu {
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%) !important;
    border: 2px solid #FFD54A !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6) !important;
}

.menu button:not(:last-child) {
    border-right: 2px solid #FFD54A !important;
}

/* === CONTAINER PRINCIPAL === */
.tabs {
    background-color: #f0f2f5 !important;
}

/* === FORÇA APLICAÇÃO EM TODOS OS ELEMENTOS === */
div.tabs div.menu button.tab-btn {
    background: linear-gradient(135deg, #FFD54A 0%, #FFC107 100%) !important;
    border: 2px solid #1a1a1a !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    color: #1a1a1a !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: bold !important;
}

div.tabs div.menu button.tab-btn.active {
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%) !important;
    color: #FFD54A !important;
    border: 2px solid #FFD54A !important;
    box-shadow: 0 6px 20px rgba(255, 213, 74, 0.4) !important;
}

div.tabs div.menu {
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%) !important;
    border: 2px solid #FFD54A !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6) !important;
}