/* ================================================================
   WEUNLOCKS – DARK MODE PROGRESSIF (USER UNIQUEMENT)
   Cible uniquement les pages utilisateur listées.
   S’active avec la classe html.wu-theme-user.wu-dark
   ================================================================ */

/* ---------- 1. DASHBOARD UTILISATEUR ---------- */
html.wu-theme-user.wu-dark .wu-dashboard-info-card {
  background: var(--wu-surface) !important;
  border-color: var(--wu-border) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-dashboard-info-row {
  background: var(--wu-surface-soft) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.2) !important;
}

html.wu-theme-user.wu-dark .wu-dashboard-info-label {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wu-dashboard-info-value {
  color: var(--wu-text) !important;
}

/* Blocs de commandes (IMEI, Server, File, Product) */
html.wu-theme-user.wu-dark [class*="dashboard-"] .card,
html.wu-theme-user.wu-dark [class*="dashboard-"] .card-header,
html.wu-theme-user.wu-dark [class*="dashboard-"] .card-body {
  background: var(--wu-surface) !important;
  color: var(--wu-text) !important;
  border-color: var(--wu-border) !important;
}

/* ---------- 2. ADD FUNDS ---------- */
/* On relie les variables internes de Add Funds aux variables globales */
html.wu-theme-user.wu-dark .wuaf-shell {
  --wuaf-bg: var(--wu-bg);
  --wuaf-surface: var(--wu-surface);
  --wuaf-panel: var(--wu-surface);
  --wuaf-border: var(--wu-border);
  --wuaf-text: var(--wu-text);
  --wuaf-muted: var(--wu-muted);
  --wuaf-primary: var(--wu-primary);
  --wuaf-primary-2: var(--wu-primary);
}

/* Surcharge des fonds blancs résiduels dans Add Funds */
html.wu-theme-user.wu-dark .wuaf-amount-wrap,
html.wu-theme-user.wu-dark .wuaf-summary,
html.wu-theme-user.wu-dark .wuaf-method-list .payment-method .card,
html.wu-theme-user.wu-dark .wuaf-methods,
html.wu-theme-user.wu-dark .wuaf-method-check {
  background: var(--wu-surface) !important;
}

html.wu-theme-user.wu-dark .wuaf-amount-wrap {
  border-color: var(--wu-border-strong) !important;
}

html.wu-theme-user.wu-dark .wuaf-summary-row {
  border-bottom-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .wuaf-summary-row strong {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wuaf-total strong {
  color: var(--wu-primary) !important;
}

html.wu-theme-user.wu-dark .wuaf-method-copy strong {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wuaf-method-copy span {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wuaf-security div {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wuaf-trust {
  background: var(--wu-surface-soft) !important;
  color: var(--wu-text-soft) !important;
}

/* ---------- 3. POPUPS (commande réussie, solde insuffisant) ---------- */
html.wu-theme-user.wu-dark .wu-order-popup {
  background: var(--wu-surface) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-order-popup h2 {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-order-popup p {
  color: var(--wu-text-soft) !important;
}

html.wu-theme-user.wu-dark .wu-insufficient-balance-popup {
  background: var(--wu-surface) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-insufficient-balance-popup h2 {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-insufficient-balance-popup p {
  color: var(--wu-text-soft) !important;
}

html.wu-theme-user.wu-dark .wu-countdown {
  background: var(--wu-surface-soft) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-btn-secondary {
  background: var(--wu-surface-soft) !important;
  color: var(--wu-text) !important;
  border-color: var(--wu-border) !important;
}

/* ---------- 4. TABLEAUX / DATATABLES (pages de commandes) ---------- */
html.wu-theme-user.wu-dark .table {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .table thead th {
  background: var(--wu-surface-soft) !important;
  color: var(--wu-text) !important;
  border-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .table tbody td {
  border-color: var(--wu-border) !important;
  color: var(--wu-text-soft) !important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper {
  background: transparent !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .dataTables_filter input,
html.wu-theme-user.wu-dark .dataTables_wrapper .dataTables_length select {
  background: var(--wu-input-bg) !important;
  color: var(--wu-text) !important;
  border-color: var(--wu-border-strong) !important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .paginate_button {
  color: var(--wu-primary) !important;
  background: transparent !important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .paginate_button.current {
  background: var(--wu-primary) !important;
  color: #fff !important;
}

/* ---------- 5. MODALES (user uniquement) ---------- */
html.wu-theme-user.wu-dark .modal-content {
  background: var(--wu-surface) !important;
  border-color: var(--wu-border) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .modal-header {
  background: var(--wu-surface) !important;
  border-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .modal-body {
  background: var(--wu-surface) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .modal-footer {
  background: var(--wu-surface-soft) !important;
  border-color: var(--wu-border) !important;
}

/* ---------- 6. FORMULAIRES / INPUTS ---------- */
html.wu-theme-user.wu-dark input,
html.wu-theme-user.wu-dark select,
html.wu-theme-user.wu-dark textarea,
html.wu-theme-user.wu-dark .form-control,
html.wu-theme-user.wu-dark .select2-selection {
  background: var(--wu-input-bg) !important;
  color: var(--wu-text) !important;
  border-color: var(--wu-border-strong) !important;
}

html.wu-theme-user.wu-dark input::placeholder,
html.wu-theme-user.wu-dark textarea::placeholder {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .select2-dropdown,
html.wu-theme-user.wu-dark .select2-results__options {
  background: var(--wu-surface) !important;
  color: var(--wu-text) !important;
}

/* ---------- 7. CORRECTIONS MOBILE ---------- */
@media (max-width: 767px) {
  html.wu-theme-user.wu-dark .card,
  html.wu-theme-user.wu-dark .modal-content {
    background: var(--wu-surface) !important;
  }
}
/* ---------- DASHBOARD INFO + ANNONCES ---------- */
html.wu-theme-user.wu-dark .wu-dashboard-info-title {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-dashboard-info-main-icon {
  background: rgba(96,165,250,0.15);
  color: var(--wu-primary);
}

html.wu-theme-user.wu-dark .wu-dashboard-info-label {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wu-dashboard-info-value {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-dashboard-info-separator {
  background: linear-gradient(90deg, transparent, var(--wu-border), transparent) !important;
}

html.wu-theme-user.wu-dark .wu-dash-announcement-close {
  background: var(--wu-surface-soft) !important;
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-dash-announcement-head h3 {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wu-dash-announcement-icon {
  background: rgba(96,165,250,0.15);
}

html.wu-theme-user.wu-dark .wu-dash-announcement-item {
  background: #1a2332 !important;           /* fond foncé */
  border-color: rgba(245,158,11,0.28) !important;
}

html.wu-theme-user.wu-dark .wu-dash-announcement-item h5 {
  color: #fbbf24 !important;                /* jaune lisible */
}

html.wu-theme-user.wu-dark .wu-dash-announcement-item h5 i {
  color: #f59e0b;                           /* icône inchangée */
}

html.wu-theme-user.wu-dark .wu-dash-announcement-item .announcement-body {
  color: var(--wu-text-soft) !important;
}

/* ---------- PAGE D'ACCUEIL – BLOCS READY TO START & INSTANT TOPUP ---------- */
html.wu-theme-user.wu-dark .wuH-readyWide {
  background: var(--wu-surface) !important;
  border-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .wuH-readyTitle {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wuH-readyText {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wuH-topup {
  background: linear-gradient(145deg, var(--wu-surface), var(--wu-surface-soft)) !important;
  border-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .wuH-topupTitle {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wuH-topupText {
  color: var(--wu-muted) !important;
}
/* ---------- PAGE D'ACCUEIL – BOUTONS PRINCIPAUX & GHOST ---------- */
html.wu-theme-user.wu-dark .wuH-btnPrimary {
  background: linear-gradient(135deg, #818cf8, #60a5fa) !important;
  color: #ffffff !important;
}

html.wu-theme-user.wu-dark .wuH-btnGhost {
  background: rgba(15, 27, 45, 0.85) !important;
  border-color: var(--wu-border) !important;
  color: #e5eefb !important;
}

html.wu-theme-user.wu-dark .wuH-btnGhost:hover {
  background: var(--wu-surface) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: #ffffff !important;
}
/* ===== DARK MODE – PAGE D'ACCUEIL ===== */
html.wu-theme-user.wu-dark .wu-homeShop {
  background: radial-gradient(900px 420px at 12% 0%, rgba(96,165,250,0.14), transparent 60%),
              radial-gradient(900px 420px at 88% 0%, rgba(129,140,248,0.14), transparent 60%),
              #07111f !important;
}

html.wu-theme-user.wu-dark .wuH-readyWide {
  background: var(--wu-surface) !important;
  border-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .wuH-readyTitle {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wuH-readyText {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wuH-topup {
  background: linear-gradient(145deg, var(--wu-surface), var(--wu-surface-soft)) !important;
  border-color: var(--wu-border) !important;
}

html.wu-theme-user.wu-dark .wuH-topupTitle {
  color: var(--wu-text) !important;
}

html.wu-theme-user.wu-dark .wuH-topupText {
  color: var(--wu-muted) !important;
}

html.wu-theme-user.wu-dark .wuH-btnPrimary {
  background: linear-gradient(135deg, #818cf8, #60a5fa) !important;
  color: #ffffff !important;
}

html.wu-theme-user.wu-dark .wuH-btnGhost {
  background: rgba(15, 27, 45, 0.85) !important;
  border-color: var(--wu-border) !important;
  color: #e5eefb !important;
}

html.wu-theme-user.wu-dark .wuH-btnGhost:hover {
  background: var(--wu-surface) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: #ffffff !important;
}



/* =====================================================
   WU SELECT2 DARK PREMIUM FINAL FIX
   Supprime le gros bleu + rend le dropdown plus propre
===================================================== */

/* Champ fermé / ouvert */
html.wu-theme-user.wu-dark .wu-shopify-select .select2-container .select2-selection--single,
html.wu-theme-user.wu-dark .wu-shopify-select .select2-container--open .select2-selection--single,
html.wu-theme-user.wu-dark .wu-shopify-select .select2-container--focus .select2-selection--single {
  background: #07111f !important;
  border: 1px solid rgba(148,163,184,.26) !important;
  box-shadow: none !important;
}

/* Dropdown global : plus de gros halo bleu */
html.wu-theme-user.wu-dark .select2-dropdown,
html.wu-theme-user.wu-dark .select2-container--open .select2-dropdown {
  background: #081322 !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.48) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Barre de recherche */
html.wu-theme-user.wu-dark .select2-search--dropdown {
  background: #081322 !important;
  padding: 10px !important;
}

html.wu-theme-user.wu-dark .select2-search--dropdown .select2-search__field {
  background: #050c17 !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  box-shadow: none !important;
  color: #f8fafc !important;
  border-radius: 14px !important;
}

/* Liste */
html.wu-theme-user.wu-dark .select2-results__options {
  background: #081322 !important;
  padding: 8px !important;
}

/* Options normales */
html.wu-theme-user.wu-dark .select2-results__option {
  background: #101d30 !important;
  color: #e5eefb !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Option survolée/sélectionnée : bleu discret, pas flashy */
html.wu-theme-user.wu-dark .select2-results__option--highlighted,
html.wu-theme-user.wu-dark .select2-results__option[aria-selected="true"] {
  background: linear-gradient(135deg, #17345c, #123057) !important;
  border-color: rgba(96,165,250,.45) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(96,165,250,.18) !important;
}

/* Supprimer toute barre bleue parasite */
html.wu-theme-user.wu-dark .select2-results__option::before,
html.wu-theme-user.wu-dark .select2-results__option::after,
html.wu-theme-user.wu-dark .select2-results__group::before {
  box-shadow: none !important;
}

/* Group title */
html.wu-theme-user.wu-dark .select2-results__group {
  background: #081322 !important;
  color: #93c5fd !important;
  border: none !important;
}

/* Badge prix toujours lisible */
html.wu-theme-user.wu-dark .wu-price-badge,
html.wu-theme-user.wu-dark .wu-price-dark,
html.wu-theme-user.wu-dark .select2-results__option .wu-price-badge,
html.wu-theme-user.wu-dark .select2-selection__rendered .wu-price-badge,
html.wu-theme-user.wu-dark .select2-results__option--highlighted .wu-price-badge,
html.wu-theme-user.wu-dark .select2-results__option[aria-selected="true"] .wu-price-badge {
  background: #dcfce7 !important;
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
  border: 1px solid #86efac !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
/* FIX glow vert + step progress dark mode */

/* Remettre l'effet vert sur le champ service */
html.wu-theme-user.wu-dark .wu-shopify-select .select2-container.wu-glow-active .select2-selection--single {
  border-color: #22c55e !important;
  box-shadow:
    0 0 0 4px rgba(34,197,94,.18),
    0 0 22px rgba(34,197,94,.35) !important;
  animation: wu-glow-pulse 2s ease-in-out infinite !important;
}

/* Quand le champ est ouvert : garder vert discret, pas bleu */
html.wu-theme-user.wu-dark .wu-shopify-select .select2-container.select2-container--open .select2-selection--single {
  border-color: #22c55e !important;
  box-shadow:
    0 0 0 4px rgba(34,197,94,.14),
    0 0 18px rgba(34,197,94,.28) !important;
}

/* Corriger le badge Step 2 blanc */
html.wu-theme-user.wu-dark .wu-progress-hint {
  background: #0b1628 !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  color: #e5eefb !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
}

html.wu-theme-user.wu-dark .wu-progress-hint span {
  color: #e5eefb !important;
  -webkit-text-fill-color: #e5eefb !important;
}

/* Barre verte dans Step */
html.wu-theme-user.wu-dark .wu-progress-hint .progress-bar-mini {
  background: #1e293b !important;
}

html.wu-theme-user.wu-dark .wu-progress-hint .progress-fill {
  background: #22c55e !important;
  box-shadow: 0 0 12px rgba(34,197,94,.55) !important;
}

/* ===== WU USER IMEI ORDERS DATATABLE DARK MODE FIX ===== */

html.wu-theme-user.wu-dark table.dataTable,
html.wu-theme-user.wu-dark .dataTables_wrapper table,
html.wu-theme-user.wu-dark .table{
    background:#0b1628!important;
    color:#e5eefb!important;
    border-color:rgba(148,163,184,.18)!important;
}

html.wu-theme-user.wu-dark table.dataTable thead th,
html.wu-theme-user.wu-dark .dataTables_wrapper table thead th{
    background:#111f34!important;
    color:#f8fafc!important;
    border-color:rgba(148,163,184,.22)!important;
}

html.wu-theme-user.wu-dark table.dataTable tbody tr,
html.wu-theme-user.wu-dark table.dataTable tbody tr.odd,
html.wu-theme-user.wu-dark table.dataTable tbody tr.even,
html.wu-theme-user.wu-dark .dataTables_wrapper table tbody tr{
    background:#0f1b2d!important;
    color:#e5eefb!important;
}

html.wu-theme-user.wu-dark table.dataTable tbody tr:nth-child(even),
html.wu-theme-user.wu-dark .dataTables_wrapper table tbody tr:nth-child(even){
    background:#111f34!important;
}

html.wu-theme-user.wu-dark table.dataTable tbody td,
html.wu-theme-user.wu-dark .dataTables_wrapper table tbody td{
    background:transparent!important;
    color:#e5eefb!important;
    border-color:rgba(148,163,184,.14)!important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper input,
html.wu-theme-user.wu-dark .dataTables_wrapper select{
    background:#07111f!important;
    color:#f8fafc!important;
    border:1px solid rgba(148,163,184,.28)!important;
    border-radius:10px!important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .dataTables_length,
html.wu-theme-user.wu-dark .dataTables_wrapper .dataTables_filter,
html.wu-theme-user.wu-dark .dataTables_wrapper .dataTables_info{
    color:#cbd5e1!important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .paginate_button{
    background:#0f1b2d!important;
    color:#e5eefb!important;
    border:1px solid rgba(148,163,184,.22)!important;
    border-radius:8px!important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .paginate_button.current{
    background:#2563eb!important;
    color:#ffffff!important;
    border-color:#60a5fa!important;
}

html.wu-theme-user.wu-dark .dataTables_wrapper .btn,
html.wu-theme-user.wu-dark table.dataTable .btn{
    background:#f8fafc!important;
    color:#0f172a!important;
    border-color:rgba(255,255,255,.35)!important;
}