/**
 * A2 Woo Subscriptions — frontend styles.
 * Mirrors the typography of the reference plugin for price strings,
 * subscription action buttons and My-Account list table.
 */

/* ----- Subscription price details (small) ----- */
.subscription-details {
	display: inline;
	margin-left: 4px;
	color: #5b5b5b;
	font-size: 0.9em;
	font-weight: normal;
}

/* ----- Recurring totals breakdown table on cart/checkout ----- */
.a2-woo-subs-recurring-heading th {
	background: #f7f7f7;
	font-weight: 700;
	border-top: 2px solid #e5e5e5;
	padding-top: 1em;
}
.a2-woo-subs-recurring-line th {
	font-weight: normal;
	color: #555;
}

/* ----- My-Account: subscriptions list ----- */
.my_account_subscriptions th,
.my_account_subscriptions td {
	vertical-align: middle;
}

.a2-woo-subs-status {
	display: inline-block;
	padding: .25em .55em;
	border-radius: 3px;
	font-size: .85em;
	font-weight: 600;
	background: #e5e5e5;
	color: #444;
}
.a2-woo-subs-status.status-active        { background: #c6e1c6; color: #5b841b; }
.a2-woo-subs-status.status-on-hold       { background: #f8dda7; color: #94660c; }
.a2-woo-subs-status.status-pending-cancel{ background: #f8dda7; color: #94660c; }
.a2-woo-subs-status.status-cancelled     { background: #eba3a3; color: #761919; }
.a2-woo-subs-status.status-expired       { background: #e5e5e5; color: #777; }
.a2-woo-subs-status.status-pending       { background: #d0d0d0; color: #43454b; }

/* ----- View Subscription page ----- */
.a2-woo-subs-overview {
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	padding: 1em 1.4em;
	border-radius: 3px;
	margin-bottom: 1.5em;
}
.a2-woo-subs-actions { margin-bottom: 2em; }
.a2-woo-subs-actions .button {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.a2-woo-subs-actions .button.cancel { background: #d63638; color: #fff; }
.a2-woo-subs-actions .button.suspend { background: #f0b849; color: #fff; }
.a2-woo-subs-actions .button.reactivate,
.a2-woo-subs-actions .button.renew { background: #00a32a; color: #fff; }

table.subscription_details th {
	width: 28%;
	text-align: left;
	font-weight: 600;
}
table.subscription-items th {
	font-weight: 600;
}