/* ============================================================
   M'CUBE PAY — COMPREHENSIVE DARK MODE
   Covers: header, body, cards, forms, footer, pages, dashboard
   Uses [data-theme="dark"] selector for explicit dark mode
   ============================================================ */

/* ── 1. CORE DARK VARIABLES ─────────────────────────────────── */
[data-theme="dark"] {
  --mcube-surface: #0D0D12;
  --mcube-near-black: #E6EDF3;
  --mcube-mid-grey: #9BAAB8;
  --mcube-light-grey: #1E2433;
  --mcube-card-bg: #151921;
  --mcube-card-border: rgba(255,255,255,0.06);
  --mcube-input-bg: #0F1219;
  --mcube-input-border: #2D3548;
  --mcube-text-primary: #F1F5F9;
  --mcube-text-secondary: #94A3B8;
  --mcube-text-muted: #64748B;
  --mcube-divider: rgba(255,255,255,0.08);
}

/* ── 2. BODY & PAGE WRAPPER ─────────────────────────────────── */
[data-theme="dark"] body,
[data-theme="dark"] .page-wrapper {
  background: #0D0D12 !important;
  color: #E6EDF3 !important;
}

/* ── 3. HEADER / TOPBAR ─────────────────────────────────────── */
[data-theme="dark"] .mcube-topbar {
  background: #070A10 !important;
  border-bottom-color: rgba(255,255,255,0.04) !important;
}

[data-theme="dark"] .mcube-topbar-left span,
[data-theme="dark"] .mcube-topbar-right,
[data-theme="dark"] .mcube-lang-select,
[data-theme="dark"] .mcube-lang-select select {
  color: rgba(255,255,255,0.85) !important;
}

