/**
 * Override de Cores - Tema Verde-Água (Teal)
 * Funciona com Light e Dark mode
 * 
 * @author Souza Tech (https://rafaelsouzatech.com.br)
 * @version 2.5.0
 */

/* ========================================
   VARIÁVEIS CSS - Cor Primária Verde-Água
   ======================================== */

:root {
    --primary: #00b894;
    --primary-100: #d4f5ed;
    --primary-200: #a8ebdb;
    --primary-300: #7de1c9;
    --primary-400: #51d7b7;
    --primary-600: #00a383;
    --primary-700: #008e72;
    --primary-800: #007961;
    --primary-900: #006450;
    --teal: #00b894;
}

/* Variáveis para Tema Light - Forçar cores claras */
[data-theme-style="light"],
body[data-theme-style="light"] {
    --white: #ffffff;
    --gray-50: #f8f9fa;
    --gray-100: #e9ecef;
    --gray-200: #f0f2f5;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --body-bg: #f5f7f9;
    --body-color: #333333;
}

/* ========================================
   TOOLTIPS - Texto branco em fundo preto
   ======================================== */

.tooltip-inner {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.popover-body,
.popover-header {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.tippy-box,
.tippy-content {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ========================================
   BOTÕES PRIMÁRIOS
   ======================================== */

.btn-primary {
    background-color: #00b894 !important;
    border-color: #00b894 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #00a383 !important;
    border-color: #00a383 !important;
    color: #ffffff !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #008e72 !important;
    border-color: #008e72 !important;
}

.btn-outline-primary {
    color: #00b894 !important;
    border-color: #00b894 !important;
}

.btn-outline-primary:hover {
    background-color: #00b894 !important;
    color: #ffffff !important;
}

/* ========================================
   LINKS
   ======================================== */

a {
    color: #00b894;
}

a:hover {
    color: #00a383;
}

/* Tema Dark - Links */
[data-theme-style="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #51d7b7;
}

/* ========================================
   SIDEBAR - Item Ativo
   ======================================== */

.app-sidebar-links > li.active > a:not(.default),
.app-sidebar-links > li.active > a:not(.default) *,
.app-sidebar-links > li.active > a:not(.default) span,
.app-sidebar-links > li.active > a:not(.default) svg,
.app-sidebar-links > li.active > a:not(.default) i,
[data-theme-style="light"] .app-sidebar-links > li.active > a:not(.default),
[data-theme-style="light"] .app-sidebar-links > li.active > a:not(.default) *,
[data-theme-style="light"] .app-sidebar-links > li.active > a:not(.default) span,
[data-theme-style="light"] .app-sidebar-links > li.active > a:not(.default) svg,
body[data-theme-style="light"] .app-sidebar-links > li.active > a:not(.default),
body[data-theme-style="light"] .app-sidebar-links > li.active > a:not(.default) * {
    background: #00b894 !important;
    background-color: #00b894 !important;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.app-sidebar-links > li.active .badge,
[data-theme-style="light"] .app-sidebar-links > li.active .badge {
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

.admin-sidebar-links > li.active > a,
.admin-sidebar-links > li.active > a *,
.admin-sidebar-links > li.active > a span,
.admin-sidebar-links > li.active > a svg,
[data-theme-style="light"] .admin-sidebar-links > li.active > a,
[data-theme-style="light"] .admin-sidebar-links > li.active > a *,
body[data-theme-style="light"] .admin-sidebar-links > li.active > a,
body[data-theme-style="light"] .admin-sidebar-links > li.active > a * {
    background: #00b894 !important;
    background-color: #00b894 !important;
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Tema Dark - Sidebar item ativo */
[data-theme-style="dark"] .app-sidebar-links > li.active > a:not(.default),
[data-theme-style="dark"] .admin-sidebar-links > li.active > a {
    background: #00a383 !important;
    color: #ffffff !important;
}

/* ========================================
   FORMULÁRIOS
   ======================================== */

.form-control:focus {
    border-color: #7de1c9 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 184, 148, 0.25) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00b894 !important;
    border-color: #00b894 !important;
}

/* ========================================
   BADGES E BACKGROUNDS
   ======================================== */

/* Badges com fundo colorido devem ter texto branco */
.badge-primary,
.badge-success,
.badge-secondary,
.badge-info,
.bg-primary.badge,
.bg-success.badge,
[data-theme-style="light"] .badge-primary,
[data-theme-style="light"] .badge-success,
[data-theme-style="light"] .badge-secondary,
[data-theme-style="light"] .badge-info,
body[data-theme-style="light"] .badge-primary,
body[data-theme-style="light"] .badge-success,
body[data-theme-style="light"] .badge-secondary,
body[data-theme-style="light"] .badge-info {
    color: #ffffff !important;
}

.badge-primary,
[data-theme-style="light"] .badge-primary,
body[data-theme-style="light"] .badge-primary {
    background-color: #00b894 !important;
}

/* Tema Dark - Badge */
[data-theme-style="dark"] .badge-primary,
[data-theme-style="dark"] .badge-success,
[data-theme-style="dark"] .badge-secondary,
[data-theme-style="dark"] .badge-info {
    color: #ffffff !important;
}

[data-theme-style="dark"] .badge-primary {
    background-color: #00a383 !important;
}

.bg-primary {
    background-color: #00b894 !important;
}

.text-primary {
    color: #00b894 !important;
}

.border-primary {
    border-color: #00b894 !important;
}

/* ========================================
   PAGINAÇÃO E NAVEGAÇÃO
   ======================================== */

.page-item.active .page-link {
    background-color: #00b894 !important;
    border-color: #00b894 !important;
}

.page-link {
    color: #00b894 !important;
}

.nav-pills .nav-link.active {
    background-color: #00b894 !important;
}

/* ========================================
   PROGRESS E SPINNERS
   ======================================== */

.progress-bar {
    background-color: #00b894 !important;
}

.spinner-border.text-primary {
    color: #00b894 !important;
}

/* ========================================
   SELEÇÃO DE TEXTO
   ======================================== */

::selection {
    background-color: #00b894;
    color: #fff;
}

::-moz-selection {
    background-color: #00b894;
    color: #fff;
}

/* ========================================
   TEMA LIGHT - Forçar cores claras
   MÁXIMA PRIORIDADE - Sobrescreve tudo
   @author Souza Tech (https://rafaelsouzatech.com.br)
   ======================================== */

/* Body e HTML - Tema Light - FORÇADO */
html[data-theme-style="light"],
html body[data-theme-style="light"],
body[data-theme-style="light"],
[data-theme-style="light"],
[data-theme-style="light"].app,
[data-theme-style="light"].index,
body[data-theme-style="light"].app,
body[data-theme-style="light"].index {
    background: #f5f7f9 !important;
    background-color: #f5f7f9 !important;
    color: #333333 !important;
}

/* Página de Login/Registro - Tema Light */
[data-theme-style="light"].bg-gray-50,
[data-theme-style="light"].bg-gray-100,
[data-theme-style="light"] .bg-gray-50,
[data-theme-style="light"] .bg-gray-100,
body[data-theme-style="light"].bg-gray-50,
body[data-theme-style="light"].bg-gray-100 {
    background: #f5f7f9 !important;
    background-color: #f5f7f9 !important;
}

/* Card de Login - Tema Light - FORÇADO */
[data-theme-style="light"] .card,
[data-theme-style="light"] .card-body,
[data-theme-style="light"] .card-header,
[data-theme-style="light"] .card-footer,
body[data-theme-style="light"] .card,
body[data-theme-style="light"] .card-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e9ecef !important;
    color: #333333 !important;
}

/* Inputs - Tema Light - FORÇADO */
[data-theme-style="light"] .form-control,
[data-theme-style="light"] input,
[data-theme-style="light"] textarea,
[data-theme-style="light"] select,
body[data-theme-style="light"] .form-control,
body[data-theme-style="light"] input:not([type="checkbox"]):not([type="radio"]),
body[data-theme-style="light"] textarea,
body[data-theme-style="light"] select {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #333333 !important;
}

/* Sidebar App - Tema Light - FORÇADO */
[data-theme-style="light"] .app-sidebar,
[data-theme-style="light"] .app-sidebar-links-wrapper,
[data-theme-style="light"] .app-sidebar-title,
body[data-theme-style="light"] .app-sidebar,
body[data-theme-style="light"] .app-sidebar-links-wrapper,
body[data-theme-style="light"] .app-sidebar-title {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e9ecef !important;
}

[data-theme-style="light"] .app-sidebar-links > li > a,
body[data-theme-style="light"] .app-sidebar-links > li > a {
    color: #555555 !important;
    background: transparent !important;
}

[data-theme-style="light"] .app-sidebar-links > li > a:hover,
body[data-theme-style="light"] .app-sidebar-links > li > a:hover {
    background: #f5f7f9 !important;
    background-color: #f5f7f9 !important;
    color: #333333 !important;
}

[data-theme-style="light"] .app-sidebar-title a,
body[data-theme-style="light"] .app-sidebar-title a {
    color: #333333 !important;
}

[data-theme-style="light"] .app-sidebar-footer,
[data-theme-style="light"] .app-sidebar-footer > a,
body[data-theme-style="light"] .app-sidebar-footer,
body[data-theme-style="light"] .app-sidebar-footer > a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #555555 !important;
}

[data-theme-style="light"] .app-sidebar-footer-text,
body[data-theme-style="light"] .app-sidebar-footer-text {
    color: #6c757d !important;
}

/* Admin Sidebar - Tema Light - FORÇADO */
[data-theme-style="light"] .admin-sidebar-links-wrapper,
body[data-theme-style="light"] .admin-sidebar-links-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

[data-theme-style="light"] .admin-sidebar-links > li > a,
body[data-theme-style="light"] .admin-sidebar-links > li > a {
    color: #555555 !important;
}

[data-theme-style="light"] .admin-sidebar-links > li > a:hover,
body[data-theme-style="light"] .admin-sidebar-links > li > a:hover {
    background: #f5f7f9 !important;
    background-color: #f5f7f9 !important;
}

/* Textos - Tema Light - FORÇADO */
[data-theme-style="light"] h1,
[data-theme-style="light"] h2,
[data-theme-style="light"] h3,
[data-theme-style="light"] h4,
[data-theme-style="light"] h5,
[data-theme-style="light"] h6,
[data-theme-style="light"] p,
[data-theme-style="light"] label,
[data-theme-style="light"] span:not(.badge),
body[data-theme-style="light"] h1,
body[data-theme-style="light"] h2,
body[data-theme-style="light"] h3,
body[data-theme-style="light"] h4,
body[data-theme-style="light"] h5,
body[data-theme-style="light"] h6,
body[data-theme-style="light"] p,
body[data-theme-style="light"] label {
    color: #333333 !important;
}

[data-theme-style="light"] .text-muted,
body[data-theme-style="light"] .text-muted {
    color: #6c757d !important;
}

/* Navbar - Tema Light - FORÇADO */
[data-theme-style="light"] .navbar-main,
[data-theme-style="light"] .app-navbar,
body[data-theme-style="light"] .navbar-main,
body[data-theme-style="light"] .app-navbar {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e9ecef !important;
}

/* Dropdowns - Tema Light - FORÇADO */
[data-theme-style="light"] .dropdown-menu,
body[data-theme-style="light"] .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e9ecef !important;
}

[data-theme-style="light"] .dropdown-item,
body[data-theme-style="light"] .dropdown-item {
    color: #333333 !important;
}

[data-theme-style="light"] .dropdown-item:hover,
body[data-theme-style="light"] .dropdown-item:hover {
    background: #f5f7f9 !important;
    background-color: #f5f7f9 !important;
}

/* Tabelas - Tema Light - FORÇADO */
[data-theme-style="light"] .table,
[data-theme-style="light"] .table td,
[data-theme-style="light"] .table th,
body[data-theme-style="light"] .table,
body[data-theme-style="light"] .table td,
body[data-theme-style="light"] .table th {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #e9ecef !important;
}

/* Modais - Tema Light - FORÇADO */
[data-theme-style="light"] .modal-content,
[data-theme-style="light"] .modal-header,
[data-theme-style="light"] .modal-body,
[data-theme-style="light"] .modal-footer,
body[data-theme-style="light"] .modal-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Footer - Tema Light - FORÇADO */
[data-theme-style="light"] .footer,
[data-theme-style="light"] .app-footer,
body[data-theme-style="light"] .footer,
body[data-theme-style="light"] .app-footer {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e9ecef !important;
    color: #555555 !important;
}

/* Links no Tema Light */
[data-theme-style="light"] a:not(.btn):not(.nav-link):not(.dropdown-item),
body[data-theme-style="light"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #00b894 !important;
}

/* Dividers - Tema Light */
[data-theme-style="light"] .divider,
[data-theme-style="light"] .app-sidebar-links > .divider-wrapper > .divider,
body[data-theme-style="light"] .divider {
    border-color: #e9ecef !important;
}

/* ========================================
   OCULTAR ÍCONES DESNECESSÁRIOS
   @author Souza Tech (https://rafaelsouzatech.com.br)
   ======================================== */
.fa-border-style,
.fas.fa-border-style,
i.fa-border-style,
i.fas.fa-border-style,
.fa-arrows-left-right,
.fas.fa-arrows-left-right,
i.fa-arrows-left-right,
i.fas.fa-arrows-left-right {
    display: none !important;
}