/**
 * MemberPress Gateway Selector — Bard Child Theme
 * Arquivo: bard-child/assets/css/mepr-gateway-selector.css
 *
 * Estiliza o seletor de gateway (PayPal vs Mercado Pago) no checkout.
 * O MemberPress renderiza como <select> ou como radio buttons dependendo
 * da versão. Este CSS cobre ambos os casos.
 */

/* ── Select dropdown ─────────────────────────────────────── */

.mepr-payment-methods-wrapper {
  margin: 4px 0 8px;
}

.mepr-payment-methods-wrapper select,
#mepr_payment_method {
  width: 100%;
  padding: 13px 44px 13px 16px;
  border: 1.5px solid #e0e0e0;
  border-radius: 0;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  color: #1a1a1a;
  background: #fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231a1a1a'/%3E%3C/svg%3E") no-repeat right 16px center;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.25s ease, background-color 0.25s ease;
}

.mepr-payment-methods-wrapper select:focus,
#mepr_payment_method:focus {
  border-color: #1a1a1a;
  background-color: #fff;
}

/* ── Radio cards (quando MemberPress usa radio buttons) ───── */

.mepr-payment-methods-wrapper .mepr-gateway-radio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mepr-payment-methods-wrapper label.mepr-gateway-label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1.5px solid #e0e0e0;
  background: #fafafa;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  color: #333;
  letter-spacing: 0.02em;
}

.mepr-payment-methods-wrapper label.mepr-gateway-label:has(input:checked),
.mepr-payment-methods-wrapper label.mepr-gateway-label.mepr-selected {
  border-color: #1a1a1a;
  background: #fff;
}

.mepr-payment-methods-wrapper label.mepr-gateway-label:hover {
  border-color: #aaa;
  background: #fff;
}

.mepr-payment-methods-wrapper label.mepr-gateway-label input[type="radio"] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  accent-color: #1a1a1a;
  cursor: pointer;
  margin: 0;
}

.mepr-payment-methods-wrapper label.mepr-gateway-label .mepr-gateway-name {
  flex: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* Gateway logos inline */
.mepr-gateway-logo-mp {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: #009ee3;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.mepr-gateway-logo-paypal {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: #003087;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── Payment form area abaixo do selector ─────────────────── */

.mepr-payment-form-wrapper {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}

/* PayPal button container */
.mepr-paypal-button-container {
  margin-top: 4px;
}

/* Mercado Pago form */
#mepr-mp-btn {
  margin-top: 4px;
}