/* ==========================================================================
   ReloadSkins — withdrawal / account redesign  (/my-account/withdrawal/)
   Plugin prints its CSS inline in the body, so we override with !important /
   higher specificity. Scoped to .lnb-withdrawal-page & children only — the
   WooCommerce account navigation (theme) is left untouched.
   Tokens from skz-tokens.css. UPDATE-SAFE (woodmart-child only).
   ========================================================================== */

.lnb-withdrawal-page {
  max-width: 720px !important;
  margin: 0 auto;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  color: var(--skz-text);
}
.lnb-withdrawal-page > h2 {
  color: var(--skz-title) !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
}

/* ---------- KYC notice ---------- */
.lnb-withdrawal-page .lnb-kyc-notice {
  margin: 0 0 22px !important;
  padding: 22px !important;
  background: var(--skz-warning-bg) !important;
  border: 1px solid var(--skz-warning) !important;
  border-left-width: 4px !important;
  border-radius: var(--skz-radius) !important;
  color: var(--skz-text) !important;
}
.lnb-withdrawal-page .lnb-kyc-notice h3 { margin-top: 0 !important; color: var(--skz-warning) !important; font-weight: 700 !important; }
.lnb-withdrawal-page .lnb-kyc-notice p { color: var(--skz-text) !important; }
.lnb-withdrawal-page .lnb-kyc-notice p[style*="dc3232"],
.lnb-withdrawal-page .lnb-kyc-notice p[style*="red"] { color: var(--skz-danger) !important; }

/* KYC pending badge (plugin renders it inline-styled, no class) */
.lnb-withdrawal-page .lnb-kyc-notice div[style*="inline-block"] {
  background: var(--skz-warning-bg) !important;
  color: var(--skz-warning) !important;
  border: 1px solid var(--skz-warning) !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
}

/* KYC upload form + file input */
#lnb-kyc-upload-form { margin-top: 16px !important; }
#lnb-kyc-file {
  display: block;
  width: 100%;
  max-width: 420px;
  color: var(--skz-muted) !important;
  font-size: 13px !important;
  margin-bottom: 16px !important;
}
#lnb-kyc-file::file-selector-button {
  margin-right: 14px;
  padding: 9px 18px;
  background: var(--skz-purple) !important;
  color: var(--skz-title) !important;
  border: 0;
  border-radius: var(--skz-radius-pill);
  font: 600 13px "Montserrat", Arial, Helvetica, sans-serif;
  cursor: pointer;
  transition: background .2s ease;
}
#lnb-kyc-file::file-selector-button:hover { background: var(--skz-purple-2) !important; }
/* KYC submit button (has no id; plugin uses class="button primary") → magenta CTA */
#lnb-kyc-upload-form button,
#lnb-kyc-upload-form button.primary,
#lnb-kyc-upload-form .button {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-height: 46px !important;
  padding: 0 28px !important;
  background: var(--skz-accent) !important;
  background-image: none !important;
  color: var(--skz-on-accent) !important;
  border: 0 !important;
  border-radius: var(--skz-radius-pill) !important;
  font: 600 13px/1 "Montserrat", Arial, Helvetica, sans-serif !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: var(--skz-shadow-accent) !important;
  transition: background .2s ease, transform .05s ease !important;
}
#lnb-kyc-upload-form button:hover { background: var(--skz-accent-2) !important; }
#lnb-kyc-upload-form button:active { transform: translateY(1px); }
#lnb-kyc-message { border-radius: var(--skz-radius-sm) !important; padding: 10px 14px !important; font-size: 13px !important; margin-top: 12px !important; }

