/* assets/css/datatables.css */

/* Container wrapper: black background, padding, positioning for copy notice */
.table-wrapper {
  background: #000 !important;
  padding: 1rem !important;
  position: relative !important;
}

/* Remove native search “×” icon to avoid duplication */
#wb-search::-webkit-search-cancel-button,
#wb-search::-ms-clear {
  display: none !important;
}

/* DataTable base overrides */
.table-wrapper .dataTable { border: none!important; }
.table-wrapper .dataTable thead th { border-bottom: none!important; }
.table-wrapper #wb-table th,
.table-wrapper #wb-table td {
  background: #d1cec5!important;
  color: #000!important;
  padding: 0.5rem 1rem!important;
  border: none!important;
  font-size: 1rem!important;
}
.table-wrapper .dataTable tbody tr:hover > td {
  background: #d1cec5!important;
}
.table-wrapper #wb-table td {
  cursor: pointer!important;
}

/* Search input and clear “×” */
#wb-search {
  width: 100% !important;
  padding: 0.5rem 1rem !important;
  border: none !important;
  background: #d1cec5 !important;
  color: #000 !important;
  box-sizing: border-box !important;
  font-size: 1rem !important;
}
#wb-clear {
  position: absolute !important;
  right: 1rem !important;
  top: 1rem !important;
  background: none !important;
  border: none !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  color: #000 !important;
  cursor: pointer !important;
}

/* Pagination styling */
.table-wrapper .dataTables_wrapper .dataTables_paginate {
  text-align: center !important;
  margin-top: 0.5rem !important;
  color: #CAC6BD!important;
}
.table-wrapper .dataTables_paginate .paginate_button {
  background: none!important;
  border: none!important;
  padding: 0!important;
  margin: 0!important;
}
.table-wrapper .dataTables_paginate .paginate_button a {
  color: #CAC6BD!important;
  background: none!important;
}
.table-wrapper .dataTables_paginate .paginate_button.current a {
  font-weight: bold!important;
  text-decoration: underline!important;
}

/* Copy notice styling */
.stm-copy-notice {
  position: absolute !important;
  bottom: 1rem !important;
  left: 1rem !important;
  background: #d1cec5 !important;
  color: #000 !important;
  padding: 0.5rem 1rem !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
  z-index: 1000 !important;
}