/* ================================
   WHY NOT — WooWallet Skin
   Scope: Wallet pages only
   Body class: woocommerce-account woocommerce-woo-wallet
   ================================ */

   body.woocommerce-account.woocommerce-woo-wallet{
    background:#0b0b0b !important;
    color:#fff !important;
  }
  
  /* ================================
     Layout + kill Woo My Account nav
     ================================ */
  
  /* Hide WooCommerce My Account sidebar nav */
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce-MyAccount-navigation{
    display:none !important;
  }
  
  /* Make content full width + remove theme float layout */
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce-MyAccount-content{
    width:100% !important;
    float:none !important;
  }
  
  /* Wallet container width + centering */
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce,
  body.woocommerce-account.woocommerce-woo-wallet .entry-content{
    max-width: 820px;
    margin: 0 auto !important;
  }
  
  /* Remove extra spacing some themes add on account pages */
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce{
    margin-top: 0 !important;
  }
  
  /* ================================
     Headings
     ================================ */
  
  body.woocommerce-account.woocommerce-woo-wallet h1,
  body.woocommerce-account.woocommerce-woo-wallet h2{
    color:#ffde17 !important;
    letter-spacing:.2px;
  }
  
  /* ================================
     Balance Card
     ================================ */
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-balance-card{
    background:#0b0b0b !important;
    border: 1px solid rgba(255,222,23,.45) !important;
    border-radius: 18px !important;
    padding: 22px 18px !important;
    box-shadow: 0 0 0 1px rgba(255,222,23,.10), 0 18px 60px rgba(0,0,0,.45) !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-balance-card h3{
    color: rgba(255,255,255,.85) !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
    margin: 0 0 10px !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-balance-card .woo-wallet-price{
    color:#ffde17 !important;
    font-weight: 900 !important;
    font-size: 44px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }
  
  /* ================================
     Wallet Tabs (Topup / Transactions)
     ================================ */
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
  
  /* Links (plugin markup varies) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .nav-link,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs li a{
    color: rgba(255,255,255,.85) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
  
  /* Active state */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs li.active a,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a.active{
    background: rgba(255,222,23,.14) !important;
    color:#ffde17 !important;
  }
  
  /* ================================
     Transaction table (scoped tighter)
     ================================ */
  
  /* Prefer targeting wallet tables only (avoids accidental styling of other tables on account pages) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area table,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container table{
    width: 100%;
    border-collapse: collapse;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area table th,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area table td,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container table th,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container table td{
    padding: 12px 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area table th,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container table th{
    color: rgba(255,255,255,.70);
    font-weight: 900;
  }
  /* --- Tabs (Topup / Transactions) --- */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
  
  /* Each tab item (this is the one that was grey) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px 14px !important;
  
    background: rgba(255,255,255,.04) !important; /* kills rgb(240,240,240) */
    color: rgba(255,255,255,.85) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  
  /* Icon color */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab .dashicons{
    color: #ffde17 !important;
  }
  
  /* Active tab (plugin may use active/current; cover multiple cases) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab.active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab.is-active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab[aria-current="page"]{
    background: rgba(255,222,23,.14) !important;
    color: #ffde17 !important;
  }
  
  /* Hover */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab:hover{
    background: rgba(255,255,255,.07) !important;
  }
  /* =========================================================
   WHY NOT — WooWallet endpoint: /my-account/wallet
   Hard scope to wallet page only (endpoint class = woocommerce-endpoint-wallet)
   ========================================================= */

body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet{
    background:#0b0b0b !important;
    color:#fff !important;
  }
  
  /* Container spacing */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .entry-content,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woocommerce{
    max-width: 820px;
    margin: 0 auto;
  }
  
  /* Hide Woo MyAccount left nav (keep wallet tabs only) */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woocommerce-MyAccount-navigation{
    display:none !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woocommerce-MyAccount-content{
    width:100% !important;
    float:none !important;
  }
  
  /* =========================================================
     Wallet tabs (Topup / Transactions) — fix grey button
     ========================================================= */
  
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
  }
  
  /* actual clickable items */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
  
    padding: 16px 14px !important;
    background: rgba(255,255,255,.04) !important;
    color: rgba(255,255,255,.88) !important;
  
    font-weight: 800 !important;
    text-decoration:none !important;
    border: 0 !important;
  }
  
  /* subtle divider if stacked */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab + .woo-wallet-nav-tab{
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }
  
  /* icon */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab .dashicons{
    color:#ffde17 !important;
  }
  
  /* active */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab.active,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab.is-active,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab[aria-current="page"]{
    background: rgba(255,222,23,.14) !important;
    color:#ffde17 !important;
  }
  
  /* hover */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab:hover{
    background: rgba(255,255,255,.07) !important;
  }
  
  /* =========================================================
     Balance History — Why Not style + readability
     ========================================================= */
  
  /* Card wrapper around table (varies by version; cover common containers) */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-content-area,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-transaction-details,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-transactions,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-content{
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;
    padding: 14px !important;
  }
  
  /* Section headings */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet h2,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet h3{
    color:#ffde17 !important;
    letter-spacing:.2px !important;
  }
  
  /* Table base */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table{
    width:100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  
    background: rgba(0,0,0,.35) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    overflow:hidden !important;
  }
  
  /* Header row */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table thead th{
    background: rgba(255,222,23,.10) !important;
    color: rgba(255,255,255,.92) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .6px !important;
    font-size: 12px !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }
  
  /* Cells */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table td{
    color: rgba(255,255,255,.88) !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    vertical-align: middle !important;
    font-size: 14px !important;
  }
  
  /* Zebra + hover */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table tbody tr:nth-child(odd) td{
    background: rgba(255,255,255,.02) !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table tbody tr:hover td{
    background: rgba(255,222,23,.06) !important;
  }
  
  /* Last row border */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table tbody tr:last-child td{
    border-bottom: 0 !important;
  }
  
  /* Make date column tighter (if first col is date) */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table td:first-child{
    white-space: nowrap !important;
    color: rgba(255,255,255,.75) !important;
    font-weight: 800 !important;
  }
  
  /* Amount column emphasis (common patterns) */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet td.amount,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-amount,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table td:last-child{
    font-weight: 900 !important;
  }
  
  /* Credit/debit hints (best-effort, plugin may use + / - classes) */
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .credit,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-credit{
    color: #ffde17 !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .debit,
  body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet .woo-wallet-debit{
    color: rgba(255,255,255,.85) !important;
  }
  
  /* Mobile: allow horizontal scroll instead of crushing columns */
  @media (max-width: 560px){
    body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table{
      display:block !important;
      overflow-x:auto !important;
      -webkit-overflow-scrolling: touch !important;
    }
    body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table thead,
    body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table tbody,
    body.woocommerce-account.woocommerce-woo-wallet.woocommerce-endpoint-wallet table tr{
      width:max-content !important;
    }
  }
  /* ================================
   WHY NOT — Balance History (Table)
   ================================ */

body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
    margin-top: 22px !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-section-title{
    color: #ffde17 !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    margin: 0 0 12px !important;
  }
  
  /* Table shell */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table{
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,222,23,.16) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.35) !important;
  }
  
  /* Header row */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
    background: rgba(255,222,23,.10) !important;
    color: rgba(255,255,255,.88) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    padding: 14px 14px !important;
    border-bottom: 1px solid rgba(255,222,23,.18) !important;
  }
  
  /* Body cells */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
    padding: 14px 14px !important;
    color: rgba(255,255,255,.86) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    vertical-align: middle !important;
  }
  
  /* Stripe rows (subtle) */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(even) td{
    background: rgba(255,255,255,.02) !important;
  }
  
  /* Hover (desktop) */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:hover td{
    background: rgba(255,222,23,.06) !important;
  }
  
  /* Amount column: make it pop + align right */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th:last-child,
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td:last-child{
    text-align: right !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  
  /* Mobile: reduce padding + font a bit */
  @media (max-width: 520px){
    body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th,
    body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
      padding: 12px 10px !important;
    }
  }

  /* ================================
   WHY NOT — Wallet Tabs (Topup / Transactions)
   ================================ */