/* ---------- balance ---------- */
.lnb-withdrawal-page .lnb-balance-display {
  margin: 0 0 26px !important;
  padding: 22px 24px !important;
  background: linear-gradient(135deg, var(--skz-card) 0%, var(--skz-bg-2) 100%) !important;
  border: 1px solid var(--skz-border-2) !important;
  border-radius: var(--skz-radius) !important;
  box-shadow: var(--skz-shadow);
}
.lnb-withdrawal-page .lnb-balance-display h3 {
  margin: 0 0 6px !important;
  color: var(--skz-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .6px;
}
.lnb-withdrawal-page .lnb-balance-amount {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.lnb-withdrawal-page .lnb-balance-amount .woocommerce-Price-amount,
.lnb-withdrawal-page .lnb-balance-amount bdi { color: var(--skz-accent) !important; }

/* ---------- withdrawal form ---------- */
#lnb-withdrawal-form { margin-top: 0 !important; }
.lnb-withdrawal-form-group { margin-bottom: 18px !important; }
.lnb-withdrawal-form-group label {
  display: block;
  margin-bottom: 6px !important;
  color: var(--skz-title) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
#lnb-withdrawal-amount,
#lnb-withdrawal-card,
#lnb-withdrawal-iban,
#lnb-withdrawal-account-holder {
  width: 100% !important;
  height: 50px !important;
  padding: 0 20px !important;
  background: var(--skz-input-bg) !important;
  border: 1px solid var(--skz-border-2) !important;
  border-radius: var(--skz-radius-pill) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-family: inherit !important;
  outline: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#lnb-withdrawal-amount::placeholder,
#lnb-withdrawal-card::placeholder,
#lnb-withdrawal-iban::placeholder,
#lnb-withdrawal-account-holder::placeholder { color: rgba(255,255,255,.45) !important; }
#lnb-withdrawal-amount:focus,
#lnb-withdrawal-card:focus,
#lnb-withdrawal-iban:focus,
#lnb-withdrawal-account-holder:focus {
  border-color: var(--skz-accent) !important;
  box-shadow: var(--skz-focus) !important;
}

/* amount field: currency symbol sits to the left of the input */
.lnb-withdrawal-form-group > div[style*="flex"] { gap: 0 !important; }
.lnb-withdrawal-form-group > div[style*="flex"] > span:first-child {
  display: inline-flex; align-items: center;
  height: 50px; padding: 0 14px 0 18px;
  background: var(--skz-input-bg) !important;
  border: 1px solid var(--skz-border-2) !important;
  border-right: 0 !important;
  border-radius: var(--skz-radius-pill) 0 0 var(--skz-radius-pill) !important;
  color: var(--skz-muted) !important;
  font-weight: 600;
}
.lnb-withdrawal-form-group > div[style*="flex"] > span:first-child + #lnb-withdrawal-amount,
.lnb-withdrawal-form-group > div[style*="flex"] #lnb-withdrawal-amount {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.lnb-withdrawal-form-group small { color: var(--skz-muted) !important; font-size: 12px !important; }
#lnb-max-amount { color: var(--skz-accent) !important; font-weight: 600; cursor: pointer; }

/* withdraw button → magenta CTA */
.lnb-withdrawal-actions { margin-top: 24px !important; }
#lnb-withdraw-btn,
.lnb-withdraw-button {
  display: inline-flex !important; align-items: center; justify-content: center;
  min-height: 50px !important;
  padding: 0 38px !important;
  background: var(--skz-accent) !important;
  background-image: none !important;
  color: var(--skz-on-accent) !important;
  border: 0 !important;
  border-radius: var(--skz-radius-pill) !important;
  font: 700 14px/1 "Montserrat", Arial, Helvetica, sans-serif !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: var(--skz-shadow-accent) !important;
  transition: background .2s ease, transform .05s ease, opacity .2s ease !important;
}
#lnb-withdraw-btn:hover, .lnb-withdraw-button:hover { background: var(--skz-accent-2) !important; }
#lnb-withdraw-btn:active, .lnb-withdraw-button:active { transform: translateY(1px); }
#lnb-withdraw-btn.disabled,
.lnb-withdraw-button.disabled,
#lnb-withdraw-btn:disabled {
  background: var(--skz-purple) !important;
  color: var(--skz-muted) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: .7 !important;
}
#lnb-withdrawal-message { border-radius: var(--skz-radius-sm) !important; padding: 12px 16px !important; font-size: 13.5px !important; }
.lnb-withdrawal-message.success { background: var(--skz-success-bg) !important; color: var(--skz-success) !important; border: 1px solid var(--skz-success) !important; }
.lnb-withdrawal-message.error { background: var(--skz-danger-bg) !important; color: var(--skz-danger) !important; border: 1px solid var(--skz-danger) !important; }

/* ---------- history table ---------- */
.lnb-withdrawal-history { margin-top: 40px !important; }
.lnb-withdrawal-history h3 { color: var(--skz-title) !important; font-weight: 700 !important; margin-bottom: 14px !important; }
.lnb-withdrawal-history p { color: var(--skz-muted) !important; }
.lnb-withdrawal-history table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  border: 1px solid var(--skz-border) !important;
  border-radius: var(--skz-radius) !important;
  overflow: hidden;
}
.lnb-withdrawal-history thead th {
  background: var(--skz-bg-2) !important;
  color: var(--skz-muted) !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 12px 16px !important;
  border: 0 !important;
  text-align: left !important;
}
.lnb-withdrawal-history tbody td {
  background: var(--skz-card) !important;
  color: var(--skz-text) !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-top: 1px solid var(--skz-border) !important;
  font-size: 14px !important;
}
.lnb-withdrawal-history tbody td .woocommerce-Price-amount,
.lnb-withdrawal-history tbody td bdi { color: #fff !important; }

/* status badges — dark coloured pills */
.lnb-withdrawal-history .lnb-status {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: 1px solid transparent !important;
  text-transform: capitalize;
}
.lnb-withdrawal-history .lnb-status-pending    { background: var(--skz-warning-bg) !important; color: var(--skz-warning) !important; border-color: var(--skz-warning) !important; }
.lnb-withdrawal-history .lnb-status-processing { background: var(--skz-info-bg) !important;    color: var(--skz-info) !important;    border-color: var(--skz-info) !important; }
.lnb-withdrawal-history .lnb-status-completed  { background: var(--skz-success-bg) !important; color: var(--skz-success) !important; border-color: var(--skz-success) !important; }
.lnb-withdrawal-history .lnb-status-declined   { background: var(--skz-danger-bg) !important;  color: var(--skz-danger) !important;  border-color: var(--skz-danger) !important; }

@media (max-width: 768px) {
  .lnb-withdrawal-history tbody td { background: var(--skz-card) !important; }
}