/* Custom Bootstrap Theme - iTrak Colors */
/* Override Bootstrap's default colors with our landing page scheme */

:root {
  /* Bootstrap Primary Colors */
  --bs-primary: #137fec;
  --bs-primary-rgb: 19, 127, 236;
  --bs-primary-text-emphasis: #0a4a8a;
  --bs-primary-bg-subtle: #e6f2ff;
  --bs-primary-border-subtle: #b3d9ff;
  
  /* Bootstrap Secondary Colors */
  --bs-secondary: #6b7280;
  --bs-secondary-rgb: 107, 114, 128;
  --bs-secondary-text-emphasis: #374151;
  --bs-secondary-bg-subtle: #f3f4f6;
  --bs-secondary-border-subtle: #d1d5db;
  
  /* Bootstrap Success Colors */
  --bs-success: #10b981;
  --bs-success-rgb: 16, 185, 129;
  --bs-success-text-emphasis: #065f46;
  --bs-success-bg-subtle: #d1fae5;
  --bs-success-border-subtle: #a7f3d0;
  
  /* Bootstrap Warning Colors */
  --bs-warning: #f59e0b;
  --bs-warning-rgb: 245, 158, 11;
  --bs-warning-text-emphasis: #92400e;
  --bs-warning-bg-subtle: #fef3c7;
  --bs-warning-border-subtle: #fde68a;
  
  /* Bootstrap Danger Colors */
  --bs-danger: #ef4444;
  --bs-danger-rgb: 239, 68, 68;
  --bs-danger-text-emphasis: #991b1b;
  --bs-danger-bg-subtle: #fee2e2;
  --bs-danger-border-subtle: #fecaca;
  
  /* Bootstrap Info Colors */
  --bs-info: #3b82f6;
  --bs-info-rgb: 59, 130, 246;
  --bs-info-text-emphasis: #1e40af;
  --bs-info-bg-subtle: #dbeafe;
  --bs-info-border-subtle: #bfdbfe;
  
  /* Bootstrap Light/Dark */
  --bs-light: #f9fafb;
  --bs-light-rgb: 249, 250, 251;
  --bs-dark: #111827;
  --bs-dark-rgb: 17, 24, 39;
  
  /* Bootstrap Body */
  --bs-body-color: #111827;
  --bs-body-bg: #f0f8ff;
  
  /* Bootstrap Border */
  --bs-border-color: #e5e7eb;
  --bs-border-color-translucent: rgba(229, 231, 235, 0.175);
  
  /* Bootstrap Link */
  --bs-link-color: #137fec;
  --bs-link-hover-color: #0d6efd;
  
  /* Bootstrap Focus */
  --bs-focus-ring-color: rgba(19, 127, 236, 0.25);
  
  /* Bootstrap Form Controls */
  --bs-form-control-bg: #ffffff;
  --bs-form-control-border-color: #e5e7eb;
  --bs-form-control-focus-border-color: #137fec;
  --bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(19, 127, 236, 0.25);
  
  /* Bootstrap Table */
  --bs-table-bg: #ffffff;
  --bs-table-striped-bg: #f9fafb;
  --bs-table-hover-bg: #f3f4f6;
  --bs-table-border-color: #e5e7eb;
  
  /* Bootstrap Modal */
  --bs-modal-bg: #ffffff;
  --bs-modal-border-color: #e5e7eb;
  
  /* Bootstrap Dropdown */
  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-border-color: #e5e7eb;
  --bs-dropdown-link-hover-bg: #f3f4f6;
  
  /* Bootstrap Nav */
  --bs-nav-link-color: #6b7280;
  --bs-nav-link-hover-color: #137fec;
  
  /* Bootstrap Card */
  --bs-card-bg: #ffffff;
  --bs-card-border-color: #e5e7eb;
  
  /* Bootstrap Alert */
  --bs-alert-bg: #ffffff;
  --bs-alert-border-color: #e5e7eb;
}

/* Override specific Bootstrap classes */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #137fec;
  --bs-btn-border-color: #137fec;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 19, 127, 236;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #137fec;
  --bs-btn-disabled-border-color: #137fec;
}

.btn-secondary {
  --bs-btn-color: #6b7280;
  --bs-btn-bg: #f9fafb;
  --bs-btn-border-color: #e5e7eb;
  --bs-btn-hover-color: #374151;
  --bs-btn-hover-bg: #f3f4f6;
  --bs-btn-hover-border-color: #d1d5db;
  --bs-btn-focus-shadow-rgb: 107, 114, 128;
  --bs-btn-active-color: #374151;
  --bs-btn-active-bg: #f3f4f6;
  --bs-btn-active-border-color: #d1d5db;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6b7280;
  --bs-btn-disabled-bg: #f9fafb;
  --bs-btn-disabled-border-color: #e5e7eb;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #10b981;
  --bs-btn-border-color: #10b981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #059669;
  --bs-btn-hover-border-color: #059669;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc2626;
  --bs-btn-hover-border-color: #dc2626;
}

