/**
 * Public styles for Core subscribe and my-subscriptions shortcodes.
 *
 * Plain CSS, no build step. Loaded only on pages containing the shortcode.
 */

.robotstxt-core-subscribe {
	margin: 1em 0;
}

.robotstxt-core-subscribe--active p {
	color: #00a32a;
	font-weight: 600;
}

.robotstxt-core-subscribe-result {
	margin-left: 0.5em;
	vertical-align: middle;
}

.robotstxt-core-license-key {
	background: #f0f0f1;
	border-radius: 3px;
	font-family: Menlo, Consolas, monospace;
	padding: 2px 6px;
}

table.robotstxt-core-my-subscriptions {
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0;
}

table.robotstxt-core-my-subscriptions th,
table.robotstxt-core-my-subscriptions td {
	border: 1px solid #dcdcde;
	padding: 0.5em 0.75em;
	text-align: left;
	vertical-align: middle;
}

table.robotstxt-core-my-subscriptions th {
	background: #f0f0f1;
	font-weight: 600;
}

.robotstxt-core-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 0.85em;
	font-weight: 600;
	color: #fff;
}

.robotstxt-core-status--active {
	background: #00a32a;
}

.robotstxt-core-status--payment_failed {
	background: #dba617;
}

.robotstxt-core-status--cancelled,
.robotstxt-core-status--expired {
	background: #d63638;
}

.robotstxt-core-copy-license {
	margin-left: 0.5em;
}