[data-theme="dark"] .mcube-nav-main {
  background: rgba(13,13,18,0.97) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .mcube-nav-main.mcube-nav-scrolled {
  box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}

[data-theme="dark"] .mcube-nav-links .navigation > li > a,
[data-theme="dark"] .mcube-nav-links .navigation li a {
  color: rgba(255,255,255,0.85) !important;
}

[data-theme="dark"] .mcube-nav-links .navigation > li > a:hover {
  color: #00C9A7 !important;
}

[data-theme="dark"] .mcube-nav-btn-outline {
  color: #E6EDF3 !important;
  border-color: rgba(255,255,255,0.2) !important;
}

[data-theme="dark"] .mcube-nav-btn-outline:hover {
  background: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .mcube-profile-trigger,
[data-theme="dark"] .mcube-profile-trigger span {
  color: #E6EDF3 !important;
}

[data-theme="dark"] .mcube-profile-dropdown {
  background: #1A1F2E !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
}

[data-theme="dark"] .mcube-profile-dropdown a {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .mcube-profile-dropdown a:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #00C9A7 !important;
}

[data-theme="dark"] .mcube-profile-dropdown-header strong {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-profile-dropdown-header small {
  color: #94A3B8 !important;
}

[data-theme="dark"] .mcube-profile-dropdown-divider {
  background: rgba(255,255,255,0.06) !important;
}

/* ── 4. MOBILE DRAWER ───────────────────────────────────────── */
[data-theme="dark"] .mcube-mobile-drawer {
  background: #0F1219 !important;
}

[data-theme="dark"] .mcube-drawer-nav a,
[data-theme="dark"] .mcube-drawer-body a {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .mcube-drawer-nav a:hover {
  color: #00C9A7 !important;
}

/* ── 5. BREADCRUMBS ─────────────────────────────────────────── */
[data-theme="dark"] .breadcrumbs,
[data-theme="dark"] .breadcrumb-section {
  background: #0F1219 !important;
}

[data-theme="dark"] .breadcrumbs h4,
[data-theme="dark"] .breadcrumbs-content h4,
[data-theme="dark"] .breadcrumb-section h1 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .breadcrumbs a,
[data-theme="dark"] .breadcrumbs-link a {
  color: #94A3B8 !important;
}

[data-theme="dark"] .breadcrumbs span,
[data-theme="dark"] .breadcrumbs-link span {
  color: #64748B !important;
}

/* ── 6. GENERAL TEXT & HEADINGS ─────────────────────────────── */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span:not(.mcube-topbar-sep),
[data-theme="dark"] li,
[data-theme="dark"] label,
[data-theme="dark"] td,
[data-theme="dark"] th {
  color: #CBD5E1;
}

[data-theme="dark"] a {
  color: #60A5FA;
}

[data-theme="dark"] a:hover {
  color: #00C9A7;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] small {
  color: #64748B !important;
}

/* ── 7. CARDS & SECTIONS ────────────────────────────────────── */
[data-theme="dark"] .card,
[data-theme="dark"] .box,
[data-theme="dark"] .panel,
[data-theme="dark"] .content-area,
[data-theme="dark"] .main-content {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
  color: #E6EDF3 !important;
}

[data-theme="dark"] section {
  color: #E6EDF3;
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light {
  background: #151921 !important;
}

/* ── 8. FORMS & INPUTS ──────────────────────────────────────── */
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background: #0F1219 !important;
  border-color: #2D3548 !important;
  color: #E6EDF3 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #64748B !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] input:focus {
  border-color: #00C9A7 !important;
  box-shadow: 0 0 0 3px rgba(0,201,167,0.15) !important;
}

/* ── 9. TABLES ──────────────────────────────────────────────── */
[data-theme="dark"] table,
[data-theme="dark"] .table {
  color: #CBD5E1 !important;
}

[data-theme="dark"] table thead,
[data-theme="dark"] .table thead {
  background: #1A1F2E !important;
}

[data-theme="dark"] table thead th,
[data-theme="dark"] .table thead th {
  color: #F1F5F9 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] table tbody tr,
[data-theme="dark"] .table tbody tr {
  border-color: rgba(255,255,255,0.04) !important;
}

[data-theme="dark"] table tbody tr:hover,
[data-theme="dark"] .table-hover tbody tr:hover {
  background: rgba(255,255,255,0.03) !important;
}

[data-theme="dark"] table td {
  color: #CBD5E1 !important;
}

/* ── 10. BUTTONS ────────────────────────────────────────────── */
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-light {
  background: transparent !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-light:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #F1F5F9 !important;
}

/* ── 11. FOOTER ─────────────────────────────────────────────── */
[data-theme="dark"] footer,
[data-theme="dark"] .mcube-footer,
[data-theme="dark"] .footer-section,
[data-theme="dark"] .footer {
  background: #070A10 !important;
  color: #94A3B8 !important;
}

[data-theme="dark"] footer h3,
[data-theme="dark"] footer h4,
[data-theme="dark"] footer h5,
[data-theme="dark"] .footer h3,
[data-theme="dark"] .footer h4 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] footer a,
[data-theme="dark"] .footer a {
  color: #94A3B8 !important;
}

[data-theme="dark"] footer a:hover,
[data-theme="dark"] .footer a:hover {
  color: #00C9A7 !important;
}

/* ── 12. DASHBOARD SIDEBAR ──────────────────────────────────── */
[data-theme="dark"] .dashboard-sidebar,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .user-sidebar {
  background: #0F1219 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .sidebar a,
[data-theme="dark"] .dashboard-sidebar a,
[data-theme="dark"] .user-sidebar a {
  color: #94A3B8 !important;
}

[data-theme="dark"] .sidebar a:hover,
[data-theme="dark"] .sidebar a.active,
[data-theme="dark"] .dashboard-sidebar a:hover,
[data-theme="dark"] .dashboard-sidebar a.active {
  color: #00C9A7 !important;
  background: rgba(0,201,167,0.08) !important;
}

/* ── 13. DASHBOARD CARDS ────────────────────────────────────── */
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .info-card {
  background: #151921 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

/* ── 14. PAGINATION ─────────────────────────────────────────── */
[data-theme="dark"] .pagination .page-item .page-link {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
  background: #00C9A7 !important;
  border-color: #00C9A7 !important;
  color: #fff !important;
}

/* ── 15. ALERTS & BADGES ────────────────────────────────────── */
[data-theme="dark"] .alert {
  border-color: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .badge {
  color: #F1F5F9;
}

/* ── 16. DROPDOWN MENUS ─────────────────────────────────────── */
[data-theme="dark"] .dropdown-menu {
  background: #1A1F2E !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

[data-theme="dark"] .dropdown-menu a,
[data-theme="dark"] .dropdown-item {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
  background: rgba(255,255,255,0.06) !important;
  color: #00C9A7 !important;
}

/* ── 17. SCROLL TO TOP ──────────────────────────────────────── */
[data-theme="dark"] .scroll-to-top {
  background: #1A1F2E !important;
  color: #F1F5F9 !important;
}

/* ── 18. INSTRUCTION / COMING SOON PAGE ─────────────────────── */
[data-theme="dark"] .coming-soon-section,
[data-theme="dark"] .instruction-section,
[data-theme="dark"] .maintenance-section,
[data-theme="dark"] .error-section {
  background: #0D0D12 !important;
  color: #E6EDF3 !important;
}

[data-theme="dark"] .coming-soon-section h2,
[data-theme="dark"] .coming-soon-section h3,
[data-theme="dark"] .coming-soon-section p,
[data-theme="dark"] .instruction-section h2,
[data-theme="dark"] .instruction-section p {
  color: #E6EDF3 !important;
}

/* ── 19. COOKIE BANNER ──────────────────────────────────────── */
[data-theme="dark"] .cookie-consent,
[data-theme="dark"] .cc-window,
[data-theme="dark"] #cookieConsent {
  background: #1A1F2E !important;
  color: #CBD5E1 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* ── 20. SELECT2 DROPDOWNS ──────────────────────────────────── */
[data-theme="dark"] .select2-container--default .select2-selection--single {
  background: #0F1219 !important;
  border-color: #2D3548 !important;
  color: #E6EDF3 !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #E6EDF3 !important;
}

[data-theme="dark"] .select2-dropdown {
  background: #1A1F2E !important;
  border-color: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .select2-results__option {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .select2-results__option--highlighted {
  background: rgba(0,201,167,0.15) !important;
  color: #00C9A7 !important;
}

/* ── 21. HERO SECTION (ensure text visible) ─────────────────── */
[data-theme="dark"] .mcube-hero {
  background: linear-gradient(135deg, #0A1628 0%, #0D0D12 100%) !important;
}

[data-theme="dark"] .mcube-hero h1,
[data-theme="dark"] .mcube-hero p,
[data-theme="dark"] .mcube-hero-content h1,
[data-theme="dark"] .mcube-hero-content p {
  color: #F1F5F9 !important;
}

/* ── 22. CALCULATOR WIDGET ──────────────────────────────────── */
[data-theme="dark"] .mcube-calculator,
[data-theme="dark"] .calculator-area,
[data-theme="dark"] .send-money-form {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .mcube-calculator label,
[data-theme="dark"] .calculator-area label {
  color: #CBD5E1 !important;
}

/* ── 23. TRANSFER LOG / TRANSACTION PAGES ───────────────────── */
[data-theme="dark"] .transfer-log-area,
[data-theme="dark"] .transaction-area,
[data-theme="dark"] .payment-log-area {
  background: #0D0D12 !important;
}

[data-theme="dark"] .transfer-item,
[data-theme="dark"] .transaction-item {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* ── 24. KYC / VERIFICATION PAGES ───────────────────────────── */
[data-theme="dark"] .verification-area,
[data-theme="dark"] .kyc-section {
  background: #0D0D12 !important;
}

[data-theme="dark"] .verification-card,
[data-theme="dark"] .kyc-card {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* ── 25. AUTH PAGES (LOGIN/REGISTER) ────────────────────────── */
[data-theme="dark"] .sign-in,
[data-theme="dark"] .sign-up,
[data-theme="dark"] .auth-section {
  background: #0D0D12 !important;
}

[data-theme="dark"] .sign-in-left,
[data-theme="dark"] .auth-illustration {
  background: linear-gradient(135deg, #0A1628 0%, #151921 100%) !important;
}

/* ── 26. BLOG PAGES ─────────────────────────────────────────── */
[data-theme="dark"] .blog-area,
[data-theme="dark"] .blog-details {
  background: #0D0D12 !important;
}

[data-theme="dark"] .blog-card,
[data-theme="dark"] .blog-item {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .blog-card h3,
[data-theme="dark"] .blog-card h4,
[data-theme="dark"] .blog-item h3 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .blog-card p,
[data-theme="dark"] .blog-item p {
  color: #94A3B8 !important;
}

/* ── 27. TOOLTIPS ───────────────────────────────────────────── */
[data-theme="dark"] .tooltip-inner {
  background: #1A1F2E !important;
  color: #F1F5F9 !important;
}

/* ── 28. MODALS (comprehensive) ─────────────────────────────── */
[data-theme="dark"] .modal-content {
  background: #1A1F2E !important;
  color: #E6EDF3 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .modal-header {
  border-bottom-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .modal-footer {
  border-top-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .modal-title {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .modal-content .btn-close {
  filter: invert(1) !important;
}

/* ── 29. GENERAL UTILITY OVERRIDES ──────────────────────────── */
[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom {
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] hr {
  border-color: rgba(255,255,255,0.08) !important;
  opacity: 1;
}

[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-sm {
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

/* ── 30. USER PROFILE AREA ──────────────────────────────────── */
[data-theme="dark"] .profile-area,
[data-theme="dark"] .profile-card,
[data-theme="dark"] .settings-area {
  background: #0D0D12 !important;
}

[data-theme="dark"] .profile-card,
[data-theme="dark"] .settings-card {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* ── 31. INACTIVITY MODAL ───────────────────────────────────── */
[data-theme="dark"] #inactivityModal > div {
  background: #1A1F2E !important;
}

[data-theme="dark"] #inactivityModal h3 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] #inactivityModal p {
  color: #94A3B8 !important;
}

/* ── 32. HAMBURGER ICON ─────────────────────────────────────── */
[data-theme="dark"] .mcube-hamburger span {
  background: #E6EDF3 !important;
}

/* ── 33. THEME TOGGLE BUTTONS ──────────────────────────────── */
.mcube-theme-btn {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.15);
  color: #94A3B8;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.mcube-theme-btn:hover {
  background: rgba(255,255,255,0.08);
  color: #CBD5E1;
}

[data-theme="dark"] .mcube-theme-btn[data-theme="dark"],
[data-theme="light"] .mcube-theme-btn[data-theme="light"],
:root:not([data-theme="dark"]) .mcube-theme-btn[data-theme="light"] {
  color: #F5B800 !important;
  background: rgba(245,184,0,0.15) !important;
  border-color: rgba(245,184,0,0.3) !important;
}

[data-theme="dark"] .mcube-theme-btn {
  color: #94A3B8;
  border-color: rgba(255,255,255,0.15);
}

[data-theme="light"] .mcube-theme-btn {
  color: #64748B;
  border-color: rgba(0,0,0,0.1);
}

/* ── 34. NAVIGATION SUBMENUS ────────────────────────────────── */
[data-theme="dark"] .navigation > li > ul,
[data-theme="dark"] .sub-menu {
  background: #1A1F2E !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .navigation > li > ul li a,
[data-theme="dark"] .sub-menu li a {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .navigation > li > ul li a:hover,
[data-theme="dark"] .sub-menu li a:hover {
  color: #00C9A7 !important;
  background: rgba(0,201,167,0.08) !important;
}

/* ── 35. GENERAL CONTENT PAGES ──────────────────────────────── */
[data-theme="dark"] .page-content,
[data-theme="dark"] .content-section,
[data-theme="dark"] .inner-page-section {
  background: #0D0D12 !important;
  color: #E6EDF3 !important;
}

/* ── 36. DELIVERY METHOD CARDS (dark override) ──────────────── */
[data-theme="dark"] .mcube-delivery-option {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .mcube-delivery-option span,
[data-theme="dark"] .mcube-delivery-option small {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .mcube-delivery-option i {
  color: #94A3B8 !important;
}

[data-theme="dark"] .mcube-delivery-option.active {
  border-color: #00C9A7 !important;
  background: rgba(0,201,167,0.08) !important;
}

[data-theme="dark"] .mcube-delivery-option.active i {
  color: #00C9A7 !important;
}

/* ── 37. PAYMENT PAGES ──────────────────────────────────────── */
[data-theme="dark"] .payment-section,
[data-theme="dark"] .payment-area,
[data-theme="dark"] .fund-section {
  background: #0D0D12 !important;
}

[data-theme="dark"] .payment-card,
[data-theme="dark"] .gateway-card {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* ── 38. TICKET / SUPPORT PAGES ─────────────────────────────── */
[data-theme="dark"] .ticket-area,
[data-theme="dark"] .support-area {
  background: #0D0D12 !important;
}

[data-theme="dark"] .ticket-card,
[data-theme="dark"] .ticket-item {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* ── 39. WHY M'CUBE EDITORIAL CARDS (dark override) ────────── */
[data-theme="dark"] .mcube-why-section {
  background: #0D0D12 !important;
}

[data-theme="dark"] .mcube-editorial-card {
  background: #151921 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .mcube-editorial-card h3 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-editorial-card p {
  color: #94A3B8 !important;
}

[data-theme="dark"] .mcube-card-expand {
  border: 2px solid #00C9A7 !important;
  color: #00C9A7 !important;
  background: transparent !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-theme="dark"] .mcube-card-expand span {
  color: #00C9A7 !important;
}

[data-theme="dark"] .mcube-card-expand i {
  color: #00C9A7 !important;
}

[data-theme="dark"] .mcube-card-expand:hover {
  background: #00C9A7 !important;
  color: #fff !important;
}

[data-theme="dark"] .mcube-card-expand:hover span,
[data-theme="dark"] .mcube-card-expand:hover i {
  color: #fff !important;
}

[data-theme="dark"] .mcube-section-title {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-section-subtitle {
  color: #94A3B8 !important;
}

/* ── 40. AUTH PAGES — hero gradient + text (login/register) ── */
/* Apply dark gradient directly on auth hero (bypass broken bg-layer) */
.mcube-auth-hero {
  background: linear-gradient(135deg, #0A1628 0%, #0D2847 50%, #0A1628 100%) !important;
  border-radius: 16px !important;
  padding: 40px 32px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Auth hero text: bright white on dark gradient — both modes */
.mcube-auth-hero-content h1 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.mcube-auth-hero-content p {
  color: rgba(255,255,255,0.85) !important;
}

.mcube-auth-trust-item {
  color: rgba(255,255,255,0.9) !important;
}

.mcube-auth-trust-item span {
  color: rgba(255,255,255,0.9) !important;
}

.mcube-auth-trust-item i {
  color: #00C9A7 !important;
}

/* Dark mode: reinforce auth form card */
[data-theme="dark"] .sign-in-form-container,
[data-theme="dark"] .sign-in-container-inner {
  background: #1A2236 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

/* Light mode: reinforce auth form card */
[data-theme="light"] .sign-in-form-container,
[data-theme="light"] .sign-in-container-inner {
  background: #FFFFFF !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important;
}

/* ── 41. TRUST/FEATURES V3 CARDS (dark override) ──────────── */
[data-theme="dark"] .mcube-trust-section {
  background: #0D0D12 !important;
}

[data-theme="dark"] .mcube-trust-card {
  background: #151921 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .mcube-trust-title {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-trust-description {
  color: #94A3B8 !important;
}

/* ── 42. ADD FUND PAGE (dark override) ─────────────────────── */
[data-theme="dark"] .add-fund-page .page-title {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .add-fund-page .page-subtitle {
  color: #94A3B8 !important;
}

[data-theme="dark"] .fund-card {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .fund-card .card-title {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .fund-card .card-title i {
  color: #00C9A7 !important;
}

[data-theme="dark"] .payment-option label {
  background: #0F1219 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .payment-option label span {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .payment-option input:checked + label {
  border-color: #00C9A7 !important;
  background: rgba(0,201,167,0.08) !important;
}

[data-theme="dark"] .amount-label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .quick-amount-btn {
  background: #0F1219 !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #CBD5E1 !important;
}

[data-theme="dark"] .quick-amount-btn:hover {
  border-color: #00C9A7 !important;
  color: #00C9A7 !important;
}

[data-theme="dark"] .summary-card {
  background: #0F1219 !important;
}

[data-theme="dark"] .summary-row .label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .summary-row .value {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .terms-check label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .security-note {
  color: #64748B !important;
}

[data-theme="dark"] .list-group-item {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
  color: #CBD5E1 !important;
}

/* ── 43. PAYMENT PROCESSING PAGE (dark override) ──────────── */
[data-theme="dark"] .mcube-payment-page {
  background: #0D0D12 !important;
}

[data-theme="dark"] .mcube-payment-card {
  background: #151921 !important;
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .mcube-payment-card h2,
[data-theme="dark"] .mcube-payment-card h3,
[data-theme="dark"] .mcube-payment-card h4,
[data-theme="dark"] .mcube-payment-card h5 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-payment-card p,
[data-theme="dark"] .mcube-payment-card span {
  color: #CBD5E1 !important;
}

/* ── 44. TESTIMONIAL SECTION (dark override) ────────────────── */
[data-theme="dark"] .testimonial,
[data-theme="dark"] .testimonial-2 {
  background: #0D0D12 !important;
}

[data-theme="dark"] .testimonial-single {
  background: #151921 !important;
  box-shadow: 0 3px 14px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .testimonial-text h6 {
  color: #E2E8F0 !important;
}

[data-theme="dark"] .testimonial-text p {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .testimonial-info-content p {
  color: #94A3B8 !important;
}

[data-theme="dark"] .common-title h6 {
  color: #00C9A7 !important;
}

[data-theme="dark"] .common-title h3 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .common-title p {
  color: #94A3B8 !important;
}

/* ── 45. REINFORCE EDITORIAL CARDS + CSS VARIABLE OVERRIDES ── */
[data-theme="dark"] {
  --mcube-navy: #E6EDF3 !important;
  --mcube-mid-grey: #9BAAB8 !important;
  --white-color: #151921 !important;
}

[data-theme="dark"] .mcube-editorial-card {
  background: #151921 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .mcube-editorial-card h3 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-editorial-card p {
  color: #94A3B8 !important;
}

[data-theme="dark"] .mcube-card-icon {
  background: linear-gradient(135deg, #151921, #00C9A7) !important;
}

/* ── 46. PAYMENT PAGE (dark override for CSS custom props) ───── */
[data-theme="dark"] .mcube-payment-card {
  background: #1A2236 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .mcube-payment-header {
  background: linear-gradient(135deg, #0A1628, #0D1F35) !important;
}

[data-theme="dark"] .mcube-payment-header::after {
  background: #1A2236 !important;
}

[data-theme="dark"] .mcube-payment-amount {
  color: #FFFFFF !important;
}

[data-theme="dark"] .mcube-payment-amount-label {
  color: rgba(255,255,255,0.7) !important;
}

[data-theme="dark"] .mcube-payment-detail-label {
  color: #94A3B8 !important;
}

[data-theme="dark"] .mcube-payment-detail-value {
  color: #E2E8F0 !important;
}

[data-theme="dark"] .mcube-payment-detail-row {
  border-color: rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .mcube-pp-page-header h1 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] .mcube-pp-page-header p {
  color: #94A3B8 !important;
}

/* ── 47. TRUSTPILOT / RATING SECTION (dark override) ────────── */
[data-theme="dark"] .trustpilot-section,
[data-theme="dark"] [class*="trust-rating"],
[data-theme="dark"] [class*="trustpilot"] {
  background: #0F1219 !important;
}

[data-theme="dark"] [class*="trust-rating"] h2,
[data-theme="dark"] [class*="trust-rating"] h3,
[data-theme="dark"] [class*="trustpilot"] h2 {
  color: #F1F5F9 !important;
}

[data-theme="dark"] [class*="trust-rating"] p,
[data-theme="dark"] [class*="trustpilot"] p {
  color: #94A3B8 !important;
}

/* ── 48. LIGHT MODE EXPLICIT OVERRIDES ──────────────────────── */
[data-theme="light"] body,
[data-theme="light"] .page-wrapper {
  background: #F7F5F0 !important;
  color: #1A1A2E !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: #1A1A2E !important;
}

/* Exception: auth hero headings stay white on dark gradient */
[data-theme="light"] .mcube-auth-hero-content h1 {
  color: #FFFFFF !important;
}

/* ── 49. LIGHT MODE: EDITORIAL CARD ICONS ─────────────────── */
.mcube-card-icon {
  background: linear-gradient(135deg, #0A1628, #0D8E6C) !important;
  color: #FFFFFF !important;
}

.mcube-card-icon i,
.mcube-card-icon svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* ── 50. LIGHT MODE: LEARN MORE BUTTONS ───────────────────── */
[data-theme="light"] .mcube-card-expand,
:root:not([data-theme="dark"]) .mcube-card-expand {
  border: 2px solid #0A1628 !important;
  color: #0A1628 !important;
  background: transparent !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-theme="light"] .mcube-card-expand span,
:root:not([data-theme="dark"]) .mcube-card-expand span,
[data-theme="light"] .mcube-card-expand i,
:root:not([data-theme="dark"]) .mcube-card-expand i {
  color: #0A1628 !important;
}

[data-theme="light"] .mcube-card-expand:hover,
:root:not([data-theme="dark"]) .mcube-card-expand:hover {
  background: #0A1628 !important;
  color: #FFFFFF !important;
}

[data-theme="light"] .mcube-card-expand:hover span,
[data-theme="light"] .mcube-card-expand:hover i,
:root:not([data-theme="dark"]) .mcube-card-expand:hover span,
:root:not([data-theme="dark"]) .mcube-card-expand:hover i {
  color: #FFFFFF !important;
}

/* ── 51. PAYMENT PAGE: TOTAL AMOUNT TEXT ──────────────────── */
.mcube-payment-amount {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.mcube-payment-amount-label {
  color: rgba(255,255,255,0.7) !important;
}

/* ── 52. LIGHT MODE: HEADER / TOP BAR ────────────────────── */
[data-theme="light"] .mcube-theme-btn {
  color: #64748B !important;
  border-color: rgba(0,0,0,0.12) !important;
}

[data-theme="light"] .mcube-theme-btn:hover {
  background: rgba(0,0,0,0.05) !important;
  color: #334155 !important;
}