/*Write your custom css in this file.*/

/* ==========================================
   TAJAWAL FONT SETUP
   ========================================== */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 200;
  src: local('Tajawal ExtraLight'), url('../tajawal/Tajawal-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 300;
  src: local('Tajawal Light'), url('../tajawal/Tajawal-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: local('Tajawal Regular'), url('../tajawal/Tajawal-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  src: local('Tajawal Medium'), url('../tajawal/Tajawal-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  src: local('Tajawal Bold'), url('../tajawal/Tajawal-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  src: local('Tajawal ExtraBold'), url('../tajawal/Tajawal-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 900;
  src: local('Tajawal Black'), url('../tajawal/Tajawal-Black.ttf') format('truetype');
}

/* ==========================================
   GLOBAL FONT FAMILY OVERRIDE
   ========================================== */
* {
  font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

body, html {
  font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* ==========================================
   THICKER BORDERS FOR ALL ELEMENTS
   ========================================== */
/* Form elements - Enhanced styling */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
textarea,
select {
  border-width: 1px !important;
  border-color: #d7d7d7 !important;
  border-style: solid !important;
}

/* Form labels - Bold styling */
label,
.form-label,
.control-label,
.col-form-label {
  font-weight: 700 !important;
}

/* Buttons */
.btn,
button {
  border-width: 2px !important;
}

/* Cards and panels */
.card,
.panel,
.modal-content {
  border-width: 2px !important;
}

/* Tables */
table,
.table,
.table th,
.table td {
  border-width: 2px !important;
}

/* DataTables specific borders */
table.dataTable,
table.dataTable th,
table.dataTable td {
  border-width: 2px !important;
  border-left: none !important;
  border-right: none !important;
}

/* Dropdowns and menus */
.dropdown-menu {
  border-width: 2px !important;
}

/* Alerts and notifications */
.alert {
  border-width: 2px !important;
}

/* Nav tabs and pills */
.nav-tabs .nav-link,
.nav-pills .nav-link {
  border-width: 2px !important;
}

/* Input groups */
.input-group .form-control,
.input-group-text {
  border-width: 2px !important;
}

/* Badges */
.badge {
  border-width: 2px !important;
}

/* ==========================================
   DATATABLES ALTERNATING ROW COLORS
   ========================================== */
/* Standard DataTables striping */
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f8f9fa !important;
}

table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even,
table.dataTable tbody tr:nth-child(even) {
  background-color: #ffffff !important;
}

/* Hover effects for striped tables */
table.dataTable.stripe tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover {
  background-color: #e9ecef !important;
}

table.dataTable.stripe tbody tr.even:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: #f1f3f4 !important;
}

/* Ensure proper contrast for selected rows */
table.dataTable tbody tr.selected {
  background-color: #0275d8 !important;
  color: white !important;
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.stripe tbody tr.even.selected {
  background-color: #0275d8 !important;
  color: white !important;
}

/* Additional styling for better table appearance */
table.dataTable {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-left: none !important;
  border-right: none !important;
}

table.dataTable thead th {
  background-color: #f8f9fa !important;
  border-bottom: 3px solid #dee2e6 !important;
  border-left: none !important;
  border-right: none !important;
  font-weight: 600 !important;
}

/* Remove vertical borders from DataTables body rows */
table.dataTable tbody td {
  border-left: none !important;
  border-right: none !important;
  padding: 6px 12px !important;
  line-height: 1.2 !important;
}

/* Reduce header height as well */
table.dataTable thead th {
  padding: 8px 12px !important;
  line-height: 1.2 !important;
}

/* Compact row styling */
table.dataTable tbody tr {
  height: auto !important;
}

/* Clean table edges */
table.dataTable thead th:first-child,
table.dataTable tbody td:first-child {
  border-left: none !important;
}

table.dataTable thead th:last-child,
table.dataTable tbody td:last-child {
  border-right: none !important;
}

/* ==========================================
   ADDITIONAL IMPROVEMENTS
   ========================================== */
/* Better focus states with thicker borders */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-width: 3px !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Improved button states */
.btn:focus,
.btn:active {
  border-width: 3px !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Enhanced table header styling */
.table thead th {
  border-bottom-width: 3px !important;
  font-weight: 600 !important;
}

.sidebar-brand {
  background-color: #ffffff !important;
}