/*
 * Membership by Adsplode — minimal frontend styling.
 *
 * Intentionally tiny: Kadence's own theme styling is expected to win for typography, colors and
 * spacing everywhere else. These rules only give the plugin's notice boxes and the landing
 * shortcode enough structure (padding, a border, basic list layout) to be readable on any theme.
 */

.tp-abonnement-notice {
	margin: 0 0 1em;
	padding: 0.75em 1em;
	border-left: 3px solid currentColor;
	background: rgba(0, 0, 0, 0.03);
}

.tp-member-message {
	color: #2a6a2a;
}

.tp-upsell-message {
	color: #7a5b00;
}

.tp-abonnement-term-status {
	font-weight: 600;
}

/* Blocked: still inside the minimum term, no cancel button shown — this is the one state that
   most needs to be unmissable, since it's the only explanation the customer gets for why there's
   no cancel button at all. */
.tp-abonnement-term-status--in-term {
	color: #8a5a00;
	border-left-color: #d98c00;
	background: rgba(217, 140, 0, 0.08);
}

/* Cancellation already scheduled (Opzeggen clicked, Undo still available). */
.tp-abonnement-term-status--scheduled-end {
	color: #8a2c1f;
	border-left-color: #c0392b;
	background: rgba(192, 57, 43, 0.08);
}

/* Past the minimum term, free to cancel any time. */
.tp-abonnement-term-status--cancellable {
	color: #2a6a2a;
	border-left-color: #2a6a2a;
	background: rgba(42, 106, 42, 0.06);
}

.tp-abonnement-landing {
	max-width: 640px;
}

.tp-abonnement-landing__title {
	margin-bottom: 0.5em;
}

.tp-abonnement-landing__perks,
.tp-abonnement-landing__terms {
	margin: 0 0 0.75em;
}

.tp-abonnement-landing__cta {
	display: inline-block;
	margin-top: 0.75em;
}