/* Arquivo CSS para aplicação global de temas */

/* Aplicar tema em elementos principais */
.navbar-dark {
    background-color: var(--primary-color, #4A90E2) !important;
}

.btn-primary {
    background-color: var(--primary-color, #4A90E2) !important;
    border-color: var(--primary-color, #4A90E2) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-hover, #357ABD) !important;
    border-color: var(--primary-hover, #357ABD) !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.5) !important;
}

.bg-primary:not(.badge) {
    background-color: var(--primary-color, #4A90E2) !important;
}

.text-primary {
    color: var(--primary-color, #4A90E2) !important;
}

.border-primary {
    border-color: var(--primary-color, #4A90E2) !important;
}

/* Aplicar em cards e headers */
.card-header {
    background-color: var(--primary-color, #4A90E2) !important;
    color: white !important;
}

.card-header h5,
.card-header h6 {
    color: white !important;
}

/* Sidebar e navegação */
.sidebar .nav-link.active {
    background-color: var(--primary-color, #4A90E2) !important;
    color: white !important;
}

.sidebar .nav-link:hover {
    background-color: var(--primary-light, rgba(74, 144, 226, 0.2)) !important;
}

/* Links e elementos interativos */
a {
    color: var(--primary-color, #4A90E2);
}

a:hover {
    color: var(--primary-hover, #357ABD);
}

/* Formulários */
.form-control:focus {
    border-color: var(--primary-color, #4A90E2) !important;
    box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color, #4A90E2) !important;
    border-color: var(--primary-color, #4A90E2) !important;
}

/* Dropdowns */
.dropdown-item:hover {
    background-color: var(--primary-light, rgba(74, 144, 226, 0.2)) !important;
}

/* Badges e labels */
.badge-primary {
    background-color: var(--primary-color, #4A90E2) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--primary-color, #4A90E2) !important;
}

/* Pagination */
.page-link {
    color: var(--primary-color, #4A90E2) !important;
}

.page-link:hover {
    color: var(--primary-hover, #357ABD) !important;
}

.page-item.active .page-link {
    background-color: var(--primary-color, #4A90E2) !important;
    border-color: var(--primary-color, #4A90E2) !important;
}

/* Alerts */
.alert-primary {
    background-color: var(--primary-light, rgba(74, 144, 226, 0.2)) !important;
    border-color: var(--primary-color, #4A90E2) !important;
    color: var(--primary-color, #4A90E2) !important;
}

/* Tables */
.table-primary {
    background-color: var(--primary-light, rgba(74, 144, 226, 0.2)) !important;
}

/* Modals */
.modal-header {
    background-color: var(--primary-color, #4A90E2) !important;
    color: white !important;
}

.modal-header .btn-close {
    filter: invert(1);
}

/* Tooltips */
.tooltip .tooltip-inner {
    background-color: var(--primary-color, #4A90E2) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--primary-color, #4A90E2) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--primary-color, #4A90E2) !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--primary-color, #4A90E2) !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--primary-color, #4A90E2) !important;
}

/* Custom elements específicos do sistema */
.profile-header {
    background: linear-gradient(135deg, var(--primary-color, #4A90E2), var(--primary-hover, #357ABD)) !important;
}

.settings-header {
    background: linear-gradient(135deg, var(--primary-color, #4A90E2), var(--primary-hover, #357ABD)) !important;
}

.profile-card-header {
    background: var(--primary-color, #4A90E2) !important;
}

.settings-card-header {
    background: var(--primary-color, #4A90E2) !important;
}

/* Aplicar tema em elementos específicos do sistema */
.navbar-brand {
    color: white !important;
}

.navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-nav .nav-link:hover {
    color: white !important;
}

/* Garantir que o tema seja aplicado mesmo com !important de outros CSS */
[style*="background-color"] {
    /* Permitir que o tema sobrescreva cores inline quando necessário */
}

/* Aplicar tema em elementos dinâmicos */
.theme-applied {
    background-color: var(--primary-color, #4A90E2) !important;
}

.theme-applied-text {
    color: var(--primary-color, #4A90E2) !important;
}