/**
 * HID Buy Now — Stylesheet
 *
 * Styles for the [hid_buy_now] shortcode output.
 * The button carries class="hid-paystack-btn hid-buy-now-btn" and is
 * handled entirely by paystack-checkout.js — no extra JS is needed.
 */

.hid-buy-now-wrap {
  display: inline-block;
}

.hid-buy-now-btn {
  background-color: #111111;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 18px 44px;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  letter-spacing: 0.03em;
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease;
  display: inline-block;
  line-height: 1.2;
}

.hid-buy-now-btn:hover {
  background-color: #333333;
}

.hid-buy-now-btn:disabled,
.hid-buy-now-btn.hid-paystack-loading {
  opacity: 0.65;
  cursor: not-allowed;
}