/**
 * Smart Coupon Engine — Public/Storefront Styles
 *
 * @package SmartCouponEngine
 */

/* -----------------------------------------------------------------------
 * Savings Row in Cart/Checkout
 * --------------------------------------------------------------------- */
.sce-savings-row th,
.sce-savings-row td {
	background: #f0fff4 !important;
	border-top: 2px solid #46b450;
}

.sce-savings-amount {
	font-size: 18px;
	font-weight: 700;
	color: #28a745;
}

.sce-savings-note {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #646970;
}

/* -----------------------------------------------------------------------
 * Auto-Apply Badge
 * --------------------------------------------------------------------- */
.sce-auto-badge {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 10px;
	background: #d4edda;
	color: #155724;
	font-size: 11px;
	font-weight: 500;
	vertical-align: middle;
	margin-left: 4px;
}

/* -----------------------------------------------------------------------
 * Coupon Description Under Cart Totals
 * --------------------------------------------------------------------- */
.sce-coupon-desc {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #888;
	font-style: italic;
}

/* -----------------------------------------------------------------------
 * Auto-Apply Notification
 * --------------------------------------------------------------------- */
.woocommerce-message.sce-auto-applied {
	border-top-color: #46b450;
}

/* -----------------------------------------------------------------------
 * Responsive
 * --------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	.sce-savings-amount {
		font-size: 16px;
	}
}