/**
 * My Account > Subscriptions tab styling
 */

.rwcps-account-wrap {
	--rwcps-gold: var(--gold, #a8862c);
	--rwcps-ink: var(--ink, #0d0d0d);
	--rwcps-line: var(--line, #e5e2da);
	--rwcps-mut: var(--mut, #6b6b6b);
}

.rwcps-account-table {
	width: 100%;
	border-collapse: collapse;
}

.rwcps-account-table th {
	text-align: left;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--rwcps-mut);
	border-bottom: 1px solid var(--rwcps-line);
	padding: 12px 10px;
}

.rwcps-account-table td {
	padding: 14px 10px;
	border-bottom: 1px solid var(--rwcps-line);
	vertical-align: middle;
}

.rwcps-sub-id {
	color: var(--rwcps-mut);
	font-family: monospace;
}

.rwcps-status-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 600;
}

.rwcps-status-active,
.rwcps-status-authenticated {
	background: #e8f5e9;
	color: #2e7d32;
}

.rwcps-status-paused {
	background: #fff3e0;
	color: #b26a00;
}

.rwcps-status-pending_cancellation {
	background: #fff3e0;
	color: #b26a00;
}

.rwcps-status-cancelled,
.rwcps-status-halted {
	background: #fdecea;
	color: #c62828;
}

.rwcps-status-completed {
	background: #ece9f5;
	color: #5e35b1;
}

.rwcps-account-actions .button {
	background: var(--rwcps-ink);
	color: #fff;
	border: 1px solid var(--rwcps-ink);
	border-radius: 4px;
	padding: 6px 14px;
	font-size: 0.82rem;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.rwcps-account-actions .button:hover {
	background: var(--rwcps-gold);
	border-color: var(--rwcps-gold);
}

.rwcps-account-actions .rwcps-btn-cancel {
	background: transparent;
	color: var(--rwcps-ink);
}

.rwcps-account-actions .rwcps-btn-cancel:hover {
	background: #c62828;
	border-color: #c62828;
	color: #fff;
}

.rwcps-account-actions button.rwcps-loading {
	opacity: 0.6;
	pointer-events: none;
}

.rwcps-no-actions {
	color: var(--rwcps-mut);
}

.rwcps-no-subs {
	padding: 24px 0;
	color: var(--rwcps-mut);
}

@media (max-width: 600px) {
	.rwcps-account-table thead {
		display: none;
	}
	.rwcps-account-table,
	.rwcps-account-table tbody,
	.rwcps-account-table tr,
	.rwcps-account-table td {
		display: block;
		width: 100%;
	}
	.rwcps-account-table tr {
		margin-bottom: 16px;
		border: 1px solid var(--rwcps-line);
		border-radius: 6px;
		padding: 8px;
	}
	.rwcps-account-table td {
		border-bottom: none;
		padding: 8px 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.rwcps-account-table td::before {
		content: attr(data-title);
		font-weight: 600;
		color: var(--rwcps-mut);
		font-size: 0.8rem;
	}
}