/**
 * Site dark mode — activated via html[data-theme="dark"]
 * Preference: Account Settings → Appearance
 */

html[data-theme="dark"] {
  color-scheme: dark;
  --dm-bg: #12141a;
  --dm-bg-elevated: #1a1d26;
  --dm-bg-soft: #22262f;
  --dm-border: #2e3440;
  --dm-text: #e8eaed;
  --dm-text-muted: #9aa3b2;
  --dm-input: #1a1d26;
  --dm-shadow: rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] body,
html[data-theme="dark"] #wrap,
html[data-theme="dark"] #main,
html[data-theme="dark"] main[role="main"] {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

/* Generic surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .tooltip-inner,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .well,
html[data-theme="dark"] .jumbotron {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

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

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
  background-color: var(--dm-bg-soft) !important;
  color: #fff !important;
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .panel-footer {
  background-color: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd),
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .thead-light th {
  background-color: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: var(--dm-text) !important;
}

/* Forms */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] .bootstrap-select > .dropdown-toggle {
  background-color: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
  background-color: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: #667eea !important;
  box-shadow: 0 0 0 0.15rem rgba(102, 126, 234, 0.25) !important;
}

html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly],
html[data-theme="dark"] input:disabled {
  background-color: #161920 !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #6b7280 !important;
}

html[data-theme="dark"] .input-group-text {
  background-color: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] label,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] .form-hint,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .small.text-muted {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .h1,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .h3,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] .h6 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.badge):not(.menu_sec a):not(.navbar-brand) {
  color: #9db4ff;
}

html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.badge):not(.menu_sec a):not(.navbar-brand):hover {
  color: #c5d2ff;
}

