/* =========================================================
   CANAS - style1.css Preferences Override
   - Bu dosya style1.css'teki hardcoded renkleri CSS variables ile override eder
   - Preferences sisteminden gelen değerler bootstrapVars.ts tarafından set edilir
   - Bu dosya style1.css'ten SONRA yüklenmeli (index.html'de sıra önemli)
   ========================================================= */

/* Body background override */
body {
  background: var(--bs-body-bg, var(--canas-app-bg, #F3F5F7)) !important;
  color: var(--bs-body-color, #212529) !important;
}

/* Page canvas vs card/panel surfaces */
.body_white_bg {
  background-color: var(--bs-body-bg, var(--canas-app-bg, #F3F5F7)) !important;
}

.white_box,
.card,
.white_card {
  background-color: var(--bs-secondary-bg, var(--canas-surface-card, #F7F8FA)) !important;
}

/* Dark mode için card/box override */
[data-bs-theme="dark"] .white_box,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .white_card {
  background-color: var(--bs-secondary-bg, #1e1e1e) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
}

/* Primary color override (btn_1, vb.) */
.btn_1,
.btn-primary {
  background-color: var(--bs-primary, #884FFB) !important;
  border-color: var(--bs-primary, #884FFB) !important;
  color: var(--bs-white, #ffffff) !important;
}

.btn_1:hover,
.btn-primary:hover {
  background-color: var(--bs-link-hover-color, #7a3ee8) !important;
  border-color: var(--bs-link-hover-color, #7a3ee8) !important;
}

/* Border radius override - Tüm elemanlara uygula */
.br_5,
.border-radius-5,
.btn,
.btn_1,
.form-control,
.form-select,
.nice_Select,
.nice_Select2,
.default_sel,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select,
.card,
.white_box,
.white_card,
.badge,
.round_badge,
.alert,
.modal-content,
.dropdown-menu,
.nav-tabs .nav-link,
.pagination .page-link {
  border-radius: var(--bs-border-radius, 8px) !important;
}

/* Topbar input border-radius */
.header_iner .serach_field-area input,
.header_iner input[type="search"],
.header_iner input[type="text"],
.topbar input,
.topbar .form-control {
  border-radius: var(--bs-border-radius, 8px) !important;
}

/* Border color override */
.border_bottom_1px,
.border {
  border-color: var(--bs-border-color, #D9DEE5) !important;
}

/* Button dark mode override */
[data-bs-theme="dark"] .btn,
[data-bs-theme="dark"] .btn-primary,
[data-bs-theme="dark"] .btn_1 {
  background-color: var(--bs-primary, #508FF4) !important;
  border-color: var(--bs-primary, #508FF4) !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] .btn:hover,
[data-bs-theme="dark"] .btn-primary:hover,
[data-bs-theme="dark"] .btn_1:hover {
  background-color: var(--bs-link-hover-color, #7ab3f7) !important;
  border-color: var(--bs-link-hover-color, #7ab3f7) !important;
}

[data-bs-theme="dark"] .btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--bs-primary, #508FF4) !important;
  color: var(--bs-primary, #508FF4) !important;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
  background-color: var(--bs-primary, #508FF4) !important;
  color: #ffffff !important;
}

/* Form control override */
.form-control {
  border-color: var(--bs-border-color, #D9DEE5) !important;
  background-color: var(--canas-control-bg, #F8F9FB) !important;
  color: var(--bs-body-color, #212529) !important;
}

.form-control:focus {
  border-color: var(--bs-primary, #884FFB) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 136, 79, 251), 0.25) !important;
}

[data-bs-theme="dark"] .form-control {
  background-color: var(--bs-secondary-bg, #1e1e1e) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
}

/* Text color override */
.text-muted,
.text-secondary {
  color: var(--bs-body-color, #7e7172) !important;
  opacity: 0.7;
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-secondary {
  color: var(--bs-body-color, rgba(255, 255, 255, 0.6)) !important;
}

/* Link color override */
a,
.link {
  color: var(--bs-link-color, #884FFB) !important;
}

a:hover,
.link:hover {
  color: var(--bs-link-hover-color, #7a3ee8) !important;
}

/* Badge override */
.badge,
.round_badge {
  background-color: var(--bs-primary, #884FFB) !important;
  color: var(--bs-white, #ffffff) !important;
}

/* Progress bar override */
.progress-bar {
  background-color: var(--bs-primary, #884FFB) !important;
}

/* Table override */
.table {
  background-color: var(--bs-secondary-bg, var(--canas-surface-card, #F7F8FA)) !important;
  color: var(--bs-body-color, #212529) !important;
}

.table thead th {
  background-color: var(--canas-table-header-bg, var(--canas-surface-band, #F1F3F5)) !important;
  color: var(--bs-body-color, #212529) !important;
  border-color: var(--bs-border-color, #D9DEE5) !important;
}

.table tbody td {
  color: var(--bs-body-color, #212529) !important;
  border-color: var(--bs-border-color, #D9DEE5) !important;
}

.table tbody tr:nth-child(even) {
  background-color: var(--bs-body-bg, var(--canas-app-bg, #F3F5F7)) !important;
}

.table tbody tr:nth-child(odd) {
  background-color: var(--bs-secondary-bg, var(--canas-surface-card, #F7F8FA)) !important;
}

[data-bs-theme="dark"] .table {
  background-color: var(--bs-secondary-bg, #1e1e1e) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
}

[data-bs-theme="dark"] .table thead th {
  background-color: var(--bs-tertiary-bg, #2d2d2d) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
}

[data-bs-theme="dark"] .table tbody td {
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
}

[data-bs-theme="dark"] .table tbody tr:nth-child(even),
[data-bs-theme="dark"] .table tbody tr:nth-child(odd) {
  background-color: transparent !important;
}

/* Sidebar override (tema sidebar'ı için) */
.sidebar {
  background-color: var(--canas-sidebar-bg, var(--bs-secondary-bg, var(--canas-surface-card, #F7F8FA))) !important;
  border-color: var(--bs-border-color, #D9DEE5) !important;
}

[data-bs-theme="dark"] .sidebar {
  background-color: var(--bs-secondary-bg, #1e1e1e) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
}

/* Sol menü seçili nav — light mode: koyu primary (okunabilir), dark mode: açık mavi */
.sidebar #sidebar_menu a.active,
.sidebar #sidebar_menu a.canas-link.active,
.sidebar #sidebar_menu a.canas-sublink.active,
.sidebar #sidebar_menu .canas-sublink.active,
nav.sidebar.canas-sidebar #sidebar_menu > li > a.active,
nav.sidebar.canas-sidebar #sidebar_menu > li.mm-active > a,
nav.sidebar.canas-sidebar #sidebar_menu > li > ul.canas-submenu a.canas-sublink.active,
.canas-sidebar .canas-link.active,
.canas-sidebar .canas-link.is-active,
.canas-sidebar .canas-sublink.active,
.canas-sidebar .canas-sublink.is-active,
.canas-sidebar .canas-sub-link.is-active,
.canas-sidebar a.canas-sub-link.is-active,
/* Li bağlamı — React: .canas-menu > li, .canas-submenu > li */
.canas-sidebar .canas-menu > li .canas-link.is-active,
.canas-sidebar .canas-menu > li > .canas-link.is-active,
.canas-sidebar .canas-submenu > li a.canas-sub-link.is-active,
.canas-sidebar .canas-submenu > li .canas-sub-link.is-active,
.canas-sidebar .canas-submenu li a.canas-sub-link.is-active {
  color: var(--canas-brand, #01024A) !important;
}
.sidebar #sidebar_menu a.active i,
.sidebar #sidebar_menu a.active .nav_icon_small i,
nav.sidebar.canas-sidebar #sidebar_menu > li > a.active i,
nav.sidebar.canas-sidebar #sidebar_menu > li.mm-active > a i,
.canas-sidebar .canas-link.active .nav_icon_small i,
.canas-sidebar .canas-link.active .canas-ico,
.canas-sidebar .canas-link.is-active .canas-icon,
.canas-sidebar .canas-link.is-active .canas-ico,
.canas-sidebar .canas-link.is-active i,
.canas-sidebar .canas-sub-link.is-active,
.canas-sidebar .canas-sub-link.is-active i,
.canas-sidebar a.canas-sub-link.is-active,
/* Li içi icon/text */
.canas-sidebar .canas-menu > li .canas-link.is-active .canas-icon,
.canas-sidebar .canas-menu > li .canas-link.is-active .canas-text,
.canas-sidebar .canas-menu > li .canas-link.is-active i,
.canas-sidebar .canas-submenu > li a.canas-sub-link.is-active,
.canas-sidebar .canas-submenu > li .canas-sub-link.is-active i,
.canas-sidebar .canas-submenu li a.canas-sub-link.is-active {
  color: var(--canas-brand, #01024A) !important;
}

/* Dark mode: seçili nav açık mavi */
[data-bs-theme="dark"] .sidebar #sidebar_menu a.active,
[data-bs-theme="dark"] .sidebar #sidebar_menu a.canas-link.active,
[data-bs-theme="dark"] .sidebar #sidebar_menu a.canas-sublink.active,
[data-bs-theme="dark"] .sidebar #sidebar_menu .canas-sublink.active,
[data-bs-theme="dark"] nav.sidebar.canas-sidebar #sidebar_menu > li > a.active,
[data-bs-theme="dark"] nav.sidebar.canas-sidebar #sidebar_menu > li.mm-active > a,
[data-bs-theme="dark"] nav.sidebar.canas-sidebar #sidebar_menu > li > ul.canas-submenu a.canas-sublink.active,
[data-bs-theme="dark"] .canas-sidebar .canas-link.active,
[data-bs-theme="dark"] .canas-sidebar .canas-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-sublink.active,
[data-bs-theme="dark"] .canas-sidebar .canas-sublink.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar a.canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-menu > li .canas-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-menu > li > .canas-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-submenu > li a.canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-submenu > li .canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-submenu li a.canas-sub-link.is-active {
  color: #508FF4 !important;
}
[data-bs-theme="dark"] .sidebar #sidebar_menu a.active i,
[data-bs-theme="dark"] .sidebar #sidebar_menu a.active .nav_icon_small i,
[data-bs-theme="dark"] nav.sidebar.canas-sidebar #sidebar_menu > li > a.active i,
[data-bs-theme="dark"] nav.sidebar.canas-sidebar #sidebar_menu > li.mm-active > a i,
[data-bs-theme="dark"] .canas-sidebar .canas-link.active .nav_icon_small i,
[data-bs-theme="dark"] .canas-sidebar .canas-link.active .canas-ico,
[data-bs-theme="dark"] .canas-sidebar .canas-link.is-active .canas-icon,
[data-bs-theme="dark"] .canas-sidebar .canas-link.is-active .canas-ico,
[data-bs-theme="dark"] .canas-sidebar .canas-link.is-active i,
[data-bs-theme="dark"] .canas-sidebar .canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-sub-link.is-active i,
[data-bs-theme="dark"] .canas-sidebar a.canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-menu > li .canas-link.is-active .canas-icon,
[data-bs-theme="dark"] .canas-sidebar .canas-menu > li .canas-link.is-active .canas-text,
[data-bs-theme="dark"] .canas-sidebar .canas-menu > li .canas-link.is-active i,
[data-bs-theme="dark"] .canas-sidebar .canas-submenu > li a.canas-sub-link.is-active,
[data-bs-theme="dark"] .canas-sidebar .canas-submenu > li .canas-sub-link.is-active i,
[data-bs-theme="dark"] .canas-sidebar .canas-submenu li a.canas-sub-link.is-active {
  color: #508FF4 !important;
}

/* Topbar override - Koyu tema desteği */
.header_iner,
.topbar,
.header {
  background-color: var(--canas-table-header-bg, var(--canas-surface-band, #F1F3F5)) !important;
  border-bottom-color: var(--bs-border-color, #D9DEE5) !important;
  color: var(--bs-body-color, #212529) !important;
}

[data-bs-theme="dark"] .header_iner,
[data-bs-theme="dark"] .topbar,
[data-bs-theme="dark"] .header {
  background-color: var(--bs-secondary-bg, #1e1e1e) !important;
  border-bottom-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
}

/* Topbar içindeki input ve butonlar */
.header_iner input,
.header_iner .form-control,
.topbar input,
.topbar .form-control {
  background-color: var(--canas-control-bg, #F8F9FB) !important;
  border-color: var(--bs-border-color, #D9DEE5) !important;
  color: var(--bs-body-color, #212529) !important;
}

[data-bs-theme="dark"] .header_iner input,
[data-bs-theme="dark"] .header_iner .form-control,
[data-bs-theme="dark"] .topbar input,
[data-bs-theme="dark"] .topbar .form-control {
  background-color: var(--bs-tertiary-bg, #2d2d2d) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
}

/* Topbar butonlar */
.header_iner .btn,
.topbar .btn,
.header_iner button,
.topbar button {
  border-radius: var(--bs-border-radius, 8px) !important;
}

/* Select ve textarea override */
.form-select,
textarea {
  border-color: var(--bs-border-color, #D9DEE5) !important;
  background-color: var(--canas-control-bg, #F8F9FB) !important;
  color: var(--bs-body-color, #212529) !important;
}

[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] textarea {
  background-color: var(--bs-secondary-bg, #1e1e1e) !important;
  color: var(--bs-body-color, rgba(255, 255, 255, 0.87)) !important;
  border-color: var(--bs-border-color, rgba(255, 255, 255, 0.12)) !important;
}

.form-select:focus,
textarea:focus {
  border-color: var(--bs-primary, #884FFB) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 136, 79, 251), 0.25) !important;
}

/* Main content override */
.main_content {
  background-color: var(--bs-body-bg, var(--canas-app-bg, #F3F5F7)) !important;
}

[data-bs-theme="dark"] .main_content {
  background-color: var(--bs-body-bg, #121212) !important;
}

/* Box shadow override - Shadow intensity'e göre */
.white_box,
.card,
.white_card,
.modal-content,
.dropdown-menu,
.alert,
.nav-tabs,
.pagination,
.list_header,
.dashboard_header {
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)) !important;
}

[data-bs-theme="dark"] .white_box,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .white_card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .alert,
[data-bs-theme="dark"] .nav-tabs,
[data-bs-theme="dark"] .pagination,
[data-bs-theme="dark"] .list_header,
[data-bs-theme="dark"] .dashboard_header {
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3)) !important;
}

/* Reduce motion support */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.canas-reduce-motion *,
.canas-reduce-motion *::before,
.canas-reduce-motion *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}