/* Performance Optimization CSS - Carrega DEPOIS de todos os outros CSS */

/* Otimizar transições - trocar 'all' por propriedades específicas */
.offer-card,
.stat-card,
.profile-card,
.question-card,
.review-card,
.notif-center-item,
.detail-item {
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    will-change: auto; /* Remove will-change padrão para economizar memória */
}

/* Reduzir efeitos de hover - apenas para elementos principais */
.offer-card:hover,
.stat-card:hover {
    transform: translate3d(0, -3px, 0); /* GPU accelerated */
}

/* Remover hover de elementos secundários para performance */
.detail-item:hover,
.review-card:hover,
.question-card:hover {
    transform: none;
    border-color: var(--site-primary);
}

/* Simplificar box-shadows - menos camadas = melhor performance */
.offer-card,
.stat-card,
.profile-card,
.questions-content,
.settings-card,
.withdraw-details-card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.offer-card:hover,
.stat-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Remover transitions de elementos que mudam frequentemente */
.notif-tab-btn,
.tab-btn,
.notif-action-btn {
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* Otimizar botões - transição mais rápida */
.btn,
.btn-primary,
.btn-submit,
.btn-sm {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Desabilitar transforms em dispositivos móveis para melhor performance */
@media (max-width: 768px) {
    .offer-card:hover,
    .stat-card:hover,
    .profile-card:hover,
    .btn:hover,
    .btn-primary:hover {
        transform: none;
    }
}

/* CSS Containment para melhor performance */
.offer-card,
.stat-card,
.question-card,
.review-card {
    contain: layout style paint;
}

/* Reduzir blur effects que são muito pesados */
.offer-status.inactive {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Otimizar animações com GPU acceleration */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Desabilitar efeitos desnecessários em elementos pequenos */
.notif-go-btn:hover,
.notif-mark-read-btn:hover,
.btn-copy:hover {
    transform: none;
}

/* Otimizar gradientes - usar cores sólidas em vez de gradientes quando possível */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}