/* WeStyle Coins — checkout toggle, My Account card + history (inc/rewards.php). */

/* ---------- Checkout step 2 ---------- */
.wscs-coins-box:empty { display: none; }
.wscs-coins-box { display: grid; gap: 8px; }
.wscs-coins {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--ws-line);
	border-radius: var(--ws-radius);
	background: linear-gradient(160deg, var(--ws-bg) 0%, var(--ws-gold-tint, var(--ws-cream)) 100%);
	color: var(--ws-ink);
	cursor: pointer;
}
.wscs-coins input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: var(--ws-rose); flex: none; }
.wscs-coins__icon { font-size: 1.4rem; line-height: 1; }
.wscs-coins__text { display: grid; gap: 2px; font-family: var(--ws-font-body); }
.wscs-coins__text strong { font-size: .95rem; }
.wscs-coins__text small { font-size: .82rem; color: var(--ws-ink-soft); }
.wscs-coins__text small .amount { color: var(--ws-success); font-weight: 700; }
.wscs-coins-earn {
	margin: 0;
	padding: 10px 14px;
	border-radius: var(--ws-radius);
	background: var(--ws-success-tint);
	color: var(--ws-ink);
	font-size: .88rem;
}
.wscs-coins-earn strong { color: var(--ws-success); }

/* ---------- My Account card ---------- */
.ws-coins-card {
	display: flex;
	align-items: center;
	gap: var(--ws-space-4);
	margin: var(--ws-space-4) 0;
	background: linear-gradient(160deg, var(--ws-bg) 0%, var(--ws-gold-tint, var(--ws-cream)) 100%);
}
.ws-coins-card__icon { font-size: 2.2rem; line-height: 1; }
.ws-coins-card__body { display: grid; gap: 2px; flex: 1; min-width: 0; }
.ws-coins-card__label { font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ws-muted); }
.ws-coins-card__balance { font: 700 2rem/1.1 var(--ws-font-display); color: var(--ws-ink); }
.ws-coins-card__meta { font-size: .85rem; color: var(--ws-ink-soft); }
.ws-coins-card__link { flex: none; font-weight: 700; color: var(--ws-rose-deep); text-decoration: none; white-space: nowrap; }
.ws-coins-card__link:hover { color: var(--ws-rose); }

/* ---------- Coins page ---------- */
.ws-coins-how, .ws-coins-history { margin-bottom: var(--ws-space-4); }
.ws-coins-how h3, .ws-coins-history h3 { margin: 0 0 var(--ws-space-3); font: 700 1.15rem/1.2 var(--ws-font-display); color: var(--ws-ink); }
.ws-coins-how ul { margin: 0; padding-left: 1.1em; color: var(--ws-ink-soft); font-size: .92rem; display: grid; gap: 6px; }
.ws-coins-history__empty { margin: 0; color: var(--ws-muted); }
.ws-coins-history__list { margin: 0; padding: 0; list-style: none; }
.ws-coins-history__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ws-space-3);
	padding: 12px 0;
	border-top: 1px solid var(--ws-line);
}
.ws-coins-history__row:first-child { border-top: 0; }
.ws-coins-history__row span { display: grid; gap: 2px; min-width: 0; }
.ws-coins-history__row strong { font-size: .92rem; color: var(--ws-ink); overflow-wrap: anywhere; }
.ws-coins-history__row small { font-size: .78rem; color: var(--ws-muted); }
.ws-coins-history__row b { flex: none; font-size: 1rem; }
.ws-coins-history__row b.is-plus { color: var(--ws-success); }
.ws-coins-history__row b.is-minus { color: var(--ws-ink-soft); }

/* ---------- My Rentals card ---------- */
.ws-rental-card__coins { margin: 4px 0 0; font-size: .82rem; font-weight: 600; color: var(--ws-success); }