/**
 * Affiliate Coupons for WooCommerce
 * Минимален CSS за "Моят акаунт" зоната на афилиейта и за статус
 * баджовете, използвани и в админ отчета. Всички класове са с префикс
 * "afcw-", за да не влизат в конфликт със стиловете на активната тема.
 */

.afcw-summary-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 0 0 1.5em;
}

.afcw-summary-card {
	flex: 1 1 200px;
	padding: 1em 1.25em;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	background: #f8f8f8;
}

.afcw-summary-card__label {
	display: block;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #666666;
	margin-bottom: 0.35em;
}

.afcw-summary-card__value {
	display: block;
	font-size: 1.4em;
	font-weight: 600;
}

.afcw-table {
	width: 100%;
}

.afcw-pagination {
	margin-top: 1em;
}

.afcw-pagination .page-numbers {
	display: inline-block;
	padding: 0.35em 0.7em;
	margin-right: 0.25em;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	text-decoration: none;
}

.afcw-pagination .page-numbers.current {
	background: #333333;
	color: #ffffff;
	border-color: #333333;
}

.afcw-status {
	display: inline-block;
	padding: 0.2em 0.6em;
	border-radius: 3px;
	font-size: 0.9em;
	font-weight: 600;
	white-space: nowrap;
}

.afcw-status--pending {
	background: #fff3cd;
	color: #856404;
}

.afcw-status--available {
	background: #d4edda;
	color: #155724;
}

.afcw-status--paid {
	background: #cce5ff;
	color: #004085;
}

.afcw-status--cancelled {
	background: #f8d7da;
	color: #721c24;
}