[data-bs-theme="dark"] body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

[data-bs-theme="dark"] #wrapper.d-flex #main-content>main.container-fluid.content-area,
[data-bs-theme="dark"] .main-content,
[data-bs-theme="dark"] .content-area,
[data-bs-theme="dark"] .tg-main-container,
[data-bs-theme="dark"] .tg-chat-list-panel,
[data-bs-theme="dark"] .tg-chat-header,
[data-bs-theme="dark"] .tg-chat-input-panel,
[data-bs-theme="dark"] .app-topbar-custom {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .tg-chat-panel {
  background-color: var(--bs-tertiary-bg) !important;
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .dropdown-menu {
  background-color: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .bg-white {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] .navbar .nav-link,
[data-bs-theme="dark"] .navbar .navbar-brand,
[data-bs-theme="dark"] .navbar .navbar-text,
[data-bs-theme="dark"] .navbar .btn-link {
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .dropdown-menu {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .dropdown-item {
  color: var(--bs-body-color) !important;
}

/* Profile page cards */
html[data-bs-theme="dark"] {
  --primary-dark-blue: var(--bs-body-color);
  --profile-card-bg: var(--bs-secondary-bg);
  --profile-card-border: var(--bs-border-color);
  --info-label-color: var(--bs-secondary-color);
  --info-value-color: var(--bs-body-color);
}

html[data-bs-theme="dark"] .profile-content,
html[data-bs-theme="dark"] .marketplace-hero,
html[data-bs-theme="dark"] .referral-program-hero,
html[data-bs-theme="dark"] .deposit-hero {
  background: linear-gradient(120deg, #181f2a 0%, #232b3a 100%) !important;
  color: var(--bs-body-color) !important;
}

html[data-bs-theme="dark"] .profile-card,
html[data-bs-theme="dark"] .profile-section-card,
html[data-bs-theme="dark"] .course-card,
html[data-bs-theme="dark"] .shop-product-card,
html[data-bs-theme="dark"] .referral-balance-card,
html[data-bs-theme="dark"] .deposit-card,
html[data-bs-theme="dark"] .deposit-history-card {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color) !important;
  box-shadow: 0 4px 24px rgba(20,20,30,0.22), 0 1.5px 0 #232b3a !important;
}

html[data-bs-theme="dark"] .profile-card-header h2,
html[data-bs-theme="dark"] .deposit-card-header h4,
html[data-bs-theme="dark"] .referral-balance-card .balance-label,
html[data-bs-theme="dark"] .marketplace-hero h1,
html[data-bs-theme="dark"] .referral-program-hero h1 {
  color: #ffd600 !important;
}

html[data-bs-theme="dark"] .info-list .info-label,
html[data-bs-theme="dark"] .tariff-name,
html[data-bs-theme="dark"] .shop-product-card .card-title {
  color: #b3cfff !important;
}

html[data-bs-theme="dark"] .info-list .info-value,
html[data-bs-theme="dark"] .profile-card-header h2,
html[data-bs-theme="dark"] .deposit-card-header h4 {
  color: var(--bs-body-color) !important;
}

html[data-bs-theme="dark"] .btn-primary,
html[data-bs-theme="dark"] .btn-outline-primary:hover {
  background: #223a5e !important;
  color: #ffd600 !important;
  border-color: #223a5e !important;
}

html[data-bs-theme="dark"] .btn-outline-primary {
  background: transparent !important;
  color: #ffd600 !important;
  border: 1.5px solid #ffd600 !important;
}

html[data-bs-theme="dark"] .btn-outline-primary:hover {
  background: #ffd600 !important;
  color: #223a5e !important;
}

html[data-bs-theme="dark"] .tariff-item,
html[data-bs-theme="dark"] .referral-links-list li {
  background: #232b3a !important;
  border-color: #2c3442 !important;
  color: #ffd600 !important;
}

html[data-bs-theme="dark"] .tariff-item.is-highlighted {
  border: 2px solid #ffd600 !important;
  background: #2c3442 !important;
  box-shadow: 0 4px 16px rgba(255,214,0,0.10) !important;
}

html[data-bs-theme="dark"] .deposit-history-table,
html[data-bs-theme="dark"] .referral-history-table {
  background: #232b3a !important;
  color: var(--bs-body-color) !important;
  border-color: #2c3442 !important;
}

html[data-bs-theme="dark"] .deposit-history-table th,
html[data-bs-theme="dark"] .referral-history-table th {
  background: #232b3a !important;
  color: #ffd600 !important;
  border-bottom: 1.5px solid #2c3442 !important;
}

html[data-bs-theme="dark"] .deposit-history-table tr:hover td,
html[data-bs-theme="dark"] .referral-history-table tr:hover td {
  background: #181f2a !important;
}

/* Sidebar colors in dark mode */
[data-bs-theme="dark"] #sidebar {
  background-color: var(--bs-secondary-bg) !important;
  border-right-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] #sidebar .sidebar-menu li a,
[data-bs-theme="dark"] #sidebar .sidebar-menu li.sidebar-heading {
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table-light th,
[data-bs-theme="dark"] .table-light td {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .auth-section {
  background-color: var(--bs-body-bg) !important;
}
[data-bs-theme="dark"] .auth-container {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .features,
[data-bs-theme="dark"] .courses,
[data-bs-theme="dark"] .testimonials,
[data-bs-theme="dark"] .lead-form-section,
[data-bs-theme="dark"] .course-specific-block {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] #userDropdown span,
[data-bs-theme="dark"] .topbar-logo span {
  color: var(--bs-body-color) !important;
}

/* Виправлення для dropdown меню в темній темі */
[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown-menu,
[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown-menu.dropdown-menu-end {
  background: #23272f !important;
  color: #f1f3f7 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.7) !important;
  z-index: 100000 !important;
}

[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown.show > .dropdown-menu,
[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown.show > .dropdown-menu.dropdown-menu-end {
  z-index: 100001 !important;
}

[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown-item {
  color: #f1f3f7 !important;
}

[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown-item:hover {
  background: #181c22 !important;
  color: #5bc0ff !important;
}

[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown-item.text-danger {
  color: #ff6b6b !important;
}

[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown-divider {
  border-top-color: #23272f !important;
}

/* Додаткові стилі для hover в темній темі */
[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown:hover > .dropdown-menu,
[data-bs-theme="dark"] .app-topbar-custom.navbar .dropdown:hover > .dropdown-menu.dropdown-menu-end {
  display: block !important;
  z-index: 100001 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Стилі для дашборду в темній темі */
[data-bs-theme="dark"] .dashboard-grid {
  background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .dashboard-grid .card {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color) !important;
  box-shadow: 0 4px 24px rgba(20,20,30,0.22), 0 1.5px 0 #232b3a !important;
}

[data-bs-theme="dark"] .dashboard-grid .card:hover {
  background-color: #2c3442 !important;
  box-shadow: 0 8px 32px rgba(20,20,30,0.3), 0 2px 0 #2c3442 !important;
}

[data-bs-theme="dark"] .dashboard-grid .card-title {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] .dashboard-grid .card-text {
  color: var(--bs-body-color) !important;
}

/* Стилі для сайдбару в темній темі */
[data-bs-theme="dark"] #sidebar > ul > li {
  background-color: transparent !important;
}

[data-bs-theme="dark"] #sidebar > ul > li a {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] #sidebar > ul > li a:hover {
  background-color: #2c3442 !important;
  color: #ffd600 !important;
  border-left-color: #ffd600 !important;
}

[data-bs-theme="dark"] #sidebar > ul > li a.active {
  background-color: #232b3a !important;
  color: #ffd600 !important;
  border-left-color: #ffd600 !important;
}

[data-bs-theme="dark"] #sidebar > ul > li a i {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] #sidebar > ul > li a:hover i,
[data-bs-theme="dark"] #sidebar > ul > li a.active i {
  color: #ffd600 !important;
}

/* Стилі для тексту в темній темі */
[data-bs-theme="dark"] .text-end.small.text-muted {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-secondary-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .text-end.small.text-muted.mt-2.mb-4 {
  background: linear-gradient(135deg, #232b3a 0%, #2c3442 100%) !important;
  color: #b3cfff !important;
  border: 1px solid #2c3442 !important;
  box-shadow: 0 2px 8px rgba(20,20,30,0.15) !important;
}

/* Стилі для рядків в темній темі */
[data-bs-theme="dark"] .row.gy-4.mt-1 {
  background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color) !important;
  box-shadow: 0 4px 24px rgba(20,20,30,0.22), 0 1.5px 0 #232b3a !important;
}

[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div:hover {
  background-color: #2c3442 !important;
  box-shadow: 0 8px 32px rgba(20,20,30,0.3), 0 2px 0 #2c3442 !important;
}

[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div .card-title,
[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div h5,
[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div h6 {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div .card-text,
[data-bs-theme="dark"] .row.gy-4.mt-1 .col-lg-5 > div p {
  color: var(--bs-body-color) !important;
}

/* Додаткові стилі для активних елементів в темній темі */
[data-bs-theme="dark"] .dashboard-grid .card:nth-child(1),
[data-bs-theme="dark"] #sidebar > ul > li:nth-child(3) a {
  border-left: 4px solid #ffd600 !important;
  background-color: #232b3a !important;
}

[data-bs-theme="dark"] .dashboard-grid .card:nth-child(1):hover,
[data-bs-theme="dark"] #sidebar > ul > li:nth-child(3) a:hover {
  background-color: #2c3442 !important;
  box-shadow: 0 8px 32px rgba(255,214,0,0.15), 0 2px 0 #2c3442 !important;
}

/* Додаткові стилі для конкретних селекторів з проблеми */
[data-bs-theme="dark"] #main-content > nav.navbar.navbar-expand-lg.app-topbar-custom {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
}

[data-bs-theme="dark"] #main-content > nav.navbar.navbar-expand-lg.app-topbar-custom > div {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] #main-content > main > div.d-flex.justify-content-between.align-items-center.mb-3 {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] #main-content > main > div.row.gy-4.mt-1 > div.col-lg-7 > div:nth-child(1) > div.card-header {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
}

[data-bs-theme="dark"] #main-content > main > div.row.gy-4.mt-1 > div.col-lg-7 > div:nth-child(1) > div.card-header > h5 {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] #main-content > main > div.row.gy-4.mt-1 > div.col-lg-7 > div:nth-child(1) > div.card-body > div {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для секції курсів */
[data-bs-theme="dark"] #courses > div {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] #courses > div .card {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] #courses > div .card-header {
  background-color: var(--bs-secondary-bg) !important;
  border-bottom-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] #courses > div .card-body {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Виправлення видимості навігаційних посилань */
[data-bs-theme="dark"] #publicNavbarNav > ul.navbar-nav.public-nav-actions.mb-2.mb-lg-0.align-items-lg-center > li.nav-item.ms-lg-2 > a {
  color: var(--bs-body-color) !important;
  background-color: transparent !important;
  border: 1px solid var(--bs-border-color) !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.375rem !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

[data-bs-theme="dark"] #publicNavbarNav > ul.navbar-nav.public-nav-actions.mb-2.mb-lg-0.align-items-lg-center > li.nav-item.ms-lg-2 > a:hover {
  color: #b3cfff !important;
  background-color: rgba(179, 207, 255, 0.1) !important;
  border-color: #b3cfff !important;
}

[data-bs-theme="dark"] #publicNavbarNav > ul.navbar-nav.public-nav-actions.mb-2.mb-lg-0.align-items-lg-center > li.nav-item.ms-lg-2 > a:focus {
  color: #b3cfff !important;
  background-color: rgba(179, 207, 255, 0.15) !important;
  border-color: #b3cfff !important;
  box-shadow: 0 0 0 0.2rem rgba(179, 207, 255, 0.25) !important;
}

[data-bs-theme="dark"] #main-content > main > div.row.gy-4.mt-1 > div.col-lg-5 > div:nth-child(1) > div.card-header.d-flex.justify-content-between.align-items-center {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] #main-content > main > div.row.gy-4.mt-1 > div.col-lg-5 > div:nth-child(2) > div.card-header {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для головної сторінки в темній темі */
[data-bs-theme="dark"] .landing-page-wrapper {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .hero {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
  color: white !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .features {
  background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .courses {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .testimonials {
  background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .lead-form-section {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .course-specific-block {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для карток на головній сторінці */
[data-bs-theme="dark"] .feature-card {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .feature-card:hover {
  background-color: #2c3442 !important;
  box-shadow: 0 8px 32px rgba(20,20,30,0.3) !important;
}

[data-bs-theme="dark"] .feature-card h3 {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] .feature-card p {
  color: var(--bs-body-color) !important;
}

/* Стилі для заголовків на головній сторінці */
[data-bs-theme="dark"] .landing-page-wrapper h1,
[data-bs-theme="dark"] .landing-page-wrapper h2,
[data-bs-theme="dark"] .landing-page-wrapper h3,
[data-bs-theme="dark"] .landing-page-wrapper h4,
[data-bs-theme="dark"] .landing-page-wrapper h5,
[data-bs-theme="dark"] .landing-page-wrapper h6 {
  color: #b3cfff !important;
}

/* Стилі для тексту на головній сторінці */
[data-bs-theme="dark"] .landing-page-wrapper p {
  color: var(--bs-body-color) !important;
}

/* Стилі для кнопок на головній сторінці */
[data-bs-theme="dark"] .landing-page-wrapper .btn-light {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .landing-page-wrapper .btn-light:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white !important;
}

/* Стилі для навігації на головній сторінці */
[data-bs-theme="dark"] .navbar.navbar-expand-lg {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .navbar.navbar-expand-lg .navbar-brand,
[data-bs-theme="dark"] .navbar.navbar-expand-lg .nav-link {
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .navbar.navbar-expand-lg .nav-link:hover {
  color: #5bc0ff !important;
}

/* Стилі для футера на головній сторінці */
[data-bs-theme="dark"] .public-footer {
  background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .public-footer h4 {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] .public-footer a {
  color: rgba(255, 255, 255, 0.8) !important;
}

[data-bs-theme="dark"] .public-footer a:hover {
  color: #facc15 !important;
}

/* Стилі для кнопки перемикання теми на головній сторінці */
[data-bs-theme="dark"] #theme-toggle {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: transparent !important;
  border: none !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  z-index: 100002 !important;
}

[data-bs-theme="dark"] #theme-toggle:hover {
  color: #facc15 !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  transform: scale(1.1) !important;
}

[data-bs-theme="dark"] #theme-toggle-icon {
  color: inherit !important;
}

/* Стилі для навігації на головній сторінці в темній темі */
[data-bs-theme="dark"] .landing-page-header {
  background-color: var(--bs-secondary-bg) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .landing-page-header .navbar-brand,
[data-bs-theme="dark"] .landing-page-header .logo-text {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] .landing-page-header .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

[data-bs-theme="dark"] .landing-page-header .nav-link:hover {
  color: #facc15 !important;
}

[data-bs-theme="dark"] .landing-page-header .btn-light {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .landing-page-header .btn-light:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white !important;
}

[data-bs-theme="dark"] .landing-page-header .btn-outline-light {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .landing-page-header .btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

[data-bs-theme="dark"] .landing-page-header .navbar-text {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Стилі для повідомлень на головній сторінці */
[data-bs-theme="dark"] .alert {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .alert-info {
  background-color: rgba(59, 130, 246, 0.1) !important;
  color: #5bc0ff !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}

[data-bs-theme="dark"] .alert-success {
  background-color: rgba(34, 197, 94, 0.1) !important;
  color: #6be585 !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-bs-theme="dark"] .alert-warning {
  background-color: rgba(245, 158, 11, 0.1) !important;
  color: #facc15 !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}

[data-bs-theme="dark"] .alert-danger {
  background-color: rgba(239, 68, 68, 0.1) !important;
  color: #ff6b6b !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}

/* Додаткові стилі для всіх можливих елементів на головній сторінці */
[data-bs-theme="dark"] .main-content {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .container {
  background-color: transparent !important;
}

[data-bs-theme="dark"] .row {
  background-color: transparent !important;
}

[data-bs-theme="dark"] .col,
[data-bs-theme="dark"] .col-lg-7,
[data-bs-theme="dark"] .col-lg-5,
[data-bs-theme="dark"] .col-md-6,
[data-bs-theme="dark"] .col-sm-12 {
  background-color: transparent !important;
}

/* Стилі для всіх заголовків */
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
  color: #b3cfff !important;
}

/* Стилі для всіх параграфів */
[data-bs-theme="dark"] p {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх посилань */
[data-bs-theme="dark"] a {
  color: #5bc0ff !important;
}

[data-bs-theme="dark"] a:hover {
  color: #facc15 !important;
}

/* Стилі для всіх кнопок */
[data-bs-theme="dark"] .btn {
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .btn-primary {
  background-color: #223a5e !important;
  color: #ffd600 !important;
  border-color: #223a5e !important;
}

[data-bs-theme="dark"] .btn-primary:hover {
  background-color: #2c4a6e !important;
  color: #ffd600 !important;
}

[data-bs-theme="dark"] .btn-outline-primary {
  background-color: transparent !important;
  color: #ffd600 !important;
  border-color: #ffd600 !important;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
  background-color: #ffd600 !important;
  color: #223a5e !important;
}

[data-bs-theme="dark"] .btn-outline-light {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

/* Стилі для всіх форм */
[data-bs-theme="dark"] .form-control {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .form-control:focus {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: #5bc0ff !important;
  box-shadow: 0 0 0 0.2rem rgba(91, 192, 255, 0.25) !important;
}

[data-bs-theme="dark"] .form-label {
  color: #b3cfff !important;
}

/* Стилі для всіх таблиць */
[data-bs-theme="dark"] .table {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .table th {
  background-color: var(--bs-secondary-bg) !important;
  color: #b3cfff !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .table td {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх списків */
[data-bs-theme="dark"] ul,
[data-bs-theme="dark"] ol {
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] li {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх блоків коду */
[data-bs-theme="dark"] code {
  background-color: var(--bs-secondary-bg) !important;
  color: #facc15 !important;
}

[data-bs-theme="dark"] pre {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх цитат */
[data-bs-theme="dark"] blockquote {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-left-color: #5bc0ff !important;
}

/* Стилі для всіх розділювачів */
[data-bs-theme="dark"] hr {
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх міток */
[data-bs-theme="dark"] .badge {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .badge-primary {
  background-color: #223a5e !important;
  color: #ffd600 !important;
}

[data-bs-theme="dark"] .badge-success {
  background-color: #16a34a !important;
  color: white !important;
}

[data-bs-theme="dark"] .badge-warning {
  background-color: #facc15 !important;
  color: #1a202c !important;
}

[data-bs-theme="dark"] .badge-danger {
  background-color: #dc2626 !important;
  color: white !important;
}

/* Стилі для всіх прогресивних барів */
[data-bs-theme="dark"] .progress {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .progress-bar {
  background-color: #5bc0ff !important;
}

/* Стилі для всіх модальних вікон */
[data-bs-theme="dark"] .modal-content {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .modal-header {
  background-color: var(--bs-secondary-bg) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .modal-footer {
  background-color: var(--bs-secondary-bg) !important;
  border-top-color: var(--bs-border-color) !important;
}

/* Стилі для всіх тултіпів */
[data-bs-theme="dark"] .tooltip-inner {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--bs-secondary-bg) !important;
}

/* Стилі для всіх поповерів */
[data-bs-theme="dark"] .popover {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .popover-header {
  background-color: var(--bs-secondary-bg) !important;
  color: #b3cfff !important;
  border-bottom-color: var(--bs-border-color) !important;
}

/* Стилі для всіх спойлерів */
[data-bs-theme="dark"] .collapse {
  background-color: transparent !important;
}

[data-bs-theme="dark"] .collapse.show {
  background-color: var(--bs-secondary-bg) !important;
}

/* Стилі для всіх акордеонів */
[data-bs-theme="dark"] .accordion-item {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .accordion-button {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: #2c3442 !important;
  color: #ffd600 !important;
}

[data-bs-theme="dark"] .accordion-body {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх табів */
[data-bs-theme="dark"] .nav-tabs {
  border-bottom-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
  background-color: #2c3442 !important;
  color: #ffd600 !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
  background-color: #2c3442 !important;
  color: #ffd600 !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх пілюль */
[data-bs-theme="dark"] .nav-pills .nav-link {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .nav-pills .nav-link:hover {
  background-color: #2c3442 !important;
  color: #ffd600 !important;
}

[data-bs-theme="dark"] .nav-pills .nav-link.active {
  background-color: #223a5e !important;
  color: #ffd600 !important;
}

/* Стилі для всіх пагінацій */
[data-bs-theme="dark"] .pagination {
  background-color: transparent !important;
}

[data-bs-theme="dark"] .page-link {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .page-link:hover {
  background-color: #2c3442 !important;
  color: #ffd600 !important;
}

[data-bs-theme="dark"] .page-item.active .page-link {
  background-color: #223a5e !important;
  color: #ffd600 !important;
  border-color: #223a5e !important;
}

/* Стилі для всіх бредкрамбів */
[data-bs-theme="dark"] .breadcrumb {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] .breadcrumb-item a {
  color: #5bc0ff !important;
}

[data-bs-theme="dark"] .breadcrumb-item.active {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх спінерів */
[data-bs-theme="dark"] .spinner-border {
  color: #5bc0ff !important;
}

[data-bs-theme="dark"] .spinner-grow {
  color: #5bc0ff !important;
}

/* Стилі для всіх плацехолдерів */
[data-bs-theme="dark"] .placeholder {
  background-color: var(--bs-border-color) !important;
}

/* Стилі для всіх фігур */
[data-bs-theme="dark"] figure {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

[data-bs-theme="dark"] figcaption {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх деталей */
[data-bs-theme="dark"] details {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] summary {
  color: #b3cfff !important;
}

/* Стилі для всіх маркерів */
[data-bs-theme="dark"] mark {
  background-color: #facc15 !important;
  color: #1a202c !important;
}

/* Стилі для всіх підкреслень */
[data-bs-theme="dark"] ins {
  background-color: rgba(34, 197, 94, 0.2) !important;
  color: #6be585 !important;
}

/* Стилі для всіх закреслень */
[data-bs-theme="dark"] del {
  background-color: rgba(239, 68, 68, 0.2) !important;
  color: #ff6b6b !important;
}

/* Стилі для всіх малих текстів */
[data-bs-theme="dark"] small {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх великих текстів */
[data-bs-theme="dark"] big {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх підрядкових текстів */
[data-bs-theme="dark"] sub,
[data-bs-theme="dark"] sup {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх виділень */
[data-bs-theme="dark"] strong,
[data-bs-theme="dark"] b {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] em,
[data-bs-theme="dark"] i {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх абревіатур */
[data-bs-theme="dark"] abbr {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх цитат */
[data-bs-theme="dark"] cite {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх визначень */
[data-bs-theme="dark"] dfn {
  color: #b3cfff !important;
}

/* Стилі для всіх змінних */
[data-bs-theme="dark"] var {
  color: #facc15 !important;
}

/* Стилі для всіх виходів */
[data-bs-theme="dark"] samp {
  background-color: var(--bs-secondary-bg) !important;
  color: #facc15 !important;
}

/* Стилі для всіх введень */
[data-bs-theme="dark"] kbd {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх попередньо форматованих текстів */
[data-bs-theme="dark"] pre {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх адрес */
[data-bs-theme="dark"] address {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх часу */
[data-bs-theme="dark"] time {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх дат */
[data-bs-theme="dark"] date {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх метрів */
[data-bs-theme="dark"] meter {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] meter::-webkit-meter-bar {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] meter::-webkit-meter-optimum-value {
  background-color: #16a34a !important;
}

[data-bs-theme="dark"] meter::-webkit-meter-suboptimum-value {
  background-color: #facc15 !important;
}

[data-bs-theme="dark"] meter::-webkit-meter-even-less-good-value {
  background-color: #dc2626 !important;
}

/* Стилі для всіх прогресів */
[data-bs-theme="dark"] progress {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] progress::-webkit-progress-bar {
  background-color: var(--bs-secondary-bg) !important;
}

[data-bs-theme="dark"] progress::-webkit-progress-value {
  background-color: #5bc0ff !important;
}

/* Стилі для всіх діалогів */
[data-bs-theme="dark"] dialog {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх меню */
[data-bs-theme="dark"] menu {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх команд */
[data-bs-theme="dark"] command {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх додатків */
[data-bs-theme="dark"] applet {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх об'єктів */
[data-bs-theme="dark"] object {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх параметрів */
[data-bs-theme="dark"] param {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх ембедів */
[data-bs-theme="dark"] embed {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх іфреймів */
[data-bs-theme="dark"] iframe {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх канвасів */
[data-bs-theme="dark"] canvas {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх відео */
[data-bs-theme="dark"] video {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх аудіо */
[data-bs-theme="dark"] audio {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх треків */
[data-bs-theme="dark"] track {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх джерел */
[data-bs-theme="dark"] source {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх зображень */
[data-bs-theme="dark"] img {
  background-color: transparent !important;
}

/* Стилі для всіх карт */
[data-bs-theme="dark"] map {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх областей */
[data-bs-theme="dark"] area {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх векторів */
[data-bs-theme="dark"] svg {
  background-color: transparent !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх математичних елементів */
[data-bs-theme="dark"] math {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх анотацій */
[data-bs-theme="dark"] annotation {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх семантичних елементів */
[data-bs-theme="dark"] article,
[data-bs-theme="dark"] aside,
[data-bs-theme="dark"] footer,
[data-bs-theme="dark"] header,
[data-bs-theme="dark"] main,
[data-bs-theme="dark"] nav,
[data-bs-theme="dark"] section {
  background-color: transparent !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх заголовків секцій */
[data-bs-theme="dark"] hgroup {
  background-color: transparent !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх деталей */
[data-bs-theme="dark"] details {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх діалогів */
[data-bs-theme="dark"] dialog {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх фігур */
[data-bs-theme="dark"] figure {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх підписів */
[data-bs-theme="dark"] figcaption {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх маркерів */
[data-bs-theme="dark"] mark {
  background-color: #facc15 !important;
  color: #1a202c !important;
}

/* Стилі для всіх часу */
[data-bs-theme="dark"] time {
  color: var(--bs-secondary-color) !important;
}

/* Стилі для всіх виходів */
[data-bs-theme="dark"] output {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх прогресів */
[data-bs-theme="dark"] progress {
  background-color: var(--bs-secondary-bg) !important;
}

/* Стилі для всіх метрів */
[data-bs-theme="dark"] meter {
  background-color: var(--bs-secondary-bg) !important;
}

/* Стилі для всіх діалогів */
[data-bs-theme="dark"] dialog {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх меню */
[data-bs-theme="dark"] menu {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх команд */
[data-bs-theme="dark"] command {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх додатків */
[data-bs-theme="dark"] applet {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх об'єктів */
[data-bs-theme="dark"] object {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх параметрів */
[data-bs-theme="dark"] param {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх ембедів */
[data-bs-theme="dark"] embed {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх іфреймів */
[data-bs-theme="dark"] iframe {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Стилі для всіх канвасів */
[data-bs-theme="dark"] canvas {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх відео */
[data-bs-theme="dark"] video {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх аудіо */
[data-bs-theme="dark"] audio {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх треків */
[data-bs-theme="dark"] track {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх джерел */
[data-bs-theme="dark"] source {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх зображень */
[data-bs-theme="dark"] img {
  background-color: transparent !important;
}

/* Стилі для всіх карт */
[data-bs-theme="dark"] map {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх областей */
[data-bs-theme="dark"] area {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх векторів */
[data-bs-theme="dark"] svg {
  background-color: transparent !important;
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх математичних елементів */
[data-bs-theme="dark"] math {
  color: var(--bs-body-color) !important;
}

/* Стилі для всіх анотацій */
[data-bs-theme="dark"] annotation {
  color: var(--bs-body-color) !important;
}
/* Additional dark theme adjustments */
[data-bs-theme="dark"] section#courses {
  background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] #sidebar .list-group-item {
  background-color: var(--bs-secondary-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] #sidebar .list-group-item:hover {
  background-color: #2c3442 !important;
}

[data-bs-theme="dark"] #sidebar .list-group-item.active {
  background-color: #223a5e !important;
  color: #ffd600 !important;
  border-color: #223a5e !important;
}

[data-bs-theme="dark"] .gift-btn {
  background: linear-gradient(135deg, #a16207, #d97706) !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] .gift-btn:hover {
  background: linear-gradient(135deg, #d97706, #a16207) !important;
}

[data-bs-theme="dark"] #sidebar .sidebar-heading {
  color: #b3cfff !important;
}

[data-bs-theme="dark"] #main-content > nav.navbar.navbar-expand-lg.app-topbar-custom {
  background-color: var(--bs-secondary-bg) !important;
  border-bottom-color: var(--bs-border-color) !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,0.5) !important;
}