/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* FIX: Dark Mode Modal Table Hover Issue */
html.dark-layout .modal .table-hover tbody tr:hover {
  color: #b4b7bd !important;
  background-color: #3b4253 !important;
  /* Proper dark hover color */
}

/* Ensure modal content matches dark theme */
html.dark-layout .modal-content {
  background-color: #283046;
  color: #b4b7bd;
}

html.dark-layout .modal-header {
  background-color: #283046 !important;
  border-bottom: 1px solid #3b4253;
}

html.dark-layout .modal-footer {
  background-color: #283046 !important;
  border-top: 1px solid #3b4253;
}

html.dark-layout .modal-title {
  color: #d0d2d6;
}

html.dark-layout .modal .btn-close {
  background-color: #b4b7bd;
  /* Make close button visible */
  border-radius: 50%;
}

/* Additional fix for general dark mode table legibility if needed */
html.dark-layout .table {
  color: #b4b7bd;
}

/* Global Dark Mode Table Hover Fix */
/* Global Dark Mode Table Hover Fix */
html.dark-layout .table-hover tbody tr:hover {
  color: #b4b7bd !important;
  --bs-table-accent-bg: #3b4253 !important;
  background-color: #3b4253 !important;
}

/* Force Dark Mode Hover Colors - Aggressive Override for DataTables */
html.dark-layout .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #3b4253 !important;
  background-color: #3b4253 !important;
  color: #b4b7bd !important;
}

/* Specific fix for DataTable rows to ensure no white bleed on sorted columns or odd/even rows */
html.dark-layout table.dataTable tbody tr:hover,
html.dark-layout table.dataTable tbody tr.odd:hover,
html.dark-layout table.dataTable tbody tr.even:hover {
  background-color: #3b4253 !important;
}

html.dark-layout table.dataTable tbody tr:hover > .sorting_1 {
  background-color: #3b4253 !important;
}

html.dark-layout .dtr-details > li {
  border-bottom: 1px solid #3b4253 !important;
}

/* Global Dark Mode img-thumbnail Fix */
html.dark-layout .img-thumbnail {
  background-color: #283046;
  border-color: #3b4253;
}

/* COMPREHENSIVE DARK MODE TABLE FIXES */
html.dark-layout .table {
  color: #b4b7bd !important;
  background-color: transparent !important;
}

html.dark-layout .table > :not(caption) > * > * {
  background-color: transparent;
  /* Fix for bootstrap 5 table bleed */
  box-shadow: none;
  color: inherit;
}

html.dark-layout .table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: #343d55 !important;
  background-color: #343d55 !important;
  color: #b4b7bd !important;
}

html.dark-layout .table-hover > tbody > tr:hover {
  --bs-table-accent-bg: #3b4253 !important;
  background-color: #3b4253 !important;
  color: #b4b7bd !important;
}

/* Fix "Detay" links or other plain links in tables to be visible */
html.dark-layout .table a:not(.btn):not(.dropdown-item) {
  color: #7367f0;
}

html.dark-layout .table a:not(.btn):not(.dropdown-item):hover {
  color: #7367f0;
  text-decoration: underline;
}

/* Global .btn-info to Red Override */
.btn-info {
  background-color: #006b8b !important;
  border-color: #006b8b !important;
  color: #ffffff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  background-color: #005b77 !important;
  border-color: #005b77 !important;
  color: #ffffff !important;
}

.btn-outline-info {
  border-color: #006b8b !important;
  color: #006b8b !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active {
  background-color: #006b8b !important;
  color: #ffffff !important;
}

/* DataTable Dropdown (Collection) Dark Mode Fix */
html.dark-layout .dt-button-collection .dropdown-menu {
  background-color: #283046 !important;
  border-color: #3b4253 !important;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24) !important;
}

html.dark-layout .dt-button-collection .dropdown-item {
  color: #b4b7bd !important;
  background-color: transparent !important;
}

html.dark-layout .dt-button-collection .dropdown-item:hover,
html.dark-layout .dt-button-collection .dropdown-item:focus {
  background-color: #3b4253 !important;
  color: #7367f0 !important;
}

/* Fallback for different DataTables button structures */
html.dark-layout .dt-button-collection > div {
  background-color: #283046 !important;
  color: #b4b7bd !important;
  border: 1px solid #3b4253 !important;
}