body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,222,23,.16) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  
  /* The actual clickable items */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  
    padding: 14px 12px !important;
    background: transparent !important;
    color: rgba(255,255,255,.85) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  
    border: 0 !important;
    box-shadow: none !important;
  }
  
  /* Icon color */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab .dashicons{
    color: rgba(255,222,23,.95) !important;
  }
  
  /* Hover */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab:hover{
    background: rgba(255,222,23,.08) !important;
  }
  
  /* Active tab */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab.active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-tab:focus{
    background: rgba(255,222,23,.14) !important;
    color: #ffde17 !important;
  }

  /* ================================
   FIX — Transactions rows invisible (white on white)
   Force dark surface + readable text
   ================================ */

body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list *{
  color: inherit;
}

/* Force the whole transactions card area dark */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,222,23,.16) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Force the table dark (plugin/theme keeps making it white) */
body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table{
  background: transparent !important;
  border: 0 !important;
}

/* Header */
body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
  background: rgba(255,222,23,.10) !important;
  color: rgba(255,255,255,.88) !important;
}

/* Rows + cells (this is the critical part) */
body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr,
body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
  background: transparent !important;
  color: rgba(255,255,255,.86) !important;
}

/* Stripe rows */
body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(even) td{
  background: rgba(255,255,255,.02) !important;
}