html[data-theme="dark"] hr {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-left,
html[data-theme="dark"] .border-right {
  border-color: var(--dm-border) !important;
}

/* Alerts stay readable */
html[data-theme="dark"] .alert-warning {
  background-color: #3d3418 !important;
  border-color: #6b5a1e !important;
  color: #ffe8a3 !important;
}

html[data-theme="dark"] .alert-info {
  background-color: #15343d !important;
  border-color: #1f5360 !important;
  color: #a8e4f0 !important;
}

html[data-theme="dark"] .alert-success {
  background-color: #1b3a28 !important;
  border-color: #2a5a3d !important;
  color: #b7f0c8 !important;
}

html[data-theme="dark"] .alert-danger {
  background-color: #3a1c20 !important;
  border-color: #5c2a31 !important;
  color: #f5b5bc !important;
}

html[data-theme="dark"] .alert-link {
  color: inherit !important;
  text-decoration: underline;
}

/* Footer */
html[data-theme="dark"] .footer_sec {
  background: #0d0f14 !important;
  border-top: 1px solid var(--dm-border);
  color: #b0b8c4 !important;
  display: block !important;
  visibility: visible !important;
}

html[data-theme="dark"] .footer_sec .footer-copy,
html[data-theme="dark"] .footer_sec .col-3,
html[data-theme="dark"] .footer_sec .footer_left,
html[data-theme="dark"] .footer_sec .footer_rt {
  color: #b0b8c4 !important;
}

html[data-theme="dark"] .footer_sec a,
html[data-theme="dark"] .footer_sec a.nav-link {
  color: #e8eaed !important;
}

html[data-theme="dark"] .footer_sec a:hover,
html[data-theme="dark"] .footer_sec a.nav-link:hover {
  color: #fff !important;
}

html[data-theme="dark"] .footer_sec svg path {
  fill: #e8eaed !important;
}

html[data-theme="dark"] .footer_sec .footer-mobile .navbar-nav {
  display: flex !important;
}

/* ========== Top / bottom navigation ========== */

/* Darker nav bar + readable menu colors */
html[data-theme="dark"] .header_sec.innerheaders,
html[data-theme="dark"] .header_sec,
html[data-theme="dark"] .innerheaders {
  background: linear-gradient(
    125deg,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 38%, #0a0b10 62%) 0%,
    color-mix(in srgb, var(--bmf-hgr-right, #480048) 34%, #12141a 66%) 55%,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 28%, #0d0f14 72%) 100%
  ) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .header_sec.innerheaders .menu_sec li,
html[data-theme="dark"] .header_sec.innerheaders .menu_sec li a,
html[data-theme="dark"] .header_sec .menu_sec li a,
html[data-theme="dark"] .nav_top .menu_sec li a {
  color: #d7dbe3 !important;
}

html[data-theme="dark"] .header_sec.innerheaders .menu_sec li a:hover,
html[data-theme="dark"] .header_sec .menu_sec li a:hover,
html[data-theme="dark"] .nav_top .menu_sec li a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1;
}

html[data-theme="dark"] .header_sec .navbar-brand,
html[data-theme="dark"] .nav_top .navbar-brand {
  color: #fff !important;
}

html[data-theme="dark"] .header_sec .navbar-toggler,
html[data-theme="dark"] .header_sec .navbar-toggler .fa-bars,
html[data-theme="dark"] .header_sec .navbar-toggler .text-white {
  color: #e8eaed !important;
}

html[data-theme="dark"] .header_sec .loginButton {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #1a1d26 !important;
  border: 1px solid transparent !important;
}

html[data-theme="dark"] .header_sec .loginButton:hover {
  background: #fff !important;
  color: #12141a !important;
}

html[data-theme="dark"] .header_sec .signupButton {
  color: #e8eaed !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
}

html[data-theme="dark"] .header_sec .signupButton:hover {
  color: #fff !important;
  border-color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Search in top nav */
html[data-theme="dark"] .innerheaders .menu_sec li.nav-search-item .search-topnavi-menu,
html[data-theme="dark"] .innerheaders .search-topnavi,
html[data-theme="dark"] .header_sec .search-topnavi,
html[data-theme="dark"] .header_sec .search-topnavi-menu {
  background: rgba(12, 14, 20, 0.72) !important;
  color: var(--dm-text) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="dark"] .innerheaders .menu_sec li.nav-search-item .search-topnavi-menu::placeholder,
html[data-theme="dark"] .header_sec .search-topnavi::placeholder,
html[data-theme="dark"] .header_sec .search-topnavi-menu::placeholder {
  color: #9aa3b2 !important;
}

html[data-theme="dark"] .search-creators-wrap .autocomplete-results {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 8px 24px var(--dm-shadow) !important;
}

html[data-theme="dark"] .search-creators-wrap .autocomplete-item,
html[data-theme="dark"] .search-creators-wrap .autocomplete-name,
html[data-theme="dark"] .search-creators-wrap .autocomplete-empty {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .search-creators-wrap .autocomplete-username {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .search-creators-wrap .autocomplete-item:hover,
html[data-theme="dark"] .search-creators-wrap .autocomplete-item:focus {
  background: var(--dm-bg-soft) !important;
}

html[data-theme="dark"] .menu_sec li a span.notifc {
  background: #f13b59 !important;
  color: #fff !important;
}

/* Mobile slide-out menu */
@media (max-width: 991.98px) {
  html[data-theme="dark"] .header_sec .navbar-collapse,
  html[data-theme="dark"] .nav_top .navbar-collapse,
  html[data-theme="dark"] #navbarSupportedContent.navbar-collapse {
    background: #161922 !important;
    border-right: 1px solid var(--dm-border);
    box-shadow: 8px 0 28px rgba(0, 0, 0, 0.45);
  }

  html[data-theme="dark"] .header_sec .menu_sec li,
  html[data-theme="dark"] .nav_top .menu_sec li {
    border-bottom-color: var(--dm-border) !important;
  }

  html[data-theme="dark"] .header_sec .menu_sec li a,
  html[data-theme="dark"] .nav_top .menu_sec li a,
  html[data-theme="dark"] #navbarSupportedContent .menu_sec li a {
    color: #e8eaed !important;
  }

  html[data-theme="dark"] .header_sec .menu_sec li a:hover,
  html[data-theme="dark"] .nav_top .menu_sec li a:hover,
  html[data-theme="dark"] #navbarSupportedContent .menu_sec li a:hover {
    color: #fff !important;
    opacity: 1;
    background: rgba(255, 255, 255, 0.04);
  }

  html[data-theme="dark"] .navbar-collapse .rt_btn li a,
  html[data-theme="dark"] .navbar-collapse .rt_btn li a.border-black {
    color: #e8eaed !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: transparent !important;
  }

  html[data-theme="dark"] .nav_top .dropdown .dropdown-menu {
    background: var(--dm-bg-soft) !important;
    border-color: var(--dm-border) !important;
  }

  html[data-theme="dark"] .drop-arw {
    color: var(--dm-text) !important;
  }

  html[data-theme="dark"] .notify_sec {
    background: var(--dm-bg-soft) !important;
  }
}

/* Feed / content cards (common app classes) */
html[data-theme="dark"] .feed_box,
html[data-theme="dark"] .feed-box,
html[data-theme="dark"] .post-box,
html[data-theme="dark"] .creator_box,
html[data-theme="dark"] .welcome_sec,
html[data-theme="dark"] .creator_sec,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .text-black-50 {
  color: rgba(232, 234, 237, 0.55) !important;
}

/* Account area */
html[data-theme="dark"] .account-container {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .content-area,
html[data-theme="dark"] .mobile-nav-wrapper {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
}

html[data-theme="dark"] .settings-section,
html[data-theme="dark"] .settings-content {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
}

html[data-theme="dark"] .settings-section--quiet {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .delete-quiet-heading,
html[data-theme="dark"] .delete-quiet-text,
html[data-theme="dark"] .delete-quiet-link {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .push-toggle-title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .push-enable-row {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .push-switch-slider {
  background: #4b5563 !important;
}

html[data-theme="dark"] .push-switch input:checked + .push-switch-slider {
  background: #28a745 !important;
}

html[data-theme="dark"] .checkbox-label .form-label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .creator-banner h4,
html[data-theme="dark"] .creator-banner p,
html[data-theme="dark"] .banner-text h4,
html[data-theme="dark"] .banner-text p {
  color: #fff !important;
}

html[data-theme="dark"] .account-container .alert.alert-warning {
  background: linear-gradient(135deg, #3d3420 0%, #4a3b1a 100%) !important;
  color: #f5e6b8 !important;
  border-left-color: #e0a800 !important;
}

html[data-theme="dark"] .account-container .alert.alert-warning .alert-icon {
  color: #ffc107 !important;
}

html[data-theme="dark"] .account-container .alert.alert-warning .alert-link {
  color: #ffe08a !important;
}

/* ========== My Profile (/my-profile) ========== */
html[data-theme="dark"] .profile-container .profile-section,
html[data-theme="dark"] .profile-container .profile-content,
html[data-theme="dark"] .profile-container .form-actions {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
}

html[data-theme="dark"] .profile-container .profile-header {
  background: linear-gradient(135deg, #3d4f9a 0%, #4a2f6b 100%) !important;
  color: #fff !important;
}

html[data-theme="dark"] .profile-container .form-item,
html[data-theme="dark"] .profile-container .social-item {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 2px 8px var(--dm-shadow) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .profile-container .form-item:hover,
html[data-theme="dark"] .profile-container .social-item:hover {
  background: #2a303b !important;
  box-shadow: 0 4px 12px var(--dm-shadow) !important;
}

html[data-theme="dark"] .profile-container .form-label,
html[data-theme="dark"] .profile-container .checkbox-label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .profile-container .form-label i:not(.social-icon) {
  color: #9db4ff !important;
}

html[data-theme="dark"] .profile-container .form-control,
html[data-theme="dark"] .profile-container select.form-control,
html[data-theme="dark"] .profile-container textarea.form-control {
  background: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .form-control:focus {
  border-color: #667eea !important;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25) !important;
}

html[data-theme="dark"] .profile-container .form-control::placeholder {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .profile-container .url-input-container {
  background: var(--dm-input) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .url-prefix {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text-muted) !important;
  border-right-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .url-input {
  color: var(--dm-text) !important;
  background: transparent !important;
}

html[data-theme="dark"] .profile-container .readonly-field {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .readonly-field .url-prefix {
  background: #2a303b !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .profile-container .readonly-field .url-input,
html[data-theme="dark"] .profile-container .readonly-indicator {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .profile-container .images-section {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .block-hint,
html[data-theme="dark"] .profile-container .current-image-label {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .profile-container .checkbox-chip {
  background: var(--dm-input) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .profile-container .checkbox-chip:hover {
  border-color: #4b5563 !important;
}

html[data-theme="dark"] .profile-container .checkbox-chip--interest:has(input:checked),
html[data-theme="dark"] .profile-container .checkbox-chip--interest:hover:has(input:checked) {
  background: rgba(102, 126, 234, 0.22) !important;
  border-color: #667eea !important;
  color: #c5d2ff !important;
}

html[data-theme="dark"] .profile-container .checkbox-chip--content:has(input:checked),
html[data-theme="dark"] .profile-container .checkbox-chip--content:hover:has(input:checked) {
  background: rgba(118, 75, 162, 0.25) !important;
  border-color: #9b6dd4 !important;
  color: #d8b4fe !important;
}

html[data-theme="dark"] .profile-container .checkbox-group-disabled {
  background: repeating-linear-gradient(
    45deg,
    #1a1d26,
    #1a1d26 12px,
    #22262f 12px,
    #22262f 24px
  ) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .checkbox-group-disabled .form-label,
html[data-theme="dark"] .profile-container .checkbox-group-disabled .checkbox-label,
html[data-theme="dark"] .profile-container .checkbox-group-disabled .block-hint {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .profile-container .creators-only-note {
  background: rgba(102, 126, 234, 0.18) !important;
  color: #c5d2ff !important;
  border-color: rgba(102, 126, 234, 0.4) !important;
}

html[data-theme="dark"] .profile-container .image-preview-container {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-container .image-preview-wrapper {
  background: var(--dm-input) !important;
  box-shadow: 0 2px 8px var(--dm-shadow) !important;
}

html[data-theme="dark"] .profile-container .suggestions {
  background: var(--dm-bg-soft) !important;
  border-left-color: #667eea !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .profile-container .suggestions-list a {
  color: #9db4ff !important;
}

html[data-theme="dark"] .profile-container .suggestions-list a:hover {
  background: #667eea !important;
  color: #fff !important;
}

/* Social platform logos on My Profile — keep brand colors; lighten X / BearNChat */
html[data-theme="dark"] .profile-container .social-icon.facebook {
  color: #4b91f7 !important;
}
html[data-theme="dark"] .profile-container .social-icon.instagram {
  color: #f0728b !important;
}
html[data-theme="dark"] .profile-container .social-icon.twitter {
  color: #e8eaed !important;
  fill: currentColor !important;
}
html[data-theme="dark"] .profile-container .social-icon.youtube {
  color: #ff4d4d !important;
}
html[data-theme="dark"] .profile-container .social-icon.twitch {
  color: #a970ff !important;
}
html[data-theme="dark"] .profile-container .social-icon.bluesky {
  color: #3d9fff !important;
}
html[data-theme="dark"] .profile-container .social-icon.bluesky path {
  fill: currentColor !important;
}
html[data-theme="dark"] .profile-container .social-icon.reddit {
  color: #ff6a33 !important;
}
html[data-theme="dark"] .profile-container img.social-icon.bearnchat {
  filter: brightness(1.2) contrast(1.05);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 1px;
  box-sizing: content-box;
}

/* ========== Dashboard sidebar menu ========== */
html[data-theme="dark"] .dashboard-sidebar {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .dashboard-sidebar .balance-card {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dashboard-sidebar .balance-title,
html[data-theme="dark"] .dashboard-sidebar .balance-label,
html[data-theme="dark"] .dashboard-sidebar .token-label,
html[data-theme="dark"] .dashboard-sidebar .currency-symbol,
html[data-theme="dark"] .dashboard-sidebar .section-header span,
html[data-theme="dark"] .dashboard-sidebar .stat-item {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .dashboard-sidebar .balance-amount,
html[data-theme="dark"] .dashboard-sidebar .currency-amount,
html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-label {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .dashboard-sidebar .balance-row:first-child {
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dashboard-sidebar .balance-value {
  background: var(--dm-input) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dashboard-sidebar .balance-amount--disabled {
  color: #6b7280 !important;
}

html[data-theme="dark"] .dashboard-sidebar .membership-btn {
  background: var(--dm-input) !important;
  color: #a5b4fc !important;
  border-color: #4338ca !important;
}

html[data-theme="dark"] .dashboard-sidebar .membership-btn:hover {
  background: #2a303b !important;
  color: #c7d2fe !important;
  border-color: #6366f1 !important;
}

html[data-theme="dark"] .dashboard-sidebar .redeem-btn {
  background: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dashboard-sidebar .redeem-btn:hover {
  background: #2a303b !important;
  color: #fff !important;
  border-color: #4b5563 !important;
}

html[data-theme="dark"] .dashboard-sidebar .section-header i {
  color: #9db4ff !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link:hover {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.dashboard-active {
  background: rgba(102, 126, 234, 0.18) !important;
  border-color: rgba(102, 126, 234, 0.45) !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link:hover .dashboard-nav-label {
  color: #fff !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.dashboard-active .dashboard-nav-label {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-icon {
  background: var(--dm-input) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-icon i {
  color: #9db4ff !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link:hover .dashboard-nav-icon {
  background: rgba(102, 126, 234, 0.2) !important;
  border-color: rgba(102, 126, 234, 0.4) !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link:hover .dashboard-nav-icon i {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.dashboard-active .dashboard-nav-icon {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.dashboard-active .dashboard-nav-icon i {
  color: #fff !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.become-creator-highlight {
  background: rgba(249, 115, 22, 0.12) !important;
  border-color: rgba(251, 146, 60, 0.45) !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.become-creator-highlight:hover {
  background: rgba(249, 115, 22, 0.2) !important;
  border-color: rgba(251, 146, 60, 0.65) !important;
}

html[data-theme="dark"] .dashboard-sidebar .dashboard-nav-link.become-creator-highlight .dashboard-nav-label {
  color: #fdba74 !important;
}

html[data-theme="dark"] .dashboard-sidebar .stat-item i {
  color: var(--dm-text-muted) !important;
}

/* ========== Messages / chat ========== */
html[data-theme="dark"] .messages-page,
html[data-theme="dark"] .modern-chat-container {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
}

html[data-theme="dark"] .messages-page-header {
  background: linear-gradient(135deg, #3d4f9a 0%, #4a2f6b 100%) !important;
  color: #fff !important;
}

html[data-theme="dark"] .chat-sidebar {
  background: var(--dm-bg-soft) !important;
  border-right-color: var(--dm-border) !important;
}

html[data-theme="dark"] .sidebar-header,
html[data-theme="dark"] .contacts-header,
html[data-theme="dark"] .chat-header,
html[data-theme="dark"] .chat-main,
html[data-theme="dark"] .message-input-section,
html[data-theme="dark"] .contacts-pagination {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .search-label,
html[data-theme="dark"] .search-icon,
html[data-theme="dark"] .contact-username,
html[data-theme="dark"] .last-message,
html[data-theme="dark"] .last-seen,
html[data-theme="dark"] .contacts-page-info,
html[data-theme="dark"] .status-offline,
html[data-theme="dark"] .welcome-content,
html[data-theme="dark"] .welcome-content p,
html[data-theme="dark"] .file-info i,
html[data-theme="dark"] .spinner-content {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .search-input,
html[data-theme="dark"] .message-input {
  background: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .search-input:focus,
html[data-theme="dark"] .message-input:focus {
  border-color: #667eea !important;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25) !important;
}

html[data-theme="dark"] .search-input::placeholder,
html[data-theme="dark"] .message-input::placeholder {
  color: #6b7280 !important;
}

html[data-theme="dark"] .contacts-header h3,
html[data-theme="dark"] .contact-name,
html[data-theme="dark"] .chat-user-name,
html[data-theme="dark"] .welcome-content h2,
html[data-theme="dark"] .file-name {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .contact-count {
  background: #4b7bec !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(75, 123, 236, 0.35) !important;
}

html[data-theme="dark"] .contact-item {
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] .contact-item:hover {
  background: #2a303b !important;
}

html[data-theme="dark"] .contact-item.active {
  background: rgba(102, 126, 234, 0.18) !important;
  border-left-color: #667eea !important;
}

html[data-theme="dark"] .contact-item.has-unread .contact-name {
  color: #fff !important;
}

html[data-theme="dark"] .contact-item.has-unread .last-message-unread {
  color: #c5cad3 !important;
}

html[data-theme="dark"] .contact-username-link:hover {
  color: #9db4ff !important;
}

html[data-theme="dark"] .contact-avatar img,
html[data-theme="dark"] .chat-user-avatar img,
html[data-theme="dark"] .other-message-content .sender-avatar img {
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .online-indicator {
  border-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .contacts-page-btn {
  background: var(--dm-input) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .contacts-page-btn:hover:not(:disabled) {
  background: var(--dm-bg-soft) !important;
  border-color: #4b5563 !important;
}

html[data-theme="dark"] .chat-main.has-active-chat {
  background: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .back-button {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .back-button:hover {
  background: #2a303b !important;
  color: #fff !important;
}

html[data-theme="dark"] .welcome-screen,
html[data-theme="dark"] .messages-container {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .welcome-icon {
  color: #4b5563 !important;
}

/* Keep outgoing bubbles blue; don't paint empty .message-bubble shells */
html[data-theme="dark"] .message-bubble {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

html[data-theme="dark"] .messages-page .my-message-content {
  background: linear-gradient(135deg, #3d7edb 0%, #2f6bc4 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(47, 107, 196, 0.35) !important;
}

html[data-theme="dark"] .messages-page .my-message-content .message-text,
html[data-theme="dark"] .messages-page .my-message-content .message-text *:not(.badge):not(.badge *),
html[data-theme="dark"] .messages-page .my-message-content .message-time,
html[data-theme="dark"] .messages-page .my-message-content .message-meta {
  color: #fff !important;
}

html[data-theme="dark"] .messages-page .my-message-content .message-text a {
  color: #dbeafe !important;
  text-decoration: underline !important;
}

/* Outgoing read receipts */
html[data-theme="dark"] .messages-page .my-message-content .message-status i {
  color: rgba(255, 255, 255, 0.75) !important;
}
html[data-theme="dark"] .messages-page .my-message-content .message-status i.fa-check {
  color: rgba(255, 255, 255, 0.7) !important;
}
html[data-theme="dark"] .messages-page .my-message-content .message-status i.fa-check-double {
  color: #7dd3fc !important; /* read */
  font-weight: 700 !important;
}

html[data-theme="dark"] .messages-page .other-message-content .message-content {
  background: #2a303b !important;
  color: #e8eaed !important;
  border-color: #3a4250 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .messages-page .other-message-content .message-text,
html[data-theme="dark"] .messages-page .other-message-content .message-text *:not(.badge):not(.badge *):not(button):not(.btn),
html[data-theme="dark"] .messages-page .other-message-content .message-meta {
  color: #e8eaed !important;
}

html[data-theme="dark"] .messages-page .other-message-content .message-text a {
  color: #9db4ff !important;
  text-decoration: underline !important;
}

html[data-theme="dark"] .messages-page .other-message-content .message-time {
  color: #9aa3b2 !important;
}

/* Incoming seen / read signs */
html[data-theme="dark"] .messages-page .other-message-content .message-status i,
html[data-theme="dark"] .messages-page .other-message-content .message-status i.fa-eye {
  color: #6ee7a0 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .messages-page .my-avatar img {
  border-color: #5b9fef !important;
}

html[data-theme="dark"] .messages-page .other-message-content .sender-avatar img {
  border-color: #3a4250 !important;
}

html[data-theme="dark"] .spinner-content,
html[data-theme="dark"] .file-preview {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .attachment-btn,
html[data-theme="dark"] .price-btn {
  background: var(--dm-input) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .attachment-btn:hover {
  border-color: #667eea !important;
  color: #9db4ff !important;
  background: var(--dm-bg-soft) !important;
}

html[data-theme="dark"] .price-btn:hover {
  border-color: #28a745 !important;
  color: #6ee7a0 !important;
  background: var(--dm-bg-soft) !important;
}

html[data-theme="dark"] .price-input,
html[data-theme="dark"] .messages-page input[type="number"] {
  background: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .price-input:focus {
  border-color: #28a745 !important;
}

html[data-theme="dark"] .price-label {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .messages-page .contacts-container::-webkit-scrollbar-track,
html[data-theme="dark"] .messages-page .messages-container::-webkit-scrollbar-track {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .messages-page .contacts-container::-webkit-scrollbar-thumb,
html[data-theme="dark"] .messages-page .messages-container::-webkit-scrollbar-thumb {
  background: #4b5563 !important;
}

html[data-theme="dark"] .messages-page .contacts-container::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .messages-page .messages-container::-webkit-scrollbar-thumb:hover {
  background: #6b7280 !important;
}

html[data-theme="dark"] .lw-card {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

/* Pagination */
html[data-theme="dark"] .page-link {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

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

html[data-theme="dark"] .page-item.disabled .page-link {
  background-color: var(--dm-bg-soft) !important;
  color: var(--dm-text-muted) !important;
}

/* Toasts */
html[data-theme="dark"] .app-toast-success {
  background: #1b3a28 !important;
  border-color: #2a5a3d !important;
  color: #b7f0c8 !important;
}

html[data-theme="dark"] .app-toast-error {
  background: #3a1c20 !important;
  border-color: #5c2a31 !important;
  color: #f5b5bc !important;
}

html[data-theme="dark"] .app-toast-info {
  background: #15343d !important;
  border-color: #1f5360 !important;
  color: #a8e4f0 !important;
}

html[data-theme="dark"] .app-toast-warning {
  background: #3d3418 !important;
  border-color: #6b5a1e !important;
  color: #ffe8a3 !important;
}

/* Close buttons / misc Bootstrap */
html[data-theme="dark"] .close {
  color: #fff !important;
  text-shadow: none !important;
  opacity: 0.7;
}

html[data-theme="dark"] .close:hover {
  opacity: 1;
}

html[data-theme="dark"] .badge-light {
  background-color: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
}

/* jQuery UI / select / growl soft overrides */
html[data-theme="dark"] .ui-widget-content {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .ui-state-default,
html[data-theme="dark"] .ui-widget-header {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

/* Keep brand identity, but darken nav/hero via overrides below */

/* ========== Hero banner (homepage) ========== */
html[data-theme="dark"] .banner_box,
html[data-theme="dark"] .banner_sec .banner_box {
  background: linear-gradient(
    125deg,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 38%, #0a0b10 62%) 0%,
    color-mix(in srgb, var(--bmf-hgr-right, #480048) 34%, #12141a 66%) 55%,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 28%, #0d0f14 72%) 100%
  ) !important;
}

html[data-theme="dark"] .banner_details b.ban_heading {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .banner_details p {
  color: rgba(232, 234, 237, 0.88) !important;
}

html[data-theme="dark"] .banner_sec--member .banner_box {
  background: linear-gradient(
    125deg,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 38%, #0a0b10 62%) 0%,
    color-mix(in srgb, var(--bmf-hgr-right, #480048) 34%, #12141a 66%) 55%,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 28%, #0d0f14 72%) 100%
  ) !important;
}

html[data-theme="dark"] .hero-featured-cover {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--bmf-hgr-left, #C04848) 45%, #1a1020 55%),
    color-mix(in srgb, var(--bmf-hgr-right, #480048) 40%, #12141a 60%)
  ) !important;
}

html[data-theme="dark"] .hero-featured-card {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
}

/* ========== My Feed / posts / sidebar ========== */

html[data-theme="dark"] .white-smoke-bg,
html[data-theme="dark"] .white-smoke-bg-profile-page {
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .feed-main .card,
html[data-theme="dark"] .postsList .card,
html[data-theme="dark"] .card[data-post-id],
html[data-theme="dark"] .feed_box {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 18px var(--dm-shadow) !important;
}

html[data-theme="dark"] .border-pinned {
  border-color: #667eea !important;
}

html[data-theme="dark"] .post-username,
html[data-theme="dark"] .text-333,
html[data-theme="dark"] a.text-333,
html[data-theme="dark"] .feed_boxtopLeft .media-body h4,
html[data-theme="dark"] .feed_left h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] a.text-333:hover {
  color: #fff !important;
}

html[data-theme="dark"] .post-handle-url,
html[data-theme="dark"] .feed_boxtopLeft .media-body em,
html[data-theme="dark"] .feed_boxtopRt,
html[data-theme="dark"] .feed_btm ul li a,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary *,
html[data-theme="dark"] .text-muted * {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .post-handle-url:hover {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .postsList .border-top,
html[data-theme="dark"] .card .border-top,
html[data-theme="dark"] .feed_btmMain,
html[data-theme="dark"] .feed_chatmain {
  border-top-color: var(--dm-border) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .leave-comment-inp,
html[data-theme="dark"] .post-textarea,
html[data-theme="dark"] textarea.post-textarea {
  background: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .loadMoreComments,
html[data-theme="dark"] .noMoreComments {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .postActionsDropdown,
html[data-theme="dark"] .postActionsDropdown.text-secondary,
html[data-theme="dark"] .btn.text-secondary.dropdown-toggle.postActionsDropdown,
html[data-theme="dark"] .post-actions-menu {
  color: var(--dm-text-muted) !important;
  background: var(--dm-bg-soft) !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: 0 2px 6px var(--dm-shadow) !important;
}

html[data-theme="dark"] .postActionsDropdown:hover,
html[data-theme="dark"] .postActionsDropdown:focus,
html[data-theme="dark"] .postActionsDropdown:active,
html[data-theme="dark"] .post-actions-menu:hover,
html[data-theme="dark"] .post-actions-menu:focus {
  color: #fff !important;
  background: var(--dm-bg-elevated) !important;
  border-color: #667eea !important;
  box-shadow: 0 4px 10px var(--dm-shadow) !important;
}

html[data-theme="dark"] .postActionsDropdown i,
html[data-theme="dark"] .postActionsDropdown .fa-ellipsis-v,
html[data-theme="dark"] .postActionsDropdown .fa-ellipsis-h,
html[data-theme="dark"] .post-actions-menu i {
  color: inherit !important;
}

/* Post card three-dots dropdown panel */
html[data-theme="dark"] .card[data-post-id] .dropdown-menu,
html[data-theme="dark"] .postsList .dropdown-menu,
html[data-theme="dark"] .dropdown.dropleft .dropdown-menu {
  background: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: 0 8px 24px var(--dm-shadow) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .card[data-post-id] .dropdown-item,
html[data-theme="dark"] .postsList .dropdown-item,
html[data-theme="dark"] .dropdown.dropleft .dropdown-item {
  color: var(--dm-text) !important;
  background: transparent !important;
}

html[data-theme="dark"] .card[data-post-id] .dropdown-item:hover,
html[data-theme="dark"] .card[data-post-id] .dropdown-item:focus,
html[data-theme="dark"] .postsList .dropdown-item:hover,
html[data-theme="dark"] .postsList .dropdown-item:focus,
html[data-theme="dark"] .dropdown.dropleft .dropdown-item:hover,
html[data-theme="dark"] .dropdown.dropleft .dropdown-item:focus {
  background: var(--dm-bg-soft) !important;
  color: #fff !important;
}

html[data-theme="dark"] .card[data-post-id] .dropdown-item.delete-post,
html[data-theme="dark"] .dropdown.dropleft .dropdown-item.delete-post {
  color: #f87171 !important;
}

html[data-theme="dark"] .card[data-post-id] .dropdown-item.delete-post:hover,
html[data-theme="dark"] .dropdown.dropleft .dropdown-item.delete-post:hover {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #fecaca !important;
}

/* Create post composer */
html[data-theme="dark"] .post-type-btn {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .post-type-btn:hover:not(:disabled) {
  background: var(--dm-bg-elevated) !important;
  border-color: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .post-type-btn.active,
html[data-theme="dark"] .post-type-btn.active:hover {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .create-post-btn.btn-primary,
html[data-theme="dark"] .create-post-btn.btn.btn-primary,
html[data-theme="dark"] button.create-post-btn {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35) !important;
}

html[data-theme="dark"] .create-post-btn.btn-primary:hover:not(:disabled),
html[data-theme="dark"] .create-post-btn.btn.btn-primary:hover:not(:disabled),
html[data-theme="dark"] button.create-post-btn:hover:not(:disabled) {
  background: #7b8ff0 !important;
  border-color: #7b8ff0 !important;
  color: #fff !important;
}

html[data-theme="dark"] .media-type-btn {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .media-type-btn:hover {
  background: var(--dm-bg-elevated) !important;
  border-color: #667eea !important;
  color: #9db4ff !important;
}

html[data-theme="dark"] .create-post-max-sizes {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .create-post-audio-card {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* Feed sidebar — suggested creators */
html[data-theme="dark"] .feed-sidebar .creator_box,
html[data-theme="dark"] .creator_box {
  background: var(--dm-bg-elevated) !important;
  box-shadow: 0 4px 16px var(--dm-shadow) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .creator_txt {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .creator_txtInnr h5,
html[data-theme="dark"] .creator_txtInnr h5 a,
html[data-theme="dark"] .feed_suggest h2 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .creator_txtInnr h6,
html[data-theme="dark"] .creator_txtInnr h6 a,
html[data-theme="dark"] .creator_txtInnr ul li,
html[data-theme="dark"] .creator_txtInnr ul li a {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .creator_txtInnr h5 a:hover,
html[data-theme="dark"] .creator_txtInnr h6 a:hover,
html[data-theme="dark"] .creator_txtInnr ul li a:hover {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .profile_img {
  border-color: var(--dm-bg-elevated) !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .feed_search input[type="text"] {
  background-color: var(--dm-input) !important;
  background-image: none !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .feed_suggest ul li a,
html[data-theme="dark"] .feed_suggest ul li.see a {
  color: var(--dm-text-muted) !important;
}

/* Pagination (beats welcome.blade / page inline !important light styles) */
html[data-theme="dark"] .pagination .page-link,
html[data-theme="dark"] .pagination .page-link span,
html[data-theme="dark"] .pagination button.page-link {
  color: #9db4ff !important;
  background: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border) !important;
}

html[data-theme="dark"] .pagination .page-link:hover,
html[data-theme="dark"] .pagination .page-link:hover span,
html[data-theme="dark"] .pagination button.page-link:hover {
  background: #667eea !important;
  color: #fff !important;
  border-color: #667eea !important;
}

html[data-theme="dark"] .pagination .page-item.active .page-link,
html[data-theme="dark"] .pagination .page-item.active .page-link span,
html[data-theme="dark"] .pagination .page-item.active button.page-link {
  background: #667eea !important;
  color: #fff !important;
  border-color: #667eea !important;
}

html[data-theme="dark"] .pagination .page-item.disabled .page-link,
html[data-theme="dark"] .pagination .page-item.disabled .page-link span,
html[data-theme="dark"] .pagination .page-item.disabled button.page-link {
  background: var(--dm-bg-soft) !important;
  color: #6b7280 !important;
  border-color: var(--dm-border) !important;
  opacity: 0.7;
}

/* Feed sidebar creators pagination */
html[data-theme="dark"] .feed-sidebar .pagination,
html[data-theme="dark"] .feed-sidebar nav[aria-label="Creators pagination"] {
  background: transparent !important;
}

html[data-theme="dark"] .feed-sidebar .pagination .page-link,
html[data-theme="dark"] .feed-sidebar .pagination button.page-link {
  color: #c5d2ff !important;
  background: var(--dm-bg-soft) !important;
  border: 1px solid var(--dm-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .feed-sidebar .pagination .page-item.disabled .page-link,
html[data-theme="dark"] .feed-sidebar .pagination .page-item.disabled button.page-link {
  background: var(--dm-bg) !important;
  color: #6b7280 !important;
}

/* ========== Ads (feed sidebar) ========== */
html[data-theme="dark"] .ads-container,
html[data-theme="dark"] .feed-sidebar .ads-container {
  background: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  box-shadow: 0 4px 16px var(--dm-shadow) !important;
}

html[data-theme="dark"] .ad-item,
html[data-theme="dark"] .feed-sidebar .ad-item {
  background: var(--dm-bg-soft) !important;
  border: 1px solid var(--dm-border) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .ad-item img {
  border-radius: 6px !important;
  border: 0 !important;
  background: var(--dm-bg) !important;
}

html[data-theme="dark"] .ad-javascript {
  background: var(--dm-bg) !important;
  border-radius: 6px !important;
  overflow: hidden;
}

/* ========== Comments ========== */
html[data-theme="dark"] .comment-item {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] a.comment-user,
html[data-theme="dark"] .comment-item a.comment-user,
html[data-theme="dark"] .singleComment .comment-item > a:first-child {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .comment-content,
html[data-theme="dark"] .comment-content * {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .comment-actions,
html[data-theme="dark"] .comment-actions a,
html[data-theme="dark"] .edit-comment,
html[data-theme="dark"] .delete-comment {
  color: var(--dm-text-muted) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .comment-actions a:hover,
html[data-theme="dark"] .edit-comment:hover,
html[data-theme="dark"] .delete-comment:hover {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .update-comment-inp,
html[data-theme="dark"] .leave-comment-inp {
  background: var(--dm-input) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profilePicXS {
  background: var(--dm-bg-elevated) !important;
  box-shadow: 0 1px 4px var(--dm-shadow) !important;
}

/* ========== Default cover / avatar (dark variants) ========== */
/* Theme-aware defaults are served via /usermedia/coverPics|profilePics
   (same pipeline as .htaccess rewrite). Do not override custom .coverPic. */

html[data-theme="dark"] .profilePic {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .profilePic img {
  border-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .creator_img {
  background: var(--dm-bg-soft);
  min-height: 90px;
}

html[data-theme="dark"] .creator_img img {
  display: block;
  width: 100%;
  min-height: 90px;
  object-fit: cover;
}

html[data-theme="dark"] .profilePicSmall img,
html[data-theme="dark"] .profilePicXS img,
html[data-theme="dark"] .profile_img img {
  display: block;
  background: var(--dm-bg-soft);
  border-color: var(--dm-bg-elevated) !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .profilePicOnlineSm::after,
html[data-theme="dark"] .profilePicOfflineSm::after {
  border-color: var(--dm-bg-elevated) !important;
}

/* ========== Homepage (logged-in + guests) ========== */
html[data-theme="dark"] .member_stats_sec,
html[data-theme="dark"] .following_sec,
html[data-theme="dark"] .discover_sec,
html[data-theme="dark"] .welcome_sec,
html[data-theme="dark"] .why_bmf_sec {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .mid_sec,
html[data-theme="dark"] .fees_sec,
html[data-theme="dark"] .pwa_sec {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .discover_sec {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .member-section-heading h2,
html[data-theme="dark"] .top_heading h1,
html[data-theme="dark"] .top_heading h2,
html[data-theme="dark"] .why-bmf-heading h2,
html[data-theme="dark"] .banner_details b.ban_heading {
  color: #fff !important;
}

html[data-theme="dark"] .member-section-heading p,
html[data-theme="dark"] .top_heading p,
html[data-theme="dark"] .why-bmf-heading p,
html[data-theme="dark"] .following-empty,
html[data-theme="dark"] .following-empty p,
html[data-theme="dark"] .welcome_sec p,
html[data-theme="dark"] .mid_txt,
html[data-theme="dark"] .mid_txt p,
html[data-theme="dark"] .fees_innr,
html[data-theme="dark"] .pwa_sec p {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .welcome_sec p b {
  color: #f87171 !important;
}

html[data-theme="dark"] .member-stat-card {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 16px var(--dm-shadow) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .member-stat-card:hover {
  background: var(--dm-bg-soft) !important;
  border-color: #3a4150 !important;
  box-shadow: 0 8px 22px var(--dm-shadow) !important;
}

html[data-theme="dark"] .member-stat-card--disabled {
  background: repeating-linear-gradient(
    45deg,
    var(--dm-bg-elevated),
    var(--dm-bg-elevated) 12px,
    var(--dm-bg-soft) 12px,
    var(--dm-bg-soft) 24px
  ) !important;
  opacity: 0.72;
}

html[data-theme="dark"] .member-stat-number,
html[data-theme="dark"] .member-stat-fan-value .member-stat-number {
  color: #fff !important;
}

html[data-theme="dark"] .member-stat-label,
html[data-theme="dark"] .member-stat-fan-hint,
html[data-theme="dark"] .member-stat-sep,
html[data-theme="dark"] .member-stat-value--disabled {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .member-stat-icon {
  background: var(--dm-bg-soft) !important;
  color: #c5d2ff !important;
}

html[data-theme="dark"] .following_sec .creator_box,
html[data-theme="dark"] .discover_sec .creator_box,
html[data-theme="dark"] .hero-featured-card {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 6px 22px var(--dm-shadow) !important;
}

html[data-theme="dark"] .following_sec .creator_txt,
html[data-theme="dark"] .discover_sec .creator_txt,
html[data-theme="dark"] .hero-featured-body {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .hero-featured-name,
html[data-theme="dark"] .following_sec .creator_txtInnr h5 a,
html[data-theme="dark"] .discover_sec .creator_txtInnr h5 a {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .hero-featured-handle,
html[data-theme="dark"] .hero-featured-label,
html[data-theme="dark"] .following_sec .creator_txtInnr h6 a,
html[data-theme="dark"] .discover_sec .creator_txtInnr h6 a {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .hero-featured-avatar {
  border-color: var(--dm-bg-elevated) !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] a.member-feed-btn {
  box-shadow: 0 6px 20px rgba(220, 53, 69, 0.28) !important;
}

html[data-theme="dark"] .following_sec .pagination .page-link {
  color: #c5d2ff !important;
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

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

html[data-theme="dark"] .why-bmf-badge {
  background:
    linear-gradient(var(--dm-bg-elevated), var(--dm-bg-elevated)) padding-box,
    linear-gradient(145deg, #C04848 0%, #480048 100%) border-box !important;
  color: var(--dm-text) !important;
  box-shadow: 0 8px 24px var(--dm-shadow) !important;
}

html[data-theme="dark"] .why-bmf-badge h3 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .why-bmf-note {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .why-bmf-icon {
  background:
    linear-gradient(var(--dm-bg-soft), var(--dm-bg-soft)) padding-box,
    linear-gradient(145deg, #C04848 0%, #480048 100%) border-box !important;
}

html[data-theme="dark"] .mid_txt a.btn_txt,
html[data-theme="dark"] .fees_innr .mid_txt a.btn_txt {
  box-shadow: 0 6px 18px rgba(102, 126, 234, 0.28) !important;
}

html[data-theme="dark"] .btm-arrow img {
  filter: brightness(1.15) contrast(1.05);
}

/* ========== Buttons ========== */
html[data-theme="dark"] .btn,
html[data-theme="dark"] a.btn {
  box-shadow: none !important;
}

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled).active,
html[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):active,
html[data-theme="dark"] .show > .btn-primary.dropdown-toggle {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-primary:focus {
  background: #7b8ff0 !important;
  border-color: #7b8ff0 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-outline-primary {
  color: #9db4ff !important;
  border-color: #667eea !important;
  background: transparent !important;
}

html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .btn-outline-primary:focus,
html[data-theme="dark"] .btn-outline-primary.active {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-secondary:not(:disabled):not(.disabled).active,
html[data-theme="dark"] .btn-secondary:not(:disabled):not(.disabled):active {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-secondary:focus {
  background: #2e3440 !important;
  border-color: #3a4150 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-outline-secondary {
  color: var(--dm-text-muted) !important;
  border-color: var(--dm-border) !important;
  background: transparent !important;
}

html[data-theme="dark"] .btn-outline-secondary:hover,
html[data-theme="dark"] .btn-outline-secondary:focus {
  background: var(--dm-bg-soft) !important;
  border-color: #3a4150 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-success {
  background: #28a745 !important;
  border-color: #28a745 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-success:hover,
html[data-theme="dark"] .btn-success:focus {
  background: #34c759 !important;
  border-color: #34c759 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-danger {
  background: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-danger:hover,
html[data-theme="dark"] .btn-danger:focus {
  background: #e85a67 !important;
  border-color: #e85a67 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-warning {
  background: #e0a800 !important;
  border-color: #e0a800 !important;
  color: #1a1d26 !important;
}

html[data-theme="dark"] .btn-info {
  background: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-default {
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-default:hover {
  background: #2e3440 !important;
  border-color: #3a4150 !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn-dark {
  background: #0d0f14 !important;
  border-color: #2e3440 !important;
  color: #e8eaed !important;
}

html[data-theme="dark"] .btn-link {
  color: #9db4ff !important;
}

html[data-theme="dark"] .btn-link:hover {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .btn:disabled,
html[data-theme="dark"] .btn.disabled {
  opacity: 0.55 !important;
}

/* Custom site CTAs */
html[data-theme="dark"] .banner_details a.explore_btn,
html[data-theme="dark"] a.explore_btn {
  background: #dc3545 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(220, 53, 69, 0.32) !important;
}

html[data-theme="dark"] .banner_details a.explore_btn:hover,
html[data-theme="dark"] a.explore_btn:hover {
  background: #fff !important;
  color: #dc3545 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] a.btn_txt,
html[data-theme="dark"] a.btnBlue,
html[data-theme="dark"] .creator_sec a.browse_btn {
  background: #667eea !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(102, 126, 234, 0.3) !important;
}

html[data-theme="dark"] a.btn_txt:hover,
html[data-theme="dark"] a.btnBlue:hover,
html[data-theme="dark"] .creator_sec a.browse_btn:hover {
  background: #7b8ff0 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(102, 126, 234, 0.4) !important;
}

html[data-theme="dark"] .fees_innr .mid_txt a.btn_txt {
  background: #dc3545 !important;
  box-shadow: 0 6px 18px rgba(220, 53, 69, 0.28) !important;
}

html[data-theme="dark"] .fees_innr .mid_txt a.btn_txt:hover {
  background: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] a.member-feed-btn {
  background: #dc3545 !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(220, 53, 69, 0.28) !important;
}

html[data-theme="dark"] a.member-feed-btn:hover {
  background: #e85a67 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(220, 53, 69, 0.38) !important;
}

html[data-theme="dark"] a.why-bmf-signup-btn {
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(72, 0, 72, 0.35) !important;
}

html[data-theme="dark"] a.why-bmf-signup-btn:hover {
  color: #fff !important;
  filter: brightness(1.08);
}

html[data-theme="dark"] .post-type-btn,
html[data-theme="dark"] .media-type-btn {
  box-shadow: none !important;
}

html[data-theme="dark"] .post-buttons-section .btn.btn-primary {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .post-buttons-section .btn.btn-primary:hover {
  background: #7b8ff0 !important;
  border-color: #7b8ff0 !important;
}

html[data-theme="dark"] .post-buttons-section .btn.btn-outline-primary {
  color: #9db4ff !important;
  border-color: #667eea !important;
  background: transparent !important;
}

html[data-theme="dark"] .post-buttons-section .btn.btn-outline-primary:hover {
  background: #667eea !important;
  color: #fff !important;
}

/* ========== SweetAlert2 (also mirrored late in welcome.blade for cascade) ========== */
html[data-theme="dark"] .swal2-container.swal2-backdrop-show {
  background: rgba(8, 10, 14, 0.72) !important;
}
html[data-theme="dark"] .swal2-popup {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: 0 12px 40px var(--dm-shadow) !important;
}
html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-html-container,
html[data-theme="dark"] .swal2-content {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] .swal2-styled.swal2-confirm {
  background: #667eea !important;
  color: #fff !important;
}
html[data-theme="dark"] .swal2-styled.swal2-cancel {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
}
html[data-theme="dark"] .swal2-styled.swal2-deny {
  background: #dc3545 !important;
  color: #fff !important;
}

/* ========== Latest Posts page ========== */
html[data-theme="dark"] .latest-posts-section {
  background: var(--dm-bg-elevated) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
  border: 1px solid var(--dm-border);
}

html[data-theme="dark"] .latest-posts-header {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, #667eea 55%, #0a0b10 45%) 0%,
    color-mix(in srgb, #764ba2 50%, #12141a 50%) 100%
  ) !important;
}

html[data-theme="dark"] .latest-posts-content {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .latest-posts-content .post-item > .d-flex > a,
html[data-theme="dark"] .latest-posts-content .post-item > .d-flex > a span,
html[data-theme="dark"] .latest-posts-content .post-content {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .latest-posts-content .text-muted,
html[data-theme="dark"] .latest-posts-content .text-muted * {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .latest-posts-content hr {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .latest-posts-content .badge-secondary {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .latest-posts-content .pagination .page-link {
  color: #9db4ff !important;
  background: var(--dm-bg-soft) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .latest-posts-content .pagination .page-item.active .page-link {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
}

/* ========== Profile page (cover / identity strip) ========== */
html[data-theme="dark"] .white-smoke-bg-profile-page .white-bg,
html[data-theme="dark"] .white-bg.add-padding.shadow-sm {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 18px var(--dm-shadow) !important;
  border-bottom: 1px solid var(--dm-border);
}

html[data-theme="dark"] .profilePic {
  background-color: var(--dm-bg-elevated) !important;
  box-shadow: 0 4px 16px var(--dm-shadow) !important;
}

html[data-theme="dark"] .profilePic img {
  border-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .profilePicOnline::after,
html[data-theme="dark"] .profilePicOffline::after {
  border-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .profile-name,
html[data-theme="dark"] .profile-name a {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .profile-name a:hover {
  color: #fff !important;
}

html[data-theme="dark"] .white-bg a:not(.btn):not(.badge) {
  color: #9db4ff !important;
}

html[data-theme="dark"] .profile-stat-icon,
html[data-theme="dark"] .profile-stat-text {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .post-buttons-section .btn,
html[data-theme="dark"] .post-buttons-section .btn.btn-outline-primary {
  background: var(--dm-bg-soft) !important;
  color: #c5cad3 !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .post-buttons-section .btn:hover,
html[data-theme="dark"] .post-buttons-section .btn.btn-outline-primary:hover {
  background: #2e3440 !important;
  color: #fff !important;
  border-color: #667eea !important;
}

html[data-theme="dark"] .white-bg .badge-success {
  background: #1b3a28 !important;
  color: #b7f0c8 !important;
}

html[data-theme="dark"] .white-bg .badge-primary {
  background: #2a3358 !important;
  color: #c5d2ff !important;
}

html[data-theme="dark"] .white-bg .badge-info {
  background: #15343d !important;
  color: #a8e4f0 !important;
}

html[data-theme="dark"] .white-bg .badge-secondary {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .white-bg .badge-light {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

html[data-theme="dark"] .white-bg .btn-primary {
  background: #667eea !important;
  border-color: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .white-bg .btn-outline-primary {
  background: transparent !important;
  border-color: #667eea !important;
  color: #9db4ff !important;
}

html[data-theme="dark"] .white-bg .btn-outline-primary:hover {
  background: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] #coverImageContainer.coverPic--zoomable::before {
  background: rgba(26, 29, 38, 0.92) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coverPic {
  background-color: var(--dm-bg);
}

/* Default profile cover (not custom uploads) */
html[data-theme="dark"] .coverPic.coverPic--default {
  background-image: url('/usermedia/coverPics/default-cover-dark.svg') !important;
  background-color: var(--dm-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ========== Profile sidebar (Headline / tags / social) ========== */
html[data-theme="dark"] .profile-sidebar-card.card,
html[data-theme="dark"] .card.profile-sidebar-card {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border) !important;
  box-shadow: 0 4px 18px var(--dm-shadow) !important;
}

html[data-theme="dark"] .profile-sidebar-card h4,
html[data-theme="dark"] .profile-sidebar-card h5 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .profile-sidebar-card,
html[data-theme="dark"] .profile-sidebar-card p {
  color: #c5cad3 !important;
}

html[data-theme="dark"] .profile-sidebar-card a:not(.noHover) {
  color: #9db4ff !important;
}

html[data-theme="dark"] .profile-sidebar-card a:not(.noHover):hover {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .profile-sidebar-card hr {
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .profile-sidebar-tag--interest {
  background: rgba(102, 126, 234, 0.22) !important;
  color: #c5d2ff !important;
  border-color: rgba(102, 126, 234, 0.4) !important;
}

html[data-theme="dark"] .profile-sidebar-tag--content {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

/* Social profile logos (brand colors + dark-friendly X / BearNChat) */
html[data-theme="dark"] .profile-social-facebook { color: #4b91f7 !important; }
html[data-theme="dark"] .profile-social-instagram { color: #f0728b !important; }
html[data-theme="dark"] .profile-social-x { color: #e8eaed !important; }
html[data-theme="dark"] .profile-social-youtube { color: #ff4d4d !important; }
html[data-theme="dark"] .profile-social-twitch { color: #a970ff !important; }
html[data-theme="dark"] .profile-social-bluesky { color: #3d9fff !important; }
html[data-theme="dark"] .profile-social-reddit { color: #ff6a33 !important; }
html[data-theme="dark"] .profile-social-bearnchat .profile-social-img {
  filter: brightness(1.15) contrast(1.05);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 1px;
}

/* ========== Notifications page ========== */
html[data-theme="dark"] .notifications-container {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 20px var(--dm-shadow) !important;
}

html[data-theme="dark"] .notifications-header {
  background: linear-gradient(135deg, #3d4f9a 0%, #4a2f6b 100%) !important;
  color: #fff !important;
}

html[data-theme="dark"] .tabs-section {
  background: var(--dm-bg-soft) !important;
  border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] .tab-button {
  background: var(--dm-input) !important;
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .tab-button:hover {
  background: #2a303b !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .tab-button.active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.35) !important;
}

html[data-theme="dark"] .tab-button.active:hover {
  background: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%) !important;
  color: #fff !important;
}

html[data-theme="dark"] .notification-item {
  border-bottom-color: var(--dm-border) !important;
  background: transparent !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .notification-item:hover {
  background: var(--dm-bg-soft) !important;
}

html[data-theme="dark"] .notification-item.unread {
  background: linear-gradient(
    90deg,
    rgba(102, 126, 234, 0.18) 0%,
    rgba(26, 29, 38, 1) 100%
  ) !important;
  border-left-color: #667eea !important;
}

html[data-theme="dark"] .notification-text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .notification-link {
  color: #9db4ff !important;
}

html[data-theme="dark"] .notification-link:hover {
  color: #c5d2ff !important;
}

html[data-theme="dark"] .token-amount,
html[data-theme="dark"] .tip-amount,
html[data-theme="dark"] .balance-amount {
  color: #6ee7a0 !important;
}

html[data-theme="dark"] .coupon-code {
  background: var(--dm-bg-soft) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .tier-name {
  color: #d8b4fe !important;
}

html[data-theme="dark"] .expiry-date {
  color: #fdba74 !important;
}

html[data-theme="dark"] .notification-note {
  color: var(--dm-text-muted) !important;
  background: var(--dm-bg-soft) !important;
  border-left-color: #4b5563 !important;
}

html[data-theme="dark"] .notification-balance,
html[data-theme="dark"] .notification-expiry,
html[data-theme="dark"] .notification-time {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .unread-indicator {
  color: #9db4ff !important;
}

html[data-theme="dark"] .empty-state {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .empty-icon {
  color: #4b5563 !important;
}

html[data-theme="dark"] .empty-title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .empty-description {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .pagination-container {
  background: var(--dm-bg-soft) !important;
  border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .pagination-container .pagination .page-link {
  color: #9db4ff !important;
  background: transparent !important;
}

html[data-theme="dark"] .pagination-container .pagination .page-link:hover {
  background: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .pagination-container .pagination .page-item.active .page-link {
  background: #667eea !important;
  color: #fff !important;
}

html[data-theme="dark"] .pagination-container .pagination .page-item.disabled .page-link {
  color: var(--dm-text-muted) !important;
  background: var(--dm-input) !important;
}

html[data-theme="dark"] .threshold-amount {
  color: #fdba74 !important;
}