/*
 * Roxy Bonus: мінімальні стилі.
 * Кольори, рамки й радіуси беруться з CSS-змінних теми (Woodmart: --wd-*), з fallback
 * на нейтральні значення для інших тем. Своїх кольорів плагін не задає.
 */

/* Спільний блок для всіх віджетів: товар, кошик, чекаут, баланс у кабінеті.
   Акцентний колір теми йде в іконку, число і посилання; фон = акцент з прозорістю 6% */
.roxy-bonus-box {
	--rb-accent: var(--wd-primary-color, var(--wd-link-color, currentColor));
	--rb-border: var(--wd-form-brd-color, var(--wd-bordered-brd-color, rgba(0, 0, 0, .12)));
	--rb-radius: var(--wd-brd-radius, 6px);

	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid var(--rb-border);
	border-radius: var(--rb-radius);
	background: rgba(0, 0, 0, .03); /* fallback для старих браузерів без color-mix */
	background: color-mix(in srgb, var(--rb-accent) 6%, transparent);
	font-size: .95em;
	line-height: 1.5;
}
.roxy-bonus-box__icon {
	flex: 0 0 auto;
	margin-top: 2px;
	color: var(--rb-accent);
}
.roxy-bonus-box__text {
	flex: 1 1 auto;
	min-width: 0;
}
.roxy-bonus-box__text > * + * {
	margin-top: 8px;
}
/* Число бонусів акцентним кольором */
.roxy-bonus-box strong {
	color: var(--rb-accent);
}
.roxy-bonus-box__terms {
	display: inline-block;
	margin-left: 8px;
	font-size: .9em;
	opacity: .75;
}

/* Сторінка товару: під ціною */
.roxy-bonus-product {
	margin: 12px 0 18px;
}

/* Кошик / чекаут: поле + дві кнопки в один рядок, на мобілці переносяться */
.roxy-bonus-cart__form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.roxy-bonus-cart__form input[type="number"] {
	width: 110px;
	min-width: 0;
}
/* Кнопка «Прибрати» як текстове посилання, щоб не перебивати основну кнопку */
.roxy-bonus-cart__remove {
	background: none;
	border: 0;
	padding: 0 0 0 8px;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
}
/* Правка 13: коли знижка вже застосована, рядок «Можете списати» приглушений, форма лишається для зміни кількості */
.roxy-bonus-cart__redeem.is-applied .roxy-bonus-cart__available {
	font-size: .9em;
	opacity: .75;
}
/* Правка 13: хрестик у рядку «Знижка бонусами» в підсумках. Колір від теми, свого не задаємо */
.roxy-bonus-fee-remove {
	display: inline-block;
	margin-left: 6px;
	padding: 0 4px;
	background: none;
	border: 0;
	font: inherit;
	font-size: 1.2em;
	line-height: 1;
	color: inherit;
	opacity: .6;
	cursor: pointer;
	vertical-align: middle;
}
.roxy-bonus-fee-remove:hover {
	opacity: 1;
	color: var(--wd-alert-error-color, #b32d2e);
}
.roxy-bonus-cart__message:empty {
	display: none;
}
.roxy-bonus-cart__message.is-error {
	color: var(--wd-alert-error-color, #b32d2e);
}
.roxy-bonus-cart.is-loading {
	opacity: .6;
	pointer-events: none;
}

/* Кабінет: віджет балансу */
.roxy-bonus-balance {
	margin-bottom: 24px;
	padding: 18px 20px;
}
.roxy-bonus-balance__main {
	font-size: 1.35em;
}
.roxy-bonus-balance__money {
	opacity: .75;
}
.roxy-bonus-balance__expiry,
.roxy-bonus-balance__terms {
	font-size: .9em;
}

/* Журнал у кабінеті: колір нарахувань/списань від теми, fallback стандартні */
.roxy-bonus-log__amount.is-plus {
	color: var(--wd-alert-success-color, #2e7d32);
}
.roxy-bonus-log__amount.is-minus {
	color: var(--wd-alert-error-color, #b32d2e);
}
.roxy-bonus-pagination {
	display: flex;
	gap: 8px;
	margin-top: 16px;
}