/* ================================
   WHY NOT — Balance History (hard reset)
   Ensures rows never disappear
   ================================ */

   body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,222,23,.16) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    margin-top: 18px !important;
  }
  
  /* Section title */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list .woo-wallet-section-title{
    color: #ffde17 !important;
    font-weight: 900 !important;
    margin: 0 !important;
    padding: 18px 18px 10px !important;
  }
  
  /* Table base */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table{
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
  }
  
  /* Header row */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
    background: rgba(255,222,23,.10) !important;
    color: rgba(255,255,255,.90) !important;
    font-weight: 900 !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }
  
  /* Body cells (THIS is what makes “missing rows” come back) */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  
  /* Alternate row shading */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(even) td{
    background: rgba(255,255,255,.03) !important;
  }
  
  /* Amount column: keep your + / - signals */
  body.woocommerce-account.woocommerce-woo-wallet td.amount.credit{
    color: #2ee36b !important;
    font-weight: 900 !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet td.amount.debit{
    color: #ff4d4d !important;
    font-weight: 900 !important;
  }
  
  /* Safety: if anything tries to hide rows */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr{
    display: table-row !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ================================
   WHY NOT — Balance History (Readable)
   ================================ */

/* Card wrapper */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,222,23,.18) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  
  /* Title */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-section-title{
    color: #ffde17 !important;
    font-weight: 900 !important;
    padding: 16px 18px 10px !important;
    margin: 0 !important;
  }
  
  /* Table */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table{
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
  }
  
  /* Header row */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
    background: rgba(255,222,23,.10) !important;
    color: rgba(255,255,255,.92) !important;
    font-weight: 900 !important;
    letter-spacing: .3px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }
  
  /* Cells: force readable text */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  
  /* Zebra stripes */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(even) td{
    background: rgba(255,255,255,.03) !important;
  }
  
  /* Date column slightly muted */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td:first-child{
    color: rgba(255,255,255,.70) !important;
    font-weight: 700 !important;
  }
  
  /* Description column */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td:nth-child(2){
    color: rgba(255,255,255,.88) !important;
  }
  
  /* Amount column alignment + emphasis */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table th:last-child,
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td:last-child{
    text-align: right !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
  }
  
  /* Keep + / - colors */
  body.woocommerce-account.woocommerce-woo-wallet td.amount.credit{ color: #2ee36b !important; }
  body.woocommerce-account.woocommerce-woo-wallet td.amount.debit{  color: #ff4d4d !important; }
  
  /* If plugin wraps amount with WooCommerce price span */
  body.woocommerce-account.woocommerce-woo-wallet td.amount .woocommerce-Price-amount{
    color: inherit !important;
  }
  
  /* Remove any weird highlight/selection background from plugins */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td,
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table th{
    box-shadow: none !important;
  }

  /* ===========================================================
   WHY NOT — WooWallet Full Skin Override (Wallet page only)
   Put this at the very bottom of yn-wallet.css
   =========================================================== */

body.woocommerce-account.woocommerce-woo-wallet{
    background:#0b0b0b !important;
    color:#fff !important;
  }
  
  /* Ensure the wallet wrapper doesn't bring its own light theme */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container{
    /* Override WooWallet CSS variables */
    --wallet-primary-color: #ffde17 !important;
    --wallet-text-color: rgba(255,255,255,.88) !important;
    --wallet-bg-color: rgba(255,255,255,.03) !important;
    --wallet-border-color: rgba(255,255,255,.10) !important;
  
    background: transparent !important;
    color: var(--wallet-text-color) !important;
  }
  
  /* Center + constrain content nicely */
  body.woocommerce-account.woocommerce-woo-wallet .entry-content,
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce{
    max-width: 900px;
    margin: 0 auto;
  }
  
  /* Hide Woo MyAccount nav (keep WooWallet’s own top tabs) */
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce-MyAccount-navigation{
    display:none !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woocommerce-MyAccount-content{
    width:100% !important;
    float:none !important;
  }
  
  /* Wallet header */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-header h2{
    color:#ffde17 !important;
    font-weight: 900 !important;
    letter-spacing:.2px !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-header p{
    color: rgba(255,255,255,.65) !important;
  }
  
  /* Balance card stays premium */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-balance-card{
    background: #0b0b0b !important;
    border: 1px solid rgba(255,222,23,.45) !important;
    border-radius: 18px !important;
    padding: 22px 18px !important;
    box-shadow: 0 0 0 1px rgba(255,222,23,.10), 0 18px 60px rgba(0,0,0,.45) !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-balance-card h3{
    color: rgba(255,255,255,.85) !important;
    font-weight: 800 !important;
    margin: 0 0 10px !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-balance-card .woo-wallet-price{
    color: #ffde17 !important;
    font-weight: 900 !important;
    font-size: 44px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }
  
  /* WooWallet top tabs (Wallet topup / Transactions) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .nav-link,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs li a{
    color: rgba(255,255,255,.80) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs li.active a,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a.active{
    background: rgba(255,222,23,.14) !important;
    color: #ffde17 !important;
  }
  
  /* --- Balance History card wrapper --- */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
    margin-top: 18px !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list .woo-wallet-section-title{
    color:#ffde17 !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    margin: 0 0 10px !important;
  }
  
  /* --- Transactions table: full Why Not skin --- */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table{
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.35) !important;
  }
  
  /* Header row */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
    background: rgba(255,222,23,.10) !important;
    color: rgba(255,255,255,.85) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 12px !important;
    padding: 14px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }
  
  /* Body cells */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
    color: rgba(255,255,255,.85) !important;
    padding: 14px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    vertical-align: middle !important;
  }
  
  /* Zebra rows for readability */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(even){
    background: rgba(255,255,255,.02) !important;
  }
  
  /* Date column slightly dimmer */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td:first-child{
    color: rgba(255,255,255,.65) !important;
    white-space: nowrap !important;
  }
  
  /* Description wraps nicely */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td:nth-child(2){
    color: rgba(255,255,255,.85) !important;
    word-break: break-word !important;
  }
  
  /* Amount column alignment + emphasis */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td.amount{
    text-align: right !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  
  /* Debit / Credit colors (WooWallet uses td.amount.debit / td.amount.credit) */
  body.woocommerce-account.woocommerce-woo-wallet td.amount.debit{
    color: #ff4d4d !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet td.amount.credit{
    color: #3dff7a !important;
  }
  
  /* Remove any weird opacity/inherited colors */
  body.woocommerce-account.woocommerce-woo-wallet
    .woo-wallet-transactions-list,
  body.woocommerce-account.woocommerce-woo-wallet
    table.woo-wallet-transactions-table *{
    opacity: 1 !important;
  }
  
  /* Mobile: keep table usable */
  @media (max-width: 640px){
    body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
      font-size: 11px !important;
      padding: 12px 10px !important;
    }
    body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
      padding: 12px 10px !important;
      font-size: 14px !important;
    }
  }

  /* ===========================================================
   WHY NOT — WooWallet Full Skin Overrides (wallet endpoint)
   =========================================================== */

/* 1) Override WooWallet's own CSS variables + base container styling */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container{
    --wallet-primary-color: #ffde17;
    --wallet-text-color: rgba(255,255,255,.88);
    --wallet-bg-color: rgba(255,255,255,.03);
    --wallet-border-color: rgba(255,222,23,.22);
  
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
  }
  
  /* 2) Ensure the whole wallet content area is dark (kills the “white card” look) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    padding: 16px !important;
    box-shadow: 0 0 0 1px rgba(255,222,23,.06), 0 18px 60px rgba(0,0,0,.35) !important;
  }
  
  /* 3) Title inside the history box */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list .woo-wallet-section-title{
    color: #ffde17 !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    margin: 0 0 12px !important;
  }
  
  /* 4) Transactions table: dark mode, readable */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table{
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }
  
  /* Header row */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
    background: rgba(255,222,23,.10) !important;
    color: rgba(255,255,255,.85) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 12px !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }
  
  /* Body cells */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
    background: rgba(0,0,0,.12) !important;
    color: rgba(255,255,255,.88) !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    vertical-align: middle !important;
  }
  
  /* Zebra rows */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(odd) td{
    background: rgba(255,255,255,.02) !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:hover td{
    background: rgba(255,222,23,.06) !important;
  }
  
  /* Description column (your td:nth-child(2) rule) */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td:nth-child(2){
    color: rgba(255,255,255,.88) !important;
  }
  
  /* Amount column alignment + emphasis */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td.amount,
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td.amount.credit,
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td.amount.debit{
    text-align: right !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }
  
  /* Credit / debit colors */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td.amount.credit{
    color: #49e37a !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table td.amount.debit{
    color: #ff4d4d !important;
  }
  
  /* 5) Fix the tab buttons (kills the pale/grey default) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper{
    width: 100% !important;
    display: flex !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper a.woo-wallet-nav-tab{
    background: transparent !important;
    color: rgba(255,255,255,.80) !important;
    font-weight: 900 !important;
    padding: 16px 14px !important;
    border: 0 !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper a.woo-wallet-nav-tab:hover{
    background: rgba(255,222,23,.08) !important;
    color: #ffde17 !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper a.woo-wallet-nav-tab.active{
    background: rgba(255,222,23,.14) !important;
    color: #ffde17 !important;
  }

  /* ===========================================================
   WHY NOT — Wallet final polish (tabs + history card)
   Put this at the VERY END of yn-wallet.css
   =========================================================== */

/* --- Tabs container: force dark instead of pale/cream --- */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,222,23,.18) !important;
    box-shadow: 0 0 0 1px rgba(255,222,23,.06), 0 16px 40px rgba(0,0,0,.35) !important;
  }
  
  /* The wrapper inside tabs (this is often what carries the pale bg) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper{
    background: transparent !important;
  }
  
  /* Each tab button (kill any gradients) */
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab{
    background: rgba(0,0,0,.10) !important;
    background-image: none !important;
    border: 0 !important;
    color: rgba(255,255,255,.78) !important;
  }
  
  /* Active tab */
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab.active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .active{
    background: rgba(255,222,23,.14) !important;
    background-image: none !important;
    color: #ffde17 !important;
  }
  
  /* Hover */
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab:hover{
    background: rgba(255,222,23,.08) !important;
    background-image: none !important;
    color: #ffde17 !important;
  }
  
  /* --- Balance History card: force Why Not dark card --- */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list{
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,222,23,.18) !important;
    border-radius: 18px !important;
    box-shadow: 0 0 0 1px rgba(255,222,23,.06), 0 18px 60px rgba(0,0,0,.40) !important;
  }
  
  /* Remove any light background that the plugin might apply to the table wrapper */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list table,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list thead,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list tbody{
    background: transparent !important;
  }
  
  /* Header row background should be dark, not beige */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table thead th{
    background: rgba(0,0,0,.35) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.80) !important;
  }
  
  /* Body rows dark */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody td{
    background: rgba(0,0,0,.18) !important;
  }
  
  /* Zebra effect still subtle */
  body.woocommerce-account.woocommerce-woo-wallet table.woo-wallet-transactions-table tbody tr:nth-child(odd) td{
    background: rgba(255,255,255,.02) !important;
  }
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab::before,
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab::after{
  background: none !important;
  display: none !important;
  content: none !important;
  }

  /* ===========================================================
   WHY NOT — WooWallet force dark theme (variables + tabs + titles)
   Put at VERY END of yn-wallet.css
   =========================================================== */

