/* Dark Mode Variables */
:root {
  --transition-speed: 0.3s;
}

body.dark-mode {
  --bs-body-bg: #0d1117;
  --bs-body-color: #f0f6fc;
  --bs-card-bg: #161b22;
  --bs-card-border-color: #30363d;
  --bs-border-color: #30363d;
  --primary-color: #58a6ff;
  --primary-dark: #1f6feb;
  --text-muted: #8b949e;
  --input-bg: #0d1117;
  --input-border: #30363d;
  --input-text: #f0f6fc;
  --dropdown-bg: #161b22;
  --dropdown-hover: #21262d;
  --modal-bg: #161b22;
  --link-color: #58a6ff;
  --success-color: #3fb950;
  --danger-color: #f85149;
  --warning-color: #d29922;
}

/* Global Transitions */
body,
.card,
.navbar,
.form-control,
.btn,
.dropdown-menu {
  transition: background-color var(--transition-speed) ease,
    color var(--transition-speed) ease,
    border-color var(--transition-speed) ease,
    box-shadow var(--transition-speed) ease;
}

/* Body & Main Layout */
body.dark-mode {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode * {
  color: var(--bs-body-color);
}

/* Headings */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #ffffff !important;
}

/* Links */
body.dark-mode a {
  color: var(--link-color);
}

body.dark-mode a:hover {
  color: #79c0ff;
}

/* Cards */
body.dark-mode .card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .card-header,
body.dark-mode .card-footer {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--bs-card-border-color) !important;
  color: #ffffff !important;
}

body.dark-mode .card-body {
  color: var(--bs-body-color) !important;
}

body.dark-mode .card-title {
  color: #ffffff !important;
}

body.dark-mode .card-text {
  color: var(--bs-body-color) !important;
}

/* Navbar */
body.dark-mode .navbar {
  background-color: #161b22 !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
}

body.dark-mode .navbar-light .navbar-brand,
body.dark-mode .navbar-light .nav-link {
  color: #f0f6fc !important;
}

body.dark-mode .navbar-light .nav-link:hover,
body.dark-mode .navbar-light .nav-link.active {
  color: var(--link-color) !important;
}

body.dark-mode .navbar-toggler {
  border-color: var(--bs-border-color);
}

body.dark-mode .navbar-toggler-icon {
  filter: invert(1);
}

/* Forms & Inputs */
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode textarea {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus,
body.dark-mode textarea:focus {
  background-color: var(--input-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--input-text) !important;
  box-shadow: 0 0 0 0.25rem rgba(88, 166, 255, 0.25) !important;
}

body.dark-mode .form-control::placeholder,
body.dark-mode textarea::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}

body.dark-mode .input-group-text {
  background-color: #21262d !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .form-label {
  color: #ffffff !important;
}

body.dark-mode .form-check-label {
  color: var(--bs-body-color) !important;
}

/* Buttons */
body.dark-mode .btn-light {
  background-color: #21262d !important;
  border-color: var(--bs-border-color) !important;
  color: #f0f6fc !important;
}

body.dark-mode .btn-light:hover {
  background-color: #30363d !important;
  border-color: #484f58 !important;
  color: #ffffff !important;
}

body.dark-mode .btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

