/* BSO Guthaben & Gutscheine – Frontend */
.bso-wallet-redeem {
	margin: 1em 0;
	padding: 1em 1.2em;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	background: #fafafa;
}
.bso-wallet-redeem .bso-wallet-row { margin-bottom: .75em; }
.bso-wallet-redeem label { font-weight: 600; display: block; margin-bottom: .3em; }
.bso-wallet-input { display: flex; gap: .5em; align-items: stretch; flex-wrap: wrap; }
.bso-wallet-input input[type="text"],
.bso-wallet-input input[type="email"] {
	flex: 1 1 200px;
	min-width: 0;
	padding: .55em .7em;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.bso-wallet-input .button { white-space: nowrap; }
.bso-wallet-applied { list-style: none; margin: .6em 0 0; padding: 0; }
.bso-wallet-applied li {
	display: inline-flex; align-items: center; gap: .5em;
	background: #eef6ee; border: 1px solid #cfe6cf;
	padding: .25em .6em; border-radius: 999px; margin: 0 .4em .4em 0; font-size: .9em;
}
.bso-wallet-applied li a { color: #b00020; text-decoration: none; }
.bso-wallet-toggle { font-weight: 500 !important; display: flex !important; align-items: center; gap: .5em; cursor: pointer; }
.bso-wallet-msg { min-height: 1.2em; font-size: .9em; }
.bso-wallet-msg.is-ok { color: #1a7f37; }
.bso-wallet-msg.is-error { color: #b00020; }

/* Mein Konto */
.bso-wallet-balance-card {
	display: flex; flex-direction: column; gap: .25em;
	padding: 1.4em 1.6em; border-radius: 12px; margin-bottom: 1.4em;
	background: linear-gradient(135deg, #1f2933, #323f4b); color: #fff;
}
.bso-wallet-balance-label { font-size: .85em; opacity: .8; text-transform: uppercase; letter-spacing: .04em; }
.bso-wallet-balance-amount { font-size: 2.2em; font-weight: 700; line-height: 1.1; }
.bso-wallet-balance-hint { font-size: .85em; opacity: .8; }
/* Hinweis statt Einloeseformular: ein Gutschein wird an der Kasse verrechnet
   und nie in Guthaben umgewandelt. Siehe class-bso-wallet-myaccount.php. */
.bso-wallet-giftcard-hint {
	margin: 0 0 1.6em; padding: .8em 1em;
	border-left: 3px solid currentColor; border-radius: 0 6px 6px 0;
	background: rgba(127, 127, 127, .1);
	font-size: .92em; line-height: 1.5;
}
.bso-wallet-ledger { width: 100%; border-collapse: collapse; }
.bso-wallet-ledger th, .bso-wallet-ledger td { padding: .55em .6em; border-bottom: 1px solid #eee; text-align: left; vertical-align: top; }
.bso-wallet-ledger small { color: #888; }

@media (max-width: 600px) {
	.bso-wallet-balance-amount { font-size: 1.8em; }
	.bso-wallet-ledger { display: block; overflow-x: auto; }
}