/* 1) Override WooWallet theme variables (these come from plugin main.css) */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-my-wallet-container{
    --wallet-primary-color: #ffde17;
    --wallet-text-color: rgba(255,255,255,.88);
    --wallet-bg-color: rgba(0,0,0,.20);
    --wallet-border-color: rgba(255,222,23,.18);
  }
  
  /* 2) Tabs area: remove any light backgrounds from every layer */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs *{
    background-image: none !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
    background-color: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,222,23,.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }
  
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper{
    background-color: transparent !important;
  }
  
  /* The actual tab buttons */
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab{
    background-color: rgba(0,0,0,.25) !important;
    color: rgba(255,255,255,.80) !important;
    font-weight: 900 !important;
  }
  
  /* Active tab */
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab.active,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .active{
    background-color: rgba(255,222,23,.14) !important;
    color: #ffde17 !important;
  }
  
  /* Hover */
  body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab:hover{
    background-color: rgba(255,222,23,.10) !important;
    color: #ffde17 !important;
  }
  
  /* 3) Balance History title bar (your white strip) */
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-section-title,
  body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-transactions-list h3{
    background: rgba(0,0,0,.35) !important;
    color: #ffde17 !important;
    border: 1px solid rgba(255,222,23,.14) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin: 0 0 12px !important;
  }
  /* ===========================================================
   WHY NOT — Wallet final polish (tabs + topup form)
   Put at VERY END of yn-wallet.css
   =========================================================== */