body.dark-mode .btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .btn-outline-secondary {
  color: var(--text-muted) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .btn-outline-secondary:hover {
  background-color: #21262d !important;
  color: #ffffff !important;
}

body.dark-mode .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .btn-success {
  background-color: var(--success-color) !important;
  color: #ffffff !important;
}

body.dark-mode .btn-danger {
  background-color: var(--danger-color) !important;
  color: #ffffff !important;
}

/* Dropdowns */
body.dark-mode .dropdown-menu {
  background-color: var(--dropdown-bg) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .dropdown-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
  background-color: var(--dropdown-hover) !important;
  color: #ffffff !important;
}

body.dark-mode .dropdown-item.active {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .dropdown-divider {
  border-top-color: var(--bs-border-color) !important;
}

body.dark-mode .dropdown-header {
  color: var(--text-muted) !important;
}

/* Tables */
body.dark-mode .table {
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .table thead th {
  color: #ffffff !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: var(--bs-body-color) !important;
  background-color: rgba(255, 255, 255, 0.02) !important;
}

body.dark-mode .table-hover > tbody > tr:hover > * {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Modals */
body.dark-mode .modal-content {
  background-color: var(--modal-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .modal-title {
  color: #ffffff !important;
}

body.dark-mode .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Alerts */
body.dark-mode .alert {
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .alert-success {
  background-color: rgba(63, 185, 80, 0.15) !important;
  border-color: var(--success-color) !important;
  color: #7ee787 !important;
}

body.dark-mode .alert-danger {
  background-color: rgba(248, 81, 73, 0.15) !important;
  border-color: var(--danger-color) !important;
  color: #ff7b72 !important;
}

body.dark-mode .alert-warning {
  background-color: rgba(210, 153, 34, 0.15) !important;
  border-color: var(--warning-color) !important;
  color: #e3b341 !important;
}

body.dark-mode .alert-info {
  background-color: rgba(88, 166, 255, 0.15) !important;
  border-color: var(--link-color) !important;
  color: #79c0ff !important;
}

/* Badges */
body.dark-mode .badge {
  color: #ffffff !important;
}

body.dark-mode .badge.bg-primary {
  background-color: var(--primary-color) !important;
}

body.dark-mode .badge.bg-success {
  background-color: var(--success-color) !important;
}

body.dark-mode .badge.bg-danger {
  background-color: var(--danger-color) !important;
}

/* Custom Components */
body.dark-mode .filter-container,
body.dark-mode .settings-card,
body.dark-mode .profile-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .filter-header,
body.dark-mode .settings-header {
  color: #ffffff !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .filter-body,
body.dark-mode .settings-body {
  color: var(--bs-body-color) !important;
}

body.dark-mode .text-muted {
  color: var(--text-muted) !important;
}

body.dark-mode .text-dark {
  color: #f0f6fc !important;
}

body.dark-mode .bg-light {
  background-color: #161b22 !important;
}

body.dark-mode .bg-white {
  background-color: var(--bs-card-bg) !important;
}

body.dark-mode small {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--text-color) !important;
}

body.dark-mode .page-link:hover {
  background-color: var(--dropdown-hover) !important;
  color: #79c0ff !important;
}

body.dark-mode .page-item.disabled .page-link {
  background-color: #0d1117 !important;
  border-color: var(--bs-border-color) !important;
  color: var(--text-muted) !important;
}

body.dark-mode .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* List Groups */
body.dark-mode .list-group-item {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .list-group-item:hover {
  background-color: var(--dropdown-hover) !important;
  color: #ffffff !important;
}

body.dark-mode .list-group-item.active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Breadcrumb */
body.dark-mode .breadcrumb {
  background-color: transparent !important;
}

body.dark-mode .breadcrumb-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .breadcrumb-item.active {
  color: var(--text-muted) !important;
}

body.dark-mode .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-muted) !important;
}

/* Progress Bars */
body.dark-mode .progress {
  background-color: #21262d !important;
}

body.dark-mode .progress-bar {
  background-color: var(--primary-color) !important;
}

/* Tooltips & Popovers */
body.dark-mode .tooltip-inner {
  background-color: #21262d !important;
  color: #ffffff !important;
}

body.dark-mode .popover {
  background-color: var(--dropdown-bg) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .popover-header {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--bs-border-color) !important;
  color: #ffffff !important;
}

body.dark-mode .popover-body {
  color: var(--bs-body-color) !important;
}

/* Scrollbar */
body.dark-mode {
  scrollbar-width: thin;
  scrollbar-color: #30363d #0d1117;
}

@supports selector(::-webkit-scrollbar) {
  body.dark-mode ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  body.dark-mode ::-webkit-scrollbar-track {
    background: #0d1117;
  }

  body.dark-mode ::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 6px;
    border: 2px solid #0d1117;
  }

  body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #484f58;
  }
}

/* Selection */
body.dark-mode ::selection {
  background-color: rgba(88, 166, 255, 0.3);
  color: #ffffff;
}

/* HR Divider */
body.dark-mode hr {
  border-color: var(--bs-border-color) !important;
  opacity: 1;
}

/* Filter Section Specific Styles */
body.dark-mode .filter-container {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .filter-header h5 {
  color: #ffffff !important;
}

body.dark-mode .filter-body {
  color: var(--bs-body-color) !important;
}

body.dark-mode .filter-checkbox-item label,
body.dark-mode .filter-checkbox-item {
  color: #f0f6fc !important;
}

body.dark-mode .filter-section-title {
  color: #ffffff !important;
}

body.dark-mode .filter-range-slider input {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .range-slider-inputs input {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* List Groups */
body.dark-mode .list-group-item {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .list-group-item:hover {
  background-color: var(--dropdown-hover) !important;
  color: #ffffff !important;
}

body.dark-mode .list-group-item.active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Breadcrumb */
body.dark-mode .breadcrumb {
  background-color: transparent !important;
}

body.dark-mode .breadcrumb-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .breadcrumb-item.active {
  color: var(--text-muted) !important;
}

body.dark-mode .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-muted) !important;
}

/* Progress Bars */
body.dark-mode .progress {
  background-color: #21262d !important;
}

body.dark-mode .progress-bar {
  background-color: var(--primary-color) !important;
}

/* Tooltips & Popovers */
body.dark-mode .tooltip-inner {
  background-color: #21262d !important;
  color: #ffffff !important;
}

body.dark-mode .popover {
  background-color: var(--dropdown-bg) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .popover-header {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--bs-border-color) !important;
  color: #ffffff !important;
}

body.dark-mode .popover-body {
  color: var(--bs-body-color) !important;
}



/* Filter Section Specific Styles */
body.dark-mode .filter-container {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .filter-header h5 {
  color: #ffffff !important;
}

body.dark-mode .filter-body {
  color: var(--bs-body-color) !important;
}

body.dark-mode .filter-checkbox-item label,
body.dark-mode .filter-checkbox-item {
  color: #f0f6fc !important;
}

body.dark-mode .filter-section-title {
  color: #ffffff !important;
}

body.dark-mode .filter-range-slider input {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .range-slider-inputs input {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .range-slider-separator {
  color: var(--text-muted) !important;
}

body.dark-mode input[type="checkbox"] + label {
  color: #f0f6fc !important;
}

body.dark-mode .form-check input[type="checkbox"] + label {
  color: #f0f6fc !important;
}

/* Ensure all labels in filter section are white */
body.dark-mode .filter-container label {
  color: #f0f6fc !important;
}

body.dark-mode .filter-body label {
  color: #f0f6fc !important;
}

/* Filter dropdown specific */
body.dark-mode .filter-body select {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .filter-body select option {
  background-color: var(--dropdown-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Slider values display boxes */
body.dark-mode .slider-values {
  color: var(--bs-body-color) !important;
}

body.dark-mode .slider-values span {
  background-color: var(--input-bg) !important;
  color: #f0f6fc !important;
  border: 1px solid var(--input-border) !important;
}

body.dark-mode .slider-values .separator {
  background-color: transparent !important;
  color: var(--text-muted) !important;
}

/* Profile Cards - Dashboard Specific */
body.dark-mode .profile-card,
body.dark-mode .card.profile-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .profile-card:hover {
  box-shadow: 0 4px 16px rgba(88, 166, 255, 0.2) !important;
  border-color: rgba(88, 166, 255, 0.3) !important;
}

/* All Card Headers and Titles */
body.dark-mode .profile-card h5,
body.dark-mode .profile-card h6,
body.dark-mode .profile-card .card-title,
body.dark-mode .profile-card strong {
  color: #ffffff !important;
}

/* Card Body Text */
body.dark-mode .profile-card p,
body.dark-mode .profile-card .card-text,
body.dark-mode .profile-card span {
  color: var(--bs-body-color) !important;
}

body.dark-mode .profile-card .text-muted {
  color: var(--text-muted) !important;
}

/* Profile Card Icons - Color Coded */
body.dark-mode .profile-card i.fa-map-marker-alt,
body.dark-mode .profile-card i.fa-location-dot {
  color: var(--danger-color) !important;
}

body.dark-mode .profile-card i.fa-calendar,
body.dark-mode .profile-card i.fa-birthday-cake {
  color: var(--success-color) !important;
}

body.dark-mode .profile-card i.fa-graduation-cap,
body.dark-mode .profile-card i.fa-user-graduate {
  color: var(--warning-color) !important;
}

body.dark-mode .profile-card i.fa-briefcase,
body.dark-mode .profile-card i.fa-suitcase {
  color: var(--primary-color) !important;
}

body.dark-mode .profile-card i.fa-ruler-vertical,
body.dark-mode .profile-card i.fa-arrows-alt-v {
  color: var(--link-color) !important;
}

body.dark-mode .profile-card i.fa-om,
body.dark-mode .profile-card i.fa-pray,
body.dark-mode .profile-card i.fa-star-and-crescent {
  color: #f59e0b !important;
}

/* Default icon color */
body.dark-mode .profile-card i,
body.dark-mode .profile-card .fas,
body.dark-mode .profile-card .far {
  color: #d1e6fd !important;
}

/* Profile Image Containers */
body.dark-mode .profile-img,
body.dark-mode .profile-image,
body.dark-mode .profile-card img {
  border-color: var(--bs-border-color) !important;
  background-color: var(--bs-card-bg) !important;
}

/* Action Buttons on Profile Cards */
body.dark-mode .profile-card .btn {
  font-weight: 500;
}

body.dark-mode .profile-card .btn-primary,
body.dark-mode .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .profile-card .btn-primary:hover,
body.dark-mode .btn-primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  box-shadow: 0 4px 12px rgba(88, 166, 255, 0.3) !important;
}

body.dark-mode .profile-card .btn-danger,
body.dark-mode .btn-danger {
  background-color: var(--danger-color) !important;
  border-color: var(--danger-color) !important;
  color: #ffffff !important;
}

body.dark-mode .profile-card .btn-danger:hover,
body.dark-mode .btn-danger:hover {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  box-shadow: 0 4px 12px rgba(248, 81, 73, 0.3) !important;
}

body.dark-mode .profile-card .btn-success,
body.dark-mode .btn-success {
  background-color: var(--success-color) !important;
  border-color: var(--success-color) !important;
  color: #ffffff !important;
}

body.dark-mode .profile-card .btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  background-color: transparent !important;
}

body.dark-mode .profile-card .btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Dashboard Main Container */
body.dark-mode .dashboard-main,
body.dark-mode .container,
body.dark-mode .container-fluid {
  background-color: var(--bs-body-bg) !important;
}

/* Results Section */
body.dark-mode .results-section,
body.dark-mode .profiles-container {
  background-color: var(--bs-body-bg) !important;
}

/* Search Bar */
body.dark-mode .search-bar input,
body.dark-mode input[type="search"] {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

/* Footer */
body.dark-mode .footer,
body.dark-mode footer {
  background-color: #0d1117 !important;
  border-top: 1px solid var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .footer h5,
body.dark-mode .footer h6,
body.dark-mode footer h5,
body.dark-mode footer h6 {
  color: #ffffff !important;
}

body.dark-mode .footer a,
body.dark-mode footer a {
  color: var(--link-color) !important;
}

body.dark-mode .footer a:hover,
body.dark-mode footer a:hover {
  color: #79c0ff !important;
}

body.dark-mode .footer .text-muted,
body.dark-mode footer .text-muted {
  color: var(--text-muted) !important;
}

/* Social Media Icons */
body.dark-mode .social-icons a {
  color: var(--bs-body-color) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .social-icons a:hover {
  color: var(--primary-color) !important;
  background-color: rgba(88, 166, 255, 0.1) !important;
}

/* Pagination */
body.dark-mode .pagination {
  color: var(--bs-body-color) !important;
}

/* Empty State Messages */
body.dark-mode .empty-state,
body.dark-mode .no-results {
  color: var(--text-muted) !important;
}

body.dark-mode .empty-state h3,
body.dark-mode .no-results h3 {
  color: #ffffff !important;
}

/* Loading Spinner */
body.dark-mode .spinner-border {
  border-color: var(--primary-color) !important;
  border-right-color: transparent !important;
}

/* Favorite/Heart Icons */
body.dark-mode .favorite-icon,
body.dark-mode .fa-heart {
  color: var(--danger-color) !important;
}

body.dark-mode .favorite-icon.active {
  color: var(--danger-color) !important;
}

/* View Profile Icons */
body.dark-mode .fa-eye {
  color: var(--primary-color) !important;
}

/* Stats Cards */
body.dark-mode .stats-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .stats-card h3,
body.dark-mode .stats-card h4 {
  color: #ffffff !important;
}

body.dark-mode .stats-card p {
  color: var(--bs-body-color) !important;
}

/* Circular Stats Button */
body.dark-mode #stats-fab {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(88, 166, 255, 0.4) !important;
}

body.dark-mode #stats-fab:hover {
  background-color: var(--primary-dark) !important;
  box-shadow: 0 6px 16px rgba(88, 166, 255, 0.5) !important;
}

/* Filter Toggle Button (Mobile) */
body.dark-mode .filter-toggle-btn,
body.dark-mode .mobile-filter-toggle button {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

body.dark-mode .filter-toggle-btn:hover {
  background-color: rgba(88, 166, 255, 0.1) !important;
}

/* Mobile Filter Backdrop */
body.dark-mode .filter-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Announcement Cards */
body.dark-mode .announcement-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .announcement-card h4,
body.dark-mode .announcement-card h5 {
  color: #ffffff !important;
}

/* Contact Info */
body.dark-mode .contact-info {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

/* Premium/Featured Badges */
body.dark-mode .premium-badge,
body.dark-mode .featured-badge {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
}

/* Online Status Indicator */




/* Verified Badge */
body.dark-mode .verified-badge {
  color: var(--primary-color) !important;
}

/* Ensure all white backgrounds become dark */
body.dark-mode .bg-white {
  background-color: var(--bs-card-bg) !important;
}

body.dark-mode .bg-light {
  background-color: #161b22 !important;
}

/* Row and Column backgrounds */
body.dark-mode .row {
  background-color: transparent !important;
}

body.dark-mode .col,
body.dark-mode [class*="col-"] {
  background-color: transparent !important;
}

/* Ensure all text in cards is visible */
body.dark-mode .card h1,
body.dark-mode .card h2,
body.dark-mode .card h3,
body.dark-mode .card h4,
body.dark-mode .card h5,
body.dark-mode .card h6 {
  color: #ffffff !important;
}

/* Button Groups */
body.dark-mode .btn-group .btn {
  border-color: var(--bs-border-color) !important;
}

/* Input Groups */
body.dark-mode .input-group .btn {
  border-color: var(--input-border) !important;
}

/* Info Items */
body.dark-mode .info-item,
body.dark-mode .profile-info {
  color: var(--bs-body-color) !important;
}

body.dark-mode .info-item i {
  color: var(--primary-color) !important;
}

/* Navbar Container and Top Area */
body.dark-mode .navbar-collapse {
  background-color: #161b22 !important;
}

body.dark-mode .navbar .container,
body.dark-mode .navbar .container-fluid {
  background-color: transparent !important;
}

/* Area below navbar/wallet */
body.dark-mode .py-4,
body.dark-mode .py-3,
body.dark-mode .py-2 {
  background-color: var(--bs-body-bg) !important;
}

/* Sort and Filter Button Container */
body.dark-mode .d-flex,
body.dark-mode .d-md-flex {
  background-color: transparent !important;
}

body.dark-mode .gap-2,
body.dark-mode .gap-3 {
  background-color: transparent !important;
}

/* Main content area */
body.dark-mode main {
  background-color: var(--bs-body-bg) !important;
}

/* All sections */
body.dark-mode section {
  background-color: var(--bs-body-bg) !important;
}

/* Divs that might be white */
body.dark-mode div {
  background-color: transparent;
}

/* Specific overrides for card divs */
body.dark-mode .card div {
  background-color: transparent !important;
}

/* Filter and sort area */
body.dark-mode .filter-sort-area,
body.dark-mode .button-group,
body.dark-mode .action-buttons {
  background-color: transparent !important;
}

/* Ensure no white gaps */
body.dark-mode .mb-3,
body.dark-mode .mb-4,
body.dark-mode .mt-3,
body.dark-mode .mt-4 {
  background-color: transparent !important;
}

/* Profile results container */
/* Stats Cards */
body.dark-mode .stats-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .stats-card h3,
body.dark-mode .stats-card h4 {
  color: #ffffff !important;
}

body.dark-mode .stats-card p {
  color: var(--bs-body-color) !important;
}

/* Circular Stats Button */
body.dark-mode #stats-fab {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(88, 166, 255, 0.4) !important;
}

body.dark-mode #stats-fab:hover {
  background-color: var(--primary-dark) !important;
  box-shadow: 0 6px 16px rgba(88, 166, 255, 0.5) !important;
}

/* Filter Toggle Button (Mobile) */
body.dark-mode .filter-toggle-btn,
body.dark-mode .mobile-filter-toggle button {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

body.dark-mode .filter-toggle-btn:hover {
  background-color: rgba(88, 166, 255, 0.1) !important;
}

/* Mobile Filter Backdrop */
body.dark-mode .filter-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Announcement Cards */
body.dark-mode .announcement-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .announcement-card h4,
body.dark-mode .announcement-card h5 {
  color: #ffffff !important;
}

/* Contact Info */
body.dark-mode .contact-info {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

/* Premium/Featured Badges */
body.dark-mode .premium-badge,
body.dark-mode .featured-badge {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: #ffffff !important;
}

/* Online Status Indicator */


body.dark-mode .wallet-header {
  background: transparent !important;
  color: var(--bs-body-color) !important;
}

/* Custom Amount Input Field - Dark Mode */
body.dark-mode .custom-amount {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .custom-amount::placeholder {
  color: var(--text-muted) !important;
  opacity: 1;
}

body.dark-mode .custom-amount:focus {
  background-color: var(--input-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--input-text) !important;
  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.25) !important;
}

body.dark-mode .custom-amount-icon {
  color: var(--text-muted) !important;
}

/* Credit Information Section - Dark Mode */
body.dark-mode .credit-info {
  background: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .credit-info::before {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
}

body.dark-mode .credit-info h4 {
  color: #ffffff !important;
}

body.dark-mode .credit-info ul {
  color: var(--bs-body-color) !important;
}

body.dark-mode .credit-info li {
  color: var(--bs-body-color) !important;
}

body.dark-mode .credit-info li strong {
  color: #ffffff !important;
}

/* Recharge History Table - Dark Mode */
body.dark-mode .table-light {
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .table-light th {
  background-color: #21262d !important;
  color: #ffffff !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .table td {
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .table-hover tbody tr:hover td {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
}

/* Search Modal - Dark Mode */
body.dark-mode .small.fw-bold.text-muted {
  color: var(--bs-body-color) !important;
}

body.dark-mode .search-chip {
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
  border: 1px solid var(--bs-card-border-color) !important;
}

body.dark-mode .search-chip:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Notifications Page - Dark Mode */
body.dark-mode .nav-tabs {
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .nav-link {
  color: var(--bs-body-color) !important;
  border-color: var(--bs-card-border-color) !important;
}

body.dark-mode .nav-link.active {
  color: var(--primary-color) !important;
  background-color: rgba(88, 166, 255, 0.1) !important;
  border-color: var(--primary-color) !important;
}

body.dark-mode .nav-link:hover {
  color: var(--primary-color) !important;
  background-color: rgba(88, 166, 255, 0.05) !important;
}

body.dark-mode .tab-content {
  background-color: var(--bs-card-bg) !important;
  border: 1px solid var(--bs-card-border-color) !important;
  border-top: none !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  padding: 1rem !important;
}

body.dark-mode .tab-pane.fade.show {
  color: var(--bs-body-color) !important;
}

body.dark-mode .notification-card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .notification-card.unread {
  background-color: rgba(88, 166, 255, 0.1) !important;
  border-color: var(--primary-color) !important;
}

body.dark-mode .notification-title {
  color: #ffffff !important;
}

body.dark-mode .notification-text {
  color: var(--bs-body-color) !important;
}

body.dark-mode .notification-time {
  color: var(--text-muted) !important;
}

body.dark-mode .notification-time i {
  color: var(--text-muted) !important;
}

body.dark-mode .empty-state {
  color: var(--bs-body-color) !important;
}

body.dark-mode .empty-state h5 {
  color: #ffffff !important;
}

body.dark-mode .empty-state p {
  color: var(--text-muted) !important;
}

body.dark-mode .empty-state i {
  color: var(--text-muted) !important;
}

body.dark-mode h2 {
  color: #ffffff !important;
}

body.dark-mode .btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

body.dark-mode .btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Notifications Page - Enhanced Dark Mode */
body.dark-mode .tab-content .notification-card {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-card.unread {
  background: rgba(88, 166, 255, 0.1) !important;
  border-color: #58a6ff !important;
}

body.dark-mode .tab-content .notification-card.announcement {
  background: #161b22 !important;
  border-color: #30363d !important;
  border-left-color: #28a745 !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-card.payment {
  background: #161b22 !important;
  border-color: #30363d !important;
  border-left-color: #17a2b8 !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-card.credit {
  background: #161b22 !important;
  border-color: #30363d !important;
  border-left-color: #ffc107 !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-card.profile-view {
  background: #161b22 !important;
  border-color: #30363d !important;
  border-left-color: #6f42c1 !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-card.message {
  background: #161b22 !important;
  border-color: #30363d !important;
  border-left-color: #6f42c1 !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-title {
  color: #ffffff !important;
}

body.dark-mode .tab-content .notification-text {
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .notification-time {
  color: #8b949e !important;
}

body.dark-mode .tab-content .notification-time i {
  color: #8b949e !important;
}

body.dark-mode .tab-content .notification-icon {
  background: #21262d !important;
  color: #58a6ff !important;
}

body.dark-mode .tab-content .notification-icon.announcement {
  background: #21262d !important;
  color: #ffc107 !important;
}

body.dark-mode .tab-content .notification-icon.message {
  background: #21262d !important;
  color: #20c997 !important;
}

body.dark-mode .tab-content .notification-icon.payment {
  background: #21262d !important;
  color: #28a745 !important;
}

body.dark-mode .tab-content .notification-icon.credit {
  background: #21262d !important;
  color: #ffc107 !important;
}

body.dark-mode .tab-content .notification-icon.profile-view {
  background: #21262d !important;
  color: #6f42c1 !important;
}

body.dark-mode .tab-content .notification-icon.coin {
  background: #21262d !important;
  color: #fd7e14 !important;
}

body.dark-mode .tab-content .notification-icon.eye {
  background: #21262d !important;
  color: #17a2b8 !important;
}

body.dark-mode .tab-content .empty-state {
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .empty-state h5 {
  color: #ffffff !important;
}

body.dark-mode .tab-content .empty-state p {
  color: #8b949e !important;
}

body.dark-mode .tab-content .empty-state i {
  color: #8b949e !important;
}

body.dark-mode .tab-content .btn-sm-custom {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
}

body.dark-mode .tab-content .btn-sm-custom:hover {
  background: #30363d !important;
  color: #ffffff !important;
}

body.dark-mode .tab-content .message-preview::after {
  background: linear-gradient(transparent, #161b22) !important;
}

/* Verified Badge */
body.dark-mode .verified-badge {
  color: var(--primary-color) !important;
}


/** Edit Profile Start */
    /* Enhanced Dark Mode Overrides */
        body.dark-mode input.form-control {
            background: #0d1117 !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode input.form-control:focus {
            background: #0d1117 !important;
            border: 1px solid #58a6ff !important;
            color: #f0f6fc !important;
            box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.25) !important;
        }

        body.dark-mode select.form-select {
            background: #0d1117 !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode select.form-select:focus {
            background: #0d1117 !important;
            border: 1px solid #58a6ff !important;
            color: #f0f6fc !important;
            box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.25) !important;
        }

        body.dark-mode textarea.form-control {
            background: #0d1117 !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode textarea.form-control:focus {
            background: #0d1117 !important;
            border: 1px solid #58a6ff !important;
            color: #f0f6fc !important;
            box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.25) !important;
        }

        body.dark-mode input.form-control::placeholder {
            color: #8b949e !important;
            opacity: 1;
        }

        body.dark-mode textarea.form-control::placeholder {
            color: #8b949e !important;
            opacity: 1;
        }

        body.dark-mode .form-label {
            color: #f0f6fc !important;
        }

        body.dark-mode .form-text {
            color: #8b949e !important;
        }

        body.dark-mode .text-muted {
            color: #8b949e !important;
        }

        body.dark-mode .text-danger {
            color: #f85149 !important;
        }

        body.dark-mode .input-group-text {
            background: #21262d !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .btn-primary {
            background: #58a6ff !important;
            border: 1px solid #58a6ff !important;
            color: #ffffff !important;
        }

        body.dark-mode .btn-primary:hover {
            background: #4d94ff !important;
            border: 1px solid #4d94ff !important;
            color: #ffffff !important;
        }

        body.dark-mode .btn-secondary {
            background: #6e7681 !important;
            border: 1px solid #6e7681 !important;
            color: #ffffff !important;
        }

        body.dark-mode .btn-secondary:hover {
            background: #8b949e !important;
            border: 1px solid #8b949e !important;
            color: #ffffff !important;
        }

        body.dark-mode .btn-outline-primary {
            background: transparent !important;
            border: 1px solid #58a6ff !important;
            color: #58a6ff !important;
        }

        body.dark-mode .btn-outline-primary:hover {
            background: #58a6ff !important;
            border: 1px solid #58a6ff !important;
            color: #ffffff !important;
        }

        body.dark-mode .btn-outline-secondary {
            background: transparent !important;
            border: 1px solid #8b949e !important;
            color: #8b949e !important;
        }

        body.dark-mode .btn-outline-secondary:hover {
            background: #8b949e !important;
            border: 1px solid #8b949e !important;
            color: #000000 !important;
        }

        body.dark-mode .profile-photo {
            border: 1px solid #30363d !important;
        }

        body.dark-mode .crop-controls {
            background: #161b22 !important;
            border: 1px solid #30363d !important;
        }

        body.dark-mode .zoom-result {
            border: 1px solid #30363d !important;
        }

        body.dark-mode .modal-content {
            background: #161b22 !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .modal-header {
            background: #21262d !important;
            border: 1px solid #30363d !important;
        }

        body.dark-mode .modal-title {
            color: #ffffff !important;
        }

        body.dark-mode .modal-body {
            background: #161b22 !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .modal-footer {
            background: #21262d !important;
            border: 1px solid #30363d !important;
        }

        body.dark-mode .badge {
            background: #21262d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .badge.bg-primary {
            background: #58a6ff !important;
            color: #ffffff !important;
        }

        body.dark-mode .badge.bg-success {
            background: #238636 !important;
            color: #ffffff !important;
        }

        body.dark-mode .badge.bg-danger {
            background: #da3633 !important;
            color: #ffffff !important;
        }

        body.dark-mode .badge.bg-warning {
            background: #d29922 !important;
            color: #000000 !important;
        }

        body.dark-mode .alert {
            background: #161b22 !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .alert-danger {
            background: #da3633 !important;
            border: 1px solid #f85149 !important;
            color: #ffffff !important;
        }

        body.dark-mode .alert-success {
            background: #238636 !important;
            border: 1px solid #2ea043 !important;
            color: #ffffff !important;
        }

        body.dark-mode .card {
            background: #161b22 !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .card-header {
            background: #21262d !important;
            border: 1px solid #30363d !important;
            color: #ffffff !important;
        }

        body.dark-mode .card-body {
            background: #161b22 !important;
            color: #f0f6fc !important;
        }

        body.dark-mode .card-footer {
            background: #21262d !important;
            border: 1px solid #30363d !important;
            color: #f0f6fc !important;
        }

/** Edit Profile end */
body.dark-mode .edit-profile {
  background-color: var(--bs-body-bg) !important;
}



/* Full width dark mode coverage */
body.dark-mode html,
body.dark-mode body {
  background: #0d1117 !important;
  min-height: 100vh !important;
  width: 100% !important;
}

body.dark-mode main,
body.dark-mode .main-content,
body.dark-mode .content-wrapper {
  background: #0d1117 !important;
  min-height: 100vh !important;
}

body.dark-mode .container.py-4,
body.dark-mode .container.py-5,
body.dark-mode .container.py-4.py-md-5 {
  background: transparent !important;
  position: relative !important;
}

/* Ensure all sections have dark backgrounds */
body.dark-mode section {
  background: #0d1117 !important;
}

body.dark-mode .wrapper,
body.dark-mode .page-wrapper,
body.dark-mode .content-area {
  background: #0d1117 !important;
  min-height: 100vh !important;
}

/* Fix any remaining white backgrounds */
body.dark-mode * {
  background-color: transparent !important;
}


/* Additional fixes for remaining white areas */
body.dark-mode .navbar {
  background: #161b22 !important;
  border-bottom: 1px solid #30363d !important;
}

body.dark-mode .navbar-brand {
  background: transparent !important;
  color: #f0f6fc !important;
}

body.dark-mode .navbar-nav {
  background: transparent !important;
}

body.dark-mode .nav-link {
  background: transparent !important;
  color: #f0f6fc !important;
}

body.dark-mode .navbar-toggler {
  background: #21262d !important;
  border: 1px solid #30363d !important;
}

body.dark-mode .navbar-collapse {
  background: #161b22 !important;
}

/* Fix any remaining Bootstrap components */
body.dark-mode .navbar-expand-lg,
body.dark-mode .navbar-dark,
body.dark-mode .navbar-light {
  background: #161b22 !important;
}

/* Ensure all navbar dropdowns are dark */
body.dark-mode .dropdown-menu {
  background: #161b22 !important;
  border: 1px solid #30363d !important;
}

body.dark-mode .dropdown-item {
  background: transparent !important;
  color: #f0f6fc !important;
}

body.dark-mode .dropdown-item:hover {
  background: #21262d !important;
  color: #f0f6fc !important;
}

/* Fix any remaining white spaces */
body.dark-mode .main,
body.dark-mode .content,
body.dark-mode .page-content,
body.dark-mode .app-content,
body.dark-mode .site-content {
  background: #0d1117 !important;
  min-height: 100vh !important;
}

/* Ensure all sections and divs have dark background */
body.dark-mode section,
body.dark-mode .section,
body.dark-mode .wrapper,
body.dark-mode .page-wrapper,
body.dark-mode .content-wrapper {
  background: #0d1117 !important;
}

/* Fix any remaining margin/padding issues */
body.dark-mode * {
  background-color: transparent !important;
}

/* Override any inline styles that might be setting white backgrounds */
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background: #ffffff"],
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color: #ffffff"] {
  background: #0d1117 !important;
}

/* Ensure all white backgrounds become dark */
body.dark-mode .bg-white {
  background-color: var(--bs-card-bg) !important;
}

body.dark-mode .bg-light {
  background-color: #161b22 !important;
}

/* Row and Column backgrounds */
body.dark-mode .row {
  background-color: transparent !important;
}

body.dark-mode .col,
body.dark-mode [class*="col-"] {
  background-color: transparent !important;
}

/* Ensure all text in cards is visible */
body.dark-mode .card h1,
body.dark-mode .card h2,
body.dark-mode .card h3,
body.dark-mode .card h4,
body.dark-mode .card h5,
body.dark-mode .card h6 {
  color: #ffffff !important;
}

/* Button Groups */
body.dark-mode .btn-group .btn {
  border-color: var(--bs-border-color) !important;
}

/* Input Groups */
body.dark-mode .input-group .btn {
  border-color: var(--input-border) !important;
}

/* Info Items */
body.dark-mode .info-item,
body.dark-mode .profile-info {
  color: var(--bs-body-color) !important;
}

body.dark-mode .info-item i {
  color: var(--primary-color) !important;
}

/* Navbar Container and Top Area */
body.dark-mode .navbar-collapse {
  background-color: #161b22 !important;
}

body.dark-mode .navbar .container,
body.dark-mode .navbar .container-fluid {
  background-color: transparent !important;
}

/* Area below navbar/wallet */
body.dark-mode .py-4,
body.dark-mode .py-3,
body.dark-mode .py-2 {
  background-color: var(--bs-body-bg) !important;
}

/* Sort and Filter Button Container */
body.dark-mode .d-flex,
body.dark-mode .d-md-flex {
  background-color: transparent !important;
}

body.dark-mode .gap-2,
body.dark-mode .gap-3 {
  background-color: transparent !important;
}

/* Main content area */
body.dark-mode main {
  background-color: var(--bs-body-bg) !important;
}

/* All sections */
body.dark-mode section {
  background-color: var(--bs-body-bg) !important;
}

/* Divs that might be white */
body.dark-mode div {
  background-color: transparent;
}

/* Specific overrides for card divs */
body.dark-mode .card div {
  background-color: transparent !important;
}

/* Filter and sort area */
body.dark-mode .filter-sort-area,
body.dark-mode .button-group,
body.dark-mode .action-buttons {
  background-color: transparent !important;
}

/* Ensure no white gaps */
body.dark-mode .mb-3,
body.dark-mode .mb-4,
body.dark-mode .mt-3,
body.dark-mode .mt-4 {
  background-color: transparent !important;
}

/* Profile results container */
body.dark-mode .profile-results,
body.dark-mode .results-container {
  background-color: var(--bs-body-bg) !important;
}

/* Grid and flex containers */
body.dark-mode .g-4,
body.dark-mode .g-3 {
  background-color: transparent !important;
}

/* ========================================
   DASHBOARD SPECIFIC DARK MODE STYLES
   ======================================== */

/* Sort Options Bar */
body.dark-mode .sort-options {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .sort-title {
  color: #ffffff !important;
}

body.dark-mode .sort-option {
  color: var(--bs-body-color) !important;
}

body.dark-mode .sort-option:hover {
  color: var(--link-color) !important;
  background-color: rgba(88, 166, 255, 0.1) !important;
}

body.dark-mode .sort-option.active {
  color: var(--link-color) !important;
  border-bottom-color: var(--link-color) !important;
}

/* Filter Mobile Header */
body.dark-mode .filter-mobile-header {
  background-color: var(--bs-card-bg) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

body.dark-mode .filter-mobile-title {
  color: #ffffff !important;
}

body.dark-mode .filter-mobile-close {
  color: var(--bs-body-color) !important;
}

body.dark-mode .filter-mobile-close:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Announcement Card Header */
body.dark-mode .announcement-card .card-header {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-bottom-color: var(--bs-border-color) !important;
  color: #ffffff !important;
}

/* Wallet Balance Card */
body.dark-mode .wallet-balance-card {
  background: linear-gradient(135deg, #1e3a8a 0%, #4c1d95 100%) !important;
}

body.dark-mode .wallet-balance-card .card-body {
  background: linear-gradient(
    135deg,
    rgba(30, 58, 138, 0.9) 0%,
    rgba(76, 29, 149, 0.9) 100%
  ) !important;
}

body.dark-mode .balance-icon {
  color: #ffffff !important;
}

body.dark-mode .balance-badge {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

body.dark-mode .balance-badge:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}

body.dark-mode .balance-btn {
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

body.dark-mode .balance-btn:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .balance-btn.btn-primary {
  background: rgba(88, 166, 255, 0.9) !important;
  border-color: rgba(88, 166, 255, 0.5) !important;
}

body.dark-mode .balance-btn.btn-success {
  background: rgba(63, 185, 80, 0.9) !important;
  border-color: rgba(63, 185, 80, 0.5) !important;
}

/* Profile Completion Card */
body.dark-mode .profile-completion-card {
  background: linear-gradient(135deg, #7c2d12 0%, #991b1b 100%) !important;
}

body.dark-mode .profile-completion-card .card-header {
  background: rgba(239, 68, 68, 0.15) !important;
  border-bottom-color: rgba(239, 68, 68, 0.3) !important;
  color: var(--danger-color) !important;
}

/* Slider Value Display Boxes */
body.dark-mode .slider-values span {
  background-color: var(--input-bg) !important;
  color: var(--input-text) !important;
  border: 1px solid var(--input-border) !important;
}

body.dark-mode .slider-values .separator {
  background-color: transparent !important;
  color: var(--text-muted) !important;
  border: none !important;
}

/* Range Slider Separator */
body.dark-mode .range-slider-separator {
  color: var(--text-muted) !important;
}

/* Filter Actions Buttons */
body.dark-mode .filter-actions .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .filter-actions .btn-outline-secondary {
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .filter-actions .btn-outline-secondary:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
}

/* Announcement Modal */
body.dark-mode .announcement-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

body.dark-mode .announcement-card-modal {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
}

/* Stats Item (Circular Menu) */
body.dark-mode .stats-item {
  background-color: var(--bs-card-bg) !important;
  border: 1px solid var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .stats-item:hover {
  background-color: #21262d !important;
  border-color: var(--primary-color) !important;
}

body.dark-mode .stats-value {
  color: #ffffff !important;
}

/* Filter Sort Buttons */
body.dark-mode .filter-sort-btn {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: transparent !important;
}

body.dark-mode .filter-sort-btn:hover {
  background-color: rgba(88, 166, 255, 0.1) !important;
  color: var(--link-color) !important;
}

body.dark-mode .filter-sort-btn .icon-badge {
  color: var(--primary-color) !important;
}

/* Ensure all alert/banner sections are dark */
body.dark-mode .alert {
  background-color: rgba(88, 166, 255, 0.1) !important;
  border-color: var(--primary-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .alert-warning {
  background-color: rgba(210, 153, 34, 0.15) !important;
  border-color: var(--warning-color) !important;
  color: #e3b341 !important;
}

body.dark-mode .alert-info {
  background-color: rgba(88, 166, 255, 0.15) !important;
  border-color: var(--link-color) !important;
  color: #79c0ff !important;
}

/* Profile Image Wrapper */
body.dark-mode .profile-image-wrapper {
  background-color: transparent !important;
}

body.dark-mode .profile-image {
  background: linear-gradient(135deg, #161b22, #21262d) !important;
  border-color: var(--bs-border-color) !important;
}

/* Ensure dropdown menus in dashboard are dark */
body.dark-mode .dropdown-toggle::after {
  border-top-color: var(--bs-body-color) !important;
}

/* Results Count Text */
body.dark-mode .results-count {
  color: var(--bs-body-color) !important;
}

/* Loading Indicator */
body.dark-mode .filter-loading {
  background-color: #21262d !important;
}

body.dark-mode .filter-loading::before {
  background-color: var(--primary-color) !important;
}

/* Ensure all white text becomes light */
body.dark-mode .text-white {
  color: #ffffff !important;
}

/* Ensure all dark text becomes light */
body.dark-mode .text-dark {
  color: var(--bs-body-color) !important;
}

/* Fix any remaining white backgrounds */
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color: #ffffff"] {
  background-color: var(--bs-card-bg) !important;
}

/* Slider wrapper background */
body.dark-mode .slider-wrapper::before {
  background: #30363d !important;
}

/* Range slider track */
body.dark-mode .range-slider {
  background: transparent !important;
}

/* jQuery UI Slider Dark Mode */
body.dark-mode .ui-slider {
  background: #30363d !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .ui-slider-range {
  background: var(--primary-color) !important;
}

body.dark-mode .ui-slider-handle {
  background: #ffffff !important;
  border-color: var(--primary-color) !important;
}

body.dark-mode .ui-slider-handle:hover,
body.dark-mode .ui-slider-handle:focus {
  background: #f0f6fc !important;
  box-shadow: 0 0 0 4px rgba(88, 166, 255, 0.2) !important;
}

/* Custom Range Slider Dark Mode */
body.dark-mode .custom-slider-track {
  background: #30363d !important;
}
body.dark-mode .custom-slider-fill {
  background: var(--primary-color, #58a6ff) !important;
}
body.dark-mode .custom-slider-thumb {
  background: #ffffff !important;
  border-color: var(--primary-color, #58a6ff) !important;
}
body.dark-mode .custom-slider-thumb:hover {
  box-shadow: 0 0 0 4px rgba(88, 166, 255, 0.2) !important;
}

/* ========================================
   ICON COLOR FIXES FOR DARK MODE
   ======================================== */

/* All FontAwesome Icons - Default Light Color */
body.dark-mode i,
body.dark-mode .fa,
body.dark-mode .fas,
body.dark-mode .far,
body.dark-mode .fab,
body.dark-mode .fal {
  color: var(--bs-body-color) !important;
}

/* Icons in Navbar */
body.dark-mode .navbar i,
body.dark-mode .navbar .fa,
body.dark-mode .navbar .fas {
  color: var(--bs-body-color) !important;
}

/* Icons in Buttons - Inherit button color */
body.dark-mode .btn i,
body.dark-mode button i {
  color: inherit !important;
}

body.dark-mode .btn-primary i {
  color: #ffffff !important;
}

body.dark-mode .btn-success i {
  color: #ffffff !important;
}

body.dark-mode .btn-danger i {
  color: #ffffff !important;
}

body.dark-mode .btn-warning i {
  color: #ffffff !important;
}

/* Icons in Filter Section */
body.dark-mode .filter-header i,
body.dark-mode .filter-body i {
  color: var(--bs-body-color) !important;
}

body.dark-mode .filter-mobile-header i {
  color: #ffffff !important;
}

/* Icons in Cards */
body.dark-mode .card i {
  color: #ffffff !important;
}

/* Specific Icon Colors */
body.dark-mode .fa-heart {
  color: var(--danger-color) !important;
}

body.dark-mode .fa-star {
  color: var(--warning-color) !important;
}

body.dark-mode .fa-check,
body.dark-mode .fa-check-circle {
  color: var(--success-color) !important;
}

body.dark-mode .fa-wallet,
body.dark-mode .fa-coins {
  color: #ffffff !important;
}

/* Icons in Dropdown Menus */
body.dark-mode .dropdown-item i {
  color: var(--bs-body-color) !important;
}

body.dark-mode .dropdown-item.active i {
  color: #ffffff !important;
}

/* Icons in Links */
body.dark-mode a i {
  color: var(--link-color) !important;
}

/* Chevron Icons */
body.dark-mode .fa-chevron-down,
body.dark-mode .fa-chevron-up {
  color: var(--bs-body-color) !important;
}

/* Location Icons */
body.dark-mode .fa-map-marker-alt,
body.dark-mode .fa-location-dot {
  color: var(--danger-color) !important;
}

/* Calendar Icons */
body.dark-mode .fa-calendar {
  color: var(--success-color) !important;
}

/* Eye/View Icons */
body.dark-mode .fa-eye {
  color: var(--primary-color) !important;
}

/* Heart Icon Fixes - More Specific */
body.dark-mode .fa-heart,
body.dark-mode .fa-heart-broken {
  color: var(--danger-color) !important;
}

/* Heart icons in buttons need higher specificity */
body.dark-mode button .fa-heart,
body.dark-mode button .fa-heart-broken,
body.dark-mode .btn .fa-heart,
body.dark-mode .btn .fa-heart-broken {
  color: var(--danger-color) !important;
}

/* Heart icon when favorited/active */
body.dark-mode .fa-heart.active,
body.dark-mode button.active .fa-heart,
body.dark-mode .btn.active .fa-heart {
  color: #ff4444 !important;
}

/* Navbar Text and Links */
body.dark-mode .navbar-light .navbar-nav .nav-link {
  color: #f0f6fc !important;
}

body.dark-mode .navbar-light .navbar-nav .nav-link:hover,
body.dark-mode .navbar-light .navbar-nav .nav-link:focus {
  color: var(--link-color) !important;
}

body.dark-mode .navbar-light .navbar-nav .nav-link.active {
  color: var(--link-color) !important;
}

body.dark-mode .navbar-light .navbar-text {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .nav-item .nav-link {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .nav-item .nav-link:hover {
  color: var(--link-color) !important;
}

/* Navbar Brand Text */
body.dark-mode .navbar-brand {
  color: #ffffff !important;
}

/* Navbar Dropdown Text */
body.dark-mode .navbar .dropdown-toggle {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .dropdown-toggle:hover {
  color: var(--link-color) !important;
}

/* Profile Card Heart Icons - Override card icon color */
body.dark-mode .profile-card .fa-heart,
body.dark-mode .profile-card .fa-heart-broken,
body.dark-mode .card .fa-heart,
body.dark-mode .card .fa-heart-broken {
  color: var(--danger-color) !important;
}

/* Ensure heart icons in any context are red */
body.dark-mode i.fa-heart,
body.dark-mode i.fa-heart-broken,
body.dark-mode span.fa-heart,
body.dark-mode span.fa-heart-broken {
  color: var(--danger-color) !important;
}

/* Heart button hover effect */
body.dark-mode button:hover .fa-heart,
body.dark-mode .btn:hover .fa-heart {
  color: #ff6b6b !important;
}

/* ========================================
   GLOBAL NAVBAR FIXES FOR ALL PAGES
   ======================================== */

/* Force navbar background on all pages */
body.dark-mode nav.navbar,
body.dark-mode .navbar,
body.dark-mode header.navbar {
  background-color: #161b22 !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
}

/* All navbar links - universal fix */
body.dark-mode .navbar a,
body.dark-mode .navbar .nav-link,
body.dark-mode .navbar-nav .nav-link,
body.dark-mode nav a {
  color: #f0f6fc !important;
}

body.dark-mode .navbar a:hover,
body.dark-mode .navbar .nav-link:hover,
body.dark-mode .navbar-nav .nav-link:hover {
  color: var(--link-color) !important;
}

/* Navbar brand on all pages */
body.dark-mode .navbar .navbar-brand,
body.dark-mode nav .navbar-brand,
body.dark-mode .navbar-brand a {
  color: #ffffff !important;
}

/* Navbar text elements */
body.dark-mode .navbar span,
body.dark-mode .navbar p,
body.dark-mode .navbar div {
  color: #f0f6fc !important;
}

/* Navbar buttons */
body.dark-mode .navbar .btn,
body.dark-mode .navbar button {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* Navbar dropdown menus */
body.dark-mode .navbar .dropdown-menu {
  background-color: var(--dropdown-bg) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .navbar .dropdown-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .navbar .dropdown-item:hover {
  background-color: var(--dropdown-hover) !important;
  color: #ffffff !important;
}

/* Navbar icons on all pages */
body.dark-mode .navbar i,
body.dark-mode .navbar .fa,
body.dark-mode .navbar .fas,
body.dark-mode nav i {
  color: #f0f6fc !important;
}

/* Navbar toggler for mobile */
body.dark-mode .navbar-toggler {
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .navbar-toggler-icon {
  filter: invert(1) !important;
}

/* Active/current page link */
body.dark-mode .navbar .nav-link.active,
body.dark-mode .navbar .active > .nav-link,
body.dark-mode .navbar .nav-item.active .nav-link {
  color: var(--link-color) !important;
  font-weight: 600;
}

/* Navbar search inputs */
body.dark-mode .navbar input,
body.dark-mode .navbar .form-control {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .navbar input::placeholder {
  color: var(--text-muted) !important;
}

/* Navbar badges */
body.dark-mode .navbar .badge {
  background-color: var(--danger-color) !important;
  color: #ffffff !important;
}

/* User profile section in navbar */
body.dark-mode .navbar .user-profile,
body.dark-mode .navbar .profile-section {
  color: #f0f6fc !important;
}

/* Navbar dividers */
body.dark-mode .navbar .dropdown-divider {
  border-top-color: var(--bs-border-color) !important;
}

/* Navbar on mobile - collapsed state */
body.dark-mode .navbar-collapse {
  background-color: #161b22 !important;
}

@media (max-width: 991.98px) {
  body.dark-mode .navbar-collapse {
    background-color: #161b22 !important;
    padding: 1rem;
  }

  body.dark-mode .navbar .dropdown-menu {
    background-color: rgba(22, 27, 34, 0.95) !important;
  }
}

/* Notification dropdown in navbar */
body.dark-mode .navbar .notification-dropdown,
body.dark-mode .navbar .notifications {
  background-color: var(--dropdown-bg) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .navbar .notification-item {
  border-bottom: 1px solid var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

body.dark-mode .navbar .notification-item:hover {
  background-color: var(--dropdown-hover) !important;
}

/* Credits/wallet display in navbar */
body.dark-mode .navbar .credits-display,
body.dark-mode .navbar .wallet-display {
  color: #ffffff !important;
}

/* Language selector in navbar */
body.dark-mode .navbar .language-selector,
body.dark-mode .navbar select {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

/* Theme toggle button in navbar */
body.dark-mode .navbar .theme-toggle,
body.dark-mode .navbar .dark-mode-toggle {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .theme-toggle:hover {
  color: var(--link-color) !important;
}

/* ========================================
   COMPREHENSIVE NAVBAR DARK MODE FIXES
   ======================================== */

/* Navbar Background and Border */
body.dark-mode .navbar {
  background-color: #161b22 !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Navbar Brand - Override inline styles */
body.dark-mode .navbar-brand,
body.dark-mode .navbar-brand span {
  color: #ffffff !important;
}

/* All Navbar Links - Override all states */
body.dark-mode .navbar-light .navbar-nav .nav-link,
body.dark-mode .navbar .navbar-nav .nav-link,
body.dark-mode .nav-link {
  color: #f0f6fc !important;
}

/* Navbar Link Hover State */
body.dark-mode .navbar-light .navbar-nav .nav-link:hover,
body.dark-mode .navbar .navbar-nav .nav-link:hover,
body.dark-mode .nav-link:hover {
  color: var(--link-color) !important;
  background-color: rgba(88, 166, 255, 0.1) !important;
}

/* Navbar Link Active State */
body.dark-mode .navbar-light .navbar-nav .nav-link.active,
body.dark-mode .navbar .navbar-nav .nav-link.active,
body.dark-mode .nav-link.active {
  color: var(--link-color) !important;
  background-color: rgba(88, 166, 255, 0.15) !important;
}

/* Navbar Text */
body.dark-mode .navbar-light .navbar-text,
body.dark-mode .navbar .navbar-text {
  color: #f0f6fc !important;
}

/* Navbar Toggler (Hamburger Menu) */
body.dark-mode .navbar-toggler {
  border-color: var(--primary-color) !important;
  background-color: transparent !important;
}

body.dark-mode .navbar-toggler:hover {
  background-color: rgba(88, 166, 255, 0.1) !important;
}

body.dark-mode .navbar-toggler .fas.fa-bars,
body.dark-mode .navbar-toggler::before {
  color: var(--primary-color) !important;
}

/* Navbar Collapse Background (Mobile) */
body.dark-mode .navbar-collapse {
  background-color: #161b22 !important;
}

/* Navbar Dropdown Toggle */
body.dark-mode .navbar .dropdown-toggle {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .dropdown-toggle:hover {
  color: var(--link-color) !important;
}

body.dark-mode .navbar .dropdown-toggle::after {
  border-top-color: #f0f6fc !important;
}

/* Navbar Dropdown Menu */
body.dark-mode .navbar .dropdown-menu {
  background-color: var(--dropdown-bg) !important;
  border-color: var(--bs-border-color) !important;
}

/* Navbar Dropdown Items */
body.dark-mode .navbar .dropdown-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .navbar .dropdown-item:hover,
body.dark-mode .navbar .dropdown-item:focus {
  background-color: var(--dropdown-hover) !important;
  color: #ffffff !important;
}

/* Navbar Dropdown Header */
body.dark-mode .navbar .dropdown-header {
  color: var(--text-muted) !important;
}

/* Navbar Dropdown Divider */
body.dark-mode .navbar .dropdown-divider {
  border-top-color: var(--bs-border-color) !important;
}

/* Navbar Search Form */
body.dark-mode .navbar .form-control {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

body.dark-mode .navbar .form-control:focus {
  background-color: var(--input-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--input-text) !important;
  box-shadow: 0 0 0 0.2rem rgba(88, 166, 255, 0.25) !important;
}

body.dark-mode .navbar .form-control::placeholder {
  color: var(--text-muted) !important;
}

/* Navbar Search Button */
body.dark-mode .navbar .btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  background-color: transparent !important;
}

body.dark-mode .navbar .btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  border-color: var(--primary-color) !important;
}

/* Navbar Icons */
body.dark-mode .navbar i,
body.dark-mode .navbar .fa,
body.dark-mode .navbar .fas,
body.dark-mode .navbar .far {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .nav-link:hover i {
  color: var(--link-color) !important;
}

/* Navbar Badge (Credit Balance) */
body.dark-mode .navbar .badge {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .navbar .badge.bg-primary {
  background-color: var(--primary-color) !important;
}

body.dark-mode .navbar .badge.bg-danger {
  background-color: var(--danger-color) !important;
}

/* Notification Badge */
body.dark-mode .notification-badge {
  background-color: var(--danger-color) !important;
  color: #ffffff !important;
  border-color: #161b22 !important;
}

/* Navbar Button Primary */
body.dark-mode .navbar .btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .navbar .btn-primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* Filter Toggle Button in Navbar */
body.dark-mode .mobile-filter-toggle .btn {
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

body.dark-mode .mobile-filter-toggle .btn:hover {
  background-color: rgba(88, 166, 255, 0.1) !important;
  color: var(--link-color) !important;
}

/* Navbar Input Group */
body.dark-mode .navbar .input-group-text {
  background-color: #21262d !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}

/* Mobile Navbar Specific Styles */
@media (max-width: 991.98px) {
  body.dark-mode .navbar-collapse {
    background-color: #161b22 !important;
    border: 1px solid var(--bs-border-color) !important;
  }

  body.dark-mode .navbar .dropdown-menu {
    background-color: rgba(22, 27, 34, 0.95) !important;
    border-color: var(--bs-border-color) !important;
  }
}

/* Ensure all navbar text is visible */
body.dark-mode .navbar * {
  border-color: var(--bs-border-color);
}

/* Navbar Container */
body.dark-mode .navbar .container,
body.dark-mode .navbar .container-fluid {
  background-color: transparent !important;
}

/* Small Text in Navbar */
body.dark-mode .navbar .small,
body.dark-mode .navbar .text-muted {
  color: var(--text-muted) !important;
}

body.dark-mode .navbar .smaller {
  color: var(--text-muted) !important;
}

/* Notification Dropdown Items */
body.dark-mode .navbar .dropdown-item .text-muted {
  color: var(--text-muted) !important;
}

/* Close Button in Navbar */
body.dark-mode .navbar .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Navbar Divider */
body.dark-mode .navbar hr {
  border-color: var(--bs-border-color) !important;
  opacity: 1;
}

/* Override any inline styles */
body.dark-mode .navbar [style*="color"] {
  color: #f0f6fc !important;
}

/* ========================================
   FORCE NAVBAR TEXT AND ICON COLORS
   ======================================== */

/* Force all navbar text to be light - Maximum Specificity */
body.dark-mode .navbar,
body.dark-mode
  .navbar
  *:not(.badge):not(.btn-primary):not(.btn-danger):not(.btn-success) {
  color: #f0f6fc !important;
}

/* Force navbar links - All variations */
body.dark-mode .navbar a,
body.dark-mode .navbar a.nav-link,
body.dark-mode .navbar .nav-link,
body.dark-mode .navbar-nav .nav-link,
body.dark-mode .navbar-light .nav-link,
body.dark-mode nav.navbar a {
  color: #f0f6fc !important;
}

/* Force navbar link hover */
body.dark-mode .navbar a:hover,
body.dark-mode .navbar .nav-link:hover {
  color: var(--link-color) !important;
}

/* Force all navbar icons */
body.dark-mode .navbar i,
body.dark-mode .navbar .fa,
body.dark-mode .navbar .fas,
body.dark-mode .navbar .far,
body.dark-mode .navbar .fab,
body.dark-mode .navbar i.fa,
body.dark-mode .navbar i.fas,
body.dark-mode .navbar i.far,
body.dark-mode .navbar span.fa,
body.dark-mode .navbar span.fas {
  color: #f0f6fc !important;
}

/* Force navbar icons on hover */
body.dark-mode .navbar a:hover i,
body.dark-mode .navbar .nav-link:hover i,
body.dark-mode .navbar a:hover .fa,
body.dark-mode .navbar a:hover .fas {
  color: var(--link-color) !important;
}

/* Force specific navbar icons */
body.dark-mode .navbar .fa-eye,
body.dark-mode .navbar .fa-heart,
body.dark-mode .navbar .fa-hand-holding-heart,
body.dark-mode .navbar .fa-wallet,
body.dark-mode .navbar .fa-bell,
body.dark-mode .navbar .fa-user,
body.dark-mode .navbar .fa-user-circle,
body.dark-mode .navbar .fa-cog,
body.dark-mode .navbar .fa-sign-out-alt,
body.dark-mode .navbar .fa-filter,
body.dark-mode .navbar .fa-search,
body.dark-mode .navbar .fa-bars {
  color: #f0f6fc !important;
}

/* Force navbar dropdown text */
body.dark-mode .navbar .dropdown-toggle,
body.dark-mode .navbar .dropdown-item,
body.dark-mode .navbar .dropdown-header {
  color: #f0f6fc !important;
}

/* Force navbar dropdown icons */
body.dark-mode .navbar .dropdown-item i,
body.dark-mode .navbar .dropdown-toggle i {
  color: #f0f6fc !important;
}

/* Force navbar brand text - override inline styles */
body.dark-mode .navbar-brand,
body.dark-mode .navbar-brand *,
body.dark-mode .navbar-brand span,
body.dark-mode a.navbar-brand,
body.dark-mode a.navbar-brand span {
  color: #ffffff !important;
}

/* Force navbar text elements */
body.dark-mode .navbar span:not(.badge):not(.notification-badge),
body.dark-mode .navbar div:not(.dropdown-menu),
body.dark-mode .navbar p {
  color: #f0f6fc !important;
}

/* Force button text in navbar */
body.dark-mode
  .navbar
  button:not(.btn-primary):not(.btn-danger):not(.btn-success),
body.dark-mode
  .navbar
  .btn:not(.btn-primary):not(.btn-danger):not(.btn-success) {
  color: #f0f6fc !important;
}

/* Force button icons in navbar */
body.dark-mode .navbar button i,
body.dark-mode .navbar .btn i {
  color: #f0f6fc !important;
}

/* Specific icon colors that should remain */
body.dark-mode .navbar .fa-heart,
body.dark-mode .navbar i.fa-heart {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .fa-wallet i,
body.dark-mode .navbar .fa-wallet {
  color: #f0f6fc !important;
}

/* Force search placeholder */
body.dark-mode .navbar input::placeholder,
body.dark-mode .navbar .form-control::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.7;
}

/* Force all list items in navbar */
body.dark-mode .navbar li,
body.dark-mode .navbar ul,
body.dark-mode .navbar .nav-item {
  color: #f0f6fc !important;
}

/* Override any remaining inline styles */
body.dark-mode .navbar [style*="color: #1877f2"],
body.dark-mode .navbar [style*="color:#1877f2"] {
  color: #ffffff !important;
}

/* Force navbar on all pages */
body.dark-mode nav.navbar,
body.dark-mode nav.navbar-light,
body.dark-mode .navbar.navbar-light {
  background-color: #161b22 !important;
}

/* Ensure text is visible in all states */
body.dark-mode .navbar .nav-link.active,
body.dark-mode .navbar .nav-link:focus,
body.dark-mode .navbar .nav-link:active {
  color: var(--link-color) !important;
}

/* Force dropdown menu items */
body.dark-mode .navbar .dropdown-menu .dropdown-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .navbar .dropdown-menu .dropdown-item:hover {
  color: #ffffff !important;
}

/* Force small text in navbar */
body.dark-mode .navbar .small,
body.dark-mode .navbar small,
body.dark-mode .navbar .text-muted {
  color: var(--text-muted) !important;
}

/* Navbar me-2 class elements */
body.dark-mode .navbar .me-1,
body.dark-mode .navbar .me-2,
body.dark-mode .navbar .me-3 {
  color: inherit !important;
}

/* Force all anchor tags */
body.dark-mode .navbar a[href],
body.dark-mode .navbar a[href] * {
  color: #f0f6fc !important;
}

body.dark-mode .navbar a[href]:hover,
body.dark-mode .navbar a[href]:hover * {
  color: var(--link-color) !important;
}

/* Contact Page Specific Dark Mode Styles */
body.dark-mode .contact-info p {
  background: rgba(255, 127, 0, 0.15) !important;
  color: #f8f9fa !important;
  border-left-color: var(--primary-color) !important;
}

body.dark-mode .contact-info p:hover {
  background: rgba(255, 127, 0, 0.25) !important;
}

body.dark-mode .message-card {
  background: rgba(22, 27, 34, 0.95) !important;
  border-color: var(--bs-border-color) !important;
  color: #f8f9fa !important;
}

/* Send Message Form Inputs */
body.dark-mode #send .form-control {
  background-color: rgba(13, 17, 23, 0.6) !important;
  border: 1px solid rgba(48, 54, 61, 0.8) !important;
  color: #f0f6fc !important;
  backdrop-filter: blur(5px);
  transition: all 0.3s ease;
}

body.dark-mode #send .form-control:focus {
  background-color: rgba(13, 17, 23, 0.9) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 15px rgba(88, 166, 255, 0.15) !important;
  transform: translateY(-2px);
}

body.dark-mode #send .form-label {
  color: #e6edf3 !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

body.dark-mode #send .form-text {
  color: var(--text-muted) !important;
}

/* Input Icons */
body.dark-mode #send .form-label i {
  color: var(--primary-color) !important;
}

/* Restored Missing CSS */
body.dark-mode .form-check input[type="checkbox"] + label {
  color: #f0f6fc !important;
}

/* Ensure all labels in filter section are white */
body.dark-mode .filter-container label {
  color: #f0f6fc !important;
}

body.dark-mode .page-link:hover {
  background-color: var(--dropdown-hover) !important;
  color: #79c0ff !important;
}

body.dark-mode .page-item.disabled .page-link {
  background-color: #0d1117 !important;
  border-color: var(--bs-border-color) !important;
  color: var(--text-muted) !important;
}

/* High Contrast Text for Contact Page */
body.dark-mode .contact-info p,
[data-bs-theme="dark"] .contact-info p {
  color: #ffffff !important;
  background: rgba(255, 127, 0, 0.15) !important;
  border-left-color: var(--primary-color) !important;
}

body.dark-mode .contact-info p:hover,
[data-bs-theme="dark"] .contact-info p:hover {
  background: rgba(255, 127, 0, 0.25) !important;
}

body.dark-mode .message-content p,
[data-bs-theme="dark"] .message-content p {
  color: #e6edf3 !important;
}

body.dark-mode .message-header h6,
[data-bs-theme="dark"] .message-header h6 {
  color: #ffffff !important;
}

body.dark-mode a.navbar-brand,
body.dark-mode a.navbar-brand span {
  color: #ffffff !important;
}

/* Force navbar text elements */
body.dark-mode .navbar span:not(.badge):not(.notification-badge),
body.dark-mode .navbar div:not(.dropdown-menu),
body.dark-mode .navbar p {
  color: #f0f6fc !important;
}

/* Force button text in navbar */
body.dark-mode
  .navbar
  button:not(.btn-primary):not(.btn-danger):not(.btn-success),
body.dark-mode
  .navbar
  .btn:not(.btn-primary):not(.btn-danger):not(.btn-success) {
  color: #f0f6fc !important;
}

/* Force button icons in navbar */
body.dark-mode .navbar button i,
body.dark-mode .navbar .btn i {
  color: #f0f6fc !important;
}

/* Specific icon colors that should remain */
body.dark-mode .navbar .fa-heart,
body.dark-mode .navbar i.fa-heart {
  color: #f0f6fc !important;
}

body.dark-mode .navbar .fa-wallet i,
body.dark-mode .navbar .fa-wallet {
  color: #f0f6fc !important;
}

/* Force search placeholder */
body.dark-mode .navbar input::placeholder,
body.dark-mode .navbar .form-control::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.7;
}

/* Force all list items in navbar */
body.dark-mode .navbar li,
body.dark-mode .navbar ul,
body.dark-mode .navbar .nav-item {
  color: #f0f6fc !important;
}

/* Override any remaining inline styles */
body.dark-mode .navbar [style*="color: #1877f2"],
body.dark-mode .navbar [style*="color:#1877f2"] {
  color: #ffffff !important;
}

/* Force navbar on all pages */
body.dark-mode nav.navbar,
body.dark-mode nav.navbar-light,
body.dark-mode .navbar.navbar-light {
  background-color: #161b22 !important;
}

/* Ensure text is visible in all states */
body.dark-mode .navbar .nav-link.active,
body.dark-mode .navbar .nav-link:focus,
body.dark-mode .navbar .nav-link:active {
  color: var(--link-color) !important;
}

/* Force dropdown menu items */
body.dark-mode .navbar .dropdown-menu .dropdown-item {
  color: var(--bs-body-color) !important;
}

body.dark-mode .navbar .dropdown-menu .dropdown-item:hover {
  color: #ffffff !important;
}

/* Force small text in navbar */
body.dark-mode .navbar .small,
body.dark-mode .navbar small,
body.dark-mode .navbar .text-muted {
  color: var(--text-muted) !important;
}

/* Navbar me-2 class elements */
body.dark-mode .navbar .me-1,
body.dark-mode .navbar .me-2,
body.dark-mode .navbar .me-3 {
  color: inherit !important;
}

/* Force all anchor tags */
body.dark-mode .navbar a[href],
body.dark-mode .navbar a[href] * {
  color: #f0f6fc !important;
}

body.dark-mode .navbar a[href]:hover,
body.dark-mode .navbar a[href]:hover * {
  color: var(--link-color) !important;
}

/* Contact Page Specific Dark Mode Styles */
body.dark-mode .contact-info p {
  background: rgba(255, 127, 0, 0.15) !important;
  color: #f8f9fa !important;
  border-left-color: var(--primary-color) !important;
}

body.dark-mode .contact-info p:hover {
  background: rgba(255, 127, 0, 0.25) !important;
}

body.dark-mode .message-card {
  background: rgba(22, 27, 34, 0.95) !important;
  border-color: var(--bs-border-color) !important;
  color: #f8f9fa !important;
}

/* Send Message Form Inputs */
body.dark-mode #send .form-control {
  background-color: rgba(13, 17, 23, 0.6) !important;
  border: 1px solid rgba(48, 54, 61, 0.8) !important;
  color: #f0f6fc !important;
  backdrop-filter: blur(5px);
  transition: all 0.3s ease;
}

body.dark-mode #send .form-control:focus {
  background-color: rgba(13, 17, 23, 0.9) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 15px rgba(88, 166, 255, 0.15) !important;
  transform: translateY(-2px);
}

body.dark-mode #send .form-label {
  color: #e6edf3 !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

body.dark-mode #send .form-text {
  color: var(--text-muted) !important;
}

/* Input Icons */
body.dark-mode #send .form-label i {
  color: var(--primary-color) !important;
}

/* Restored Missing CSS */
body.dark-mode .form-check input[type="checkbox"] + label {
  color: #f0f6fc !important;
}

/* Ensure all labels in filter section are white */
body.dark-mode .filter-container label {
  color: #f0f6fc !important;
}

body.dark-mode .page-link:hover {
  background-color: var(--dropdown-hover) !important;
  color: #79c0ff !important;
}

body.dark-mode .page-item.disabled .page-link {
  background-color: #0d1117 !important;
  border-color: var(--bs-border-color) !important;
  color: var(--text-muted) !important;
}

/* High Contrast Text for Contact Page */
body.dark-mode .contact-info p,
[data-bs-theme="dark"] .contact-info p {
  color: #ffffff !important;
  background: rgba(255, 127, 0, 0.15) !important;
  border-left-color: var(--primary-color) !important;
}

body.dark-mode .contact-info p:hover,
[data-bs-theme="dark"] .contact-info p:hover {
  background: rgba(255, 127, 0, 0.25) !important;
}

body.dark-mode .message-content p,
[data-bs-theme="dark"] .message-content p {
  color: #e6edf3 !important;
}

body.dark-mode .message-header h6,
[data-bs-theme="dark"] .message-header h6 {
  color: #ffffff !important;
}

body.dark-mode .message-header .text-muted,
[data-bs-theme="dark"] .message-header .text-muted {
  color: #8b949e !important;
}

/* Ensure message card text color inherits correctly if not overridden */
body.dark-mode .message-card,
[data-bs-theme="dark"] .message-card {
  color: #f8f9fa !important;
}

/* Pagination Text - White color in dark mode */
body.dark-mode .text-center.text-muted small,
body.dark-mode .pagination-info,
body.dark-mode .pagination-info small,
body.dark-mode .text-muted small {
  color: #ffffff !important;
}

/* Pagination Links - White color in dark mode */
body.dark-mode .pagination,
body.dark-mode .pagination *,
body.dark-mode .page-link {
  color: #ffffff !important;
}

body.dark-mode .page-link {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

body.dark-mode .page-link:hover {
  background-color: var(--dropdown-hover) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

body.dark-mode .page-item.disabled .page-link {
  background-color: #0d1117 !important;
  border-color: var(--bs-border-color) !important;
  color: var(--text-muted) !important;
}