/* Form controls */
.form-control {
  --bs-body-color: #111827;
  --bs-body-bg: #ffffff;
  --bs-border-color: #e5e7eb;
  --bs-border-radius: 6px;
  --bs-focus-ring-color: rgba(19, 127, 236, 0.25);
  background-color: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
}

.form-control:focus {
  border-color: #137fec !important;
  box-shadow: 0 0 0 0.25rem rgba(19, 127, 236, 0.25) !important;
  background-color: #ffffff !important;
  color: #111827 !important;
}

/* Form selects (dropdowns) */
.form-select,
button.form-select {
  background-color: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e") !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-right: 2.25rem !important;
}

.form-select-sm,
button.form-select-sm {
  padding-right: 2.25rem !important;
}

.form-select:focus {
  border-color: #137fec !important;
  box-shadow: 0 0 0 0.25rem rgba(19, 127, 236, 0.25) !important;
  background-color: #ffffff !important;
  color: #111827 !important;
}

/* Checkboxes */
.form-check-input {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #137fec !important;
}

.form-check-input:checked {
  background-color: #137fec !important;
  border-color: #137fec !important;
}

.form-check-input:focus {
  border-color: #137fec !important;
  box-shadow: 0 0 0 0.25rem rgba(19, 127, 236, 0.25) !important;
}

/* Radio buttons */
.form-check-input[type="radio"] {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

.form-check-input[type="radio"]:checked {
  background-color: #137fec !important;
  border-color: #137fec !important;
}

.form-check-input[type="radio"]:focus {
  border-color: #137fec !important;
  box-shadow: 0 0 0 0.25rem rgba(19, 127, 236, 0.25) !important;
}

/* Cards */
.card {
  --bs-card-bg: #ffffff;
  --bs-card-border-color: #e5e7eb;
  --bs-card-border-radius: 12px;
}

/* Tables */
.table {
  --bs-table-bg: #ffffff;
  --bs-table-striped-bg: #f9fafb;
  --bs-table-hover-bg: #f3f4f6;
  --bs-table-border-color: #e5e7eb;
}

/* Modals */
.modal-content {
  --bs-modal-bg: #ffffff;
  --bs-modal-border-color: #e5e7eb;
  --bs-modal-border-radius: 12px;
}

/* Navigation */
.nav-link {
  --bs-nav-link-color: #6b7280;
  --bs-nav-link-hover-color: #137fec;
}

/* Dropdowns */
.dropdown-menu {
  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-border-color: #e5e7eb;
  --bs-dropdown-link-hover-bg: #f3f4f6;
  --bs-dropdown-border-radius: 8px;
}

/* Alerts */
.alert-primary {
  --bs-alert-color: #0a4a8a;
  --bs-alert-bg: #e6f2ff;
  --bs-alert-border-color: #b3d9ff;
}

.alert-success {
  --bs-alert-color: #065f46;
  --bs-alert-bg: #d1fae5;
  --bs-alert-border-color: #a7f3d0;
}

.alert-danger {
  --bs-alert-color: #991b1b;
  --bs-alert-bg: #fee2e2;
  --bs-alert-border-color: #fecaca;
}

/* Badges */
.badge {
  --bs-badge-color: #111827;
  --bs-badge-bg: #f3f4f6;
}

.badge-primary {
  --bs-badge-color: #fff;
  --bs-badge-bg: #137fec;
}

/* Progress bars */
.progress {
  --bs-progress-bg: #f3f4f6;
  --bs-progress-border-radius: 6px;
}

.progress-bar {
  --bs-progress-bar-bg: #137fec;
}

/* List groups */
.list-group-item {
  --bs-list-group-color: #111827;
  --bs-list-group-bg: #ffffff;
  --bs-list-group-border-color: #e5e7eb;
  --bs-list-group-hover-bg: #f3f4f6;
}

/* Pagination */
.page-link {
  --bs-pagination-color: #137fec;
  --bs-pagination-bg: #ffffff;
  --bs-pagination-border-color: #e5e7eb;
  --bs-pagination-hover-color: #0d6efd;
  --bs-pagination-hover-bg: #f3f4f6;
  --bs-pagination-hover-border-color: #d1d5db;
  --bs-pagination-focus-color: #0d6efd;
  --bs-pagination-focus-bg: #f3f4f6;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(19, 127, 236, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #137fec;
  --bs-pagination-active-border-color: #137fec;
}