.wbt-pay-modal{ display:none; }
.wbt-pay-modal.is-open{ display:block; }
.wbt-pay-backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,.55);
  z-index:9998;
}
.wbt-pay-panel{
  color:#111;
  position:fixed;
  z-index:9999;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(520px, calc(100% - 24px));
  background:#fff;
  border-radius:16px;
  padding:16px;
}
.wbt-pay-close{
  position:absolute;
  right:12px; top:10px;
  border:0; background:transparent;
  font-size:18px; cursor:pointer;
}
.wbt-pay-title{ margin:0 0 12px; }
.wbt-pay-actions{ display:flex; gap:10px; }
.wbt-pay-btn{
  flex:1;
  padding:12px 14px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  font-weight:800;
}
.wbt-pay-full{ background:#111; color:#fff; }
.wbt-pay-down{ background:#FF7E11; color:#fff; }
.wbt-pay-sub{ color:#111;  margin:12px 0 8px; font-weight:700; }
.wbt-pay-deposit-list{ display:flex; gap:10px; flex-wrap:wrap; }
.wbt-pay-deposit{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
  font-weight:700;
  color:#111;
}
.wbt-pay-msg{ margin-top:10px; font-size:13px; }


/* Ensure deposit amounts are readable even if theme forces white text */
.wbt-pay-panel{ color:#111 !important; }
.wbt-pay-panel *{ color:#111 !important; }

/* Themes often force button text to white with high specificity.
   Use an even more specific selector here so deposit amounts are always visible. */
.wbt-pay-panel .wbt-pay-deposit-list button.wbt-pay-deposit{
  color:#111 !important;
  background:#fff !important;
}
.wbt-pay-panel .wbt-pay-deposit-list button.wbt-pay-deposit *{
  color:#111 !important;
}

/* Extra hardening for common WooCommerce price markup if it ever appears */
.wbt-pay-panel .wbt-pay-deposit-list button.wbt-pay-deposit .amount,
.wbt-pay-panel .wbt-pay-deposit-list button.wbt-pay-deposit .woocommerce-Price-amount,
.wbt-pay-panel .wbt-pay-deposit-list button.wbt-pay-deposit .woocommerce-Price-currencySymbol{
  color:#111 !important;
}

/* Keep action buttons readable on their colored backgrounds */
.wbt-pay-btn.wbt-pay-full{ color:#fff !important; background:#111 !important; }
.wbt-pay-btn.wbt-pay-down{ color:#fff !important; background:#FF7E11 !important; }

/* Checkout: tidy Gender field label */
#billing_gender_field label{ display:block; margin:0 0 6px; line-height:1.2; }
#billing_gender_field select{ width:100%; }