/* --- Tabs container: kill ALL light/gradient backgrounds --- */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs *{
  background-image: none !important;
  box-shadow: none !important;
}

body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,222,23,.18) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Each half (wrapper) */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs .woo-wallet-nav-item-wrapper{
  background: rgba(0,0,0,.28) !important;
}

/* The actual clickable tab */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a.woo-wallet-nav-tab{
  background: rgba(0,0,0,.10) !important;
  color: rgba(255,255,255,.82) !important;
  font-weight: 900 !important;
  border: 0 !important;
}

/* Active tab state (the yellow-tinted one) */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a.woo-wallet-nav-tab.active{
  background: rgba(255,222,23,.16) !important;
  color: #ffde17 !important;
}

/* Hover */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-nav-tabs a.woo-wallet-nav-tab:hover{
  background: rgba(255,222,23,.10) !important;
  color: #ffde17 !important;
}

/* Remove any plugin pseudo overlays (you already started this) */
body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab::before,
body.woocommerce-account.woocommerce-woo-wallet a.woo-wallet-nav-tab::after{
  display: none !important;
  content: none !important;
}

/* ===========================================================
   Wallet Topup panel — make it Why Not
   =========================================================== */

/* The topup section/card wrapper (covers most plugin variants) */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-topup,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-add-funds,
body.woocommerce-account.woocommerce-woo-wallet form.woo-wallet-add-funds{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,222,23,.14) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.45) !important;
}

/* Inputs */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input[type="text"],
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input[type="number"],
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input[type="email"],
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input[type="password"],
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area select{
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  outline: none !important;
}

body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input:focus,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area select:focus{
  border-color: rgba(255,222,23,.55) !important;
  box-shadow: 0 0 0 3px rgba(255,222,23,.12) !important;
}

/* Labels */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area label{
  color: rgba(255,255,255,.70) !important;
  font-weight: 800 !important;
}

/* Primary button (ADD FUNDS) */
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area button,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input[type="submit"],
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area .button{
  background: #ffde17 !important;
  color: #0b0b0b !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-weight: 1000 !important;
  letter-spacing: .4px !important;
  padding: 14px 18px !important;
  text-transform: uppercase !important;
}

body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area button:hover,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area input[type="submit"]:hover,
body.woocommerce-account.woocommerce-woo-wallet .woo-wallet-content-area .button:hover{
  filter: brightness(.96) !important;
}