/* HitPay Subscriptions — front-end styling for the [awl_subscription_plans]
   shortcode and the product-page "Subscribe & Save" option. Kept minimal
   and easy to override from the theme; deliberately doesn't touch anything
   else on the page. */

.awl-subscription-plans {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1.5em;
	margin: 1.5em 0;
}

.awl-subscription-plan-card {
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	padding: 1.25em;
	background: #fff;
}

.awl-subscription-plan-name {
	margin: 0 0 0.4em;
}

.awl-subscription-plan-description {
	color: #555;
	margin: 0 0 0.75em;
}

.awl-subscription-plan-price {
	font-weight: 600;
	margin: 0 0 1em;
}

.awl-subscribe-form .awl-subscribe-field {
	margin: 0 0 0.6em;
}

.awl-subscribe-form .awl-subscribe-field label {
	display: block;
	font-size: 0.9em;
	margin-bottom: 0.25em;
}

.awl-subscribe-form input[type="text"],
.awl-subscribe-form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em;
}

.awl-subscribe-submit {
	margin-top: 0.5em;
}

.awl-product-subscribe {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed #ddd;
}

.awl-product-subscribe-label {
	margin: 0 0 0.5em;
}

.awl-subscribe-frequency-options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	margin: 0 0 0.5em;
}

.awl-subscribe-frequency-option {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	font-size: 0.95em;
	cursor: pointer;
}

.awl-subscribe-frequency-option input[type="radio"] {
	margin: 0;
}