.diga-sub {
	color: inherit;
	font: inherit;
	text-align: start;
	margin-block:24px}

.diga-sub * {
	box-sizing: border-box
}

.diga-sub h2,.diga-sub h3 {
	color: inherit;
	line-height: 1.8;
	margin: 0 0 14px
}

.diga-sub p {
	line-height: 1.9
}

.diga-sub-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
	gap: 18px;
	margin-block:20px}

.diga-sub-card {
	border: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	border-radius: 16px;
	padding: 24px;
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 12px;
	min-width: 0
}

.diga-sub-card p,.diga-sub-card h3 {
	margin: 0
}

.diga-sub-icon {
	color: var(--maincolor);
	font-size: 26px
}

.diga-sub-description {
	font-size: .9em;
	color: inherit
}

.diga-sub-price {
	font-size: 1.3em;
	font-weight: 700;
	margin-block:8px}

.diga-sub .diga-sub-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid var(--maincolor);
	border-radius: 10px;
	background: var(--maincolor);
	color: #fff;
	font: inherit;
	text-decoration: none;
	cursor: pointer
}

.diga-sub .diga-sub-button.secondary {
	background: #FFF;
	border-color: color-mix(in srgb, var(--maincolor) 20%, transparent);
	color: inherit
}

.diga-sub a:focus-visible,.diga-sub button:focus-visible {
	outline: 3px solid var(--maincolor);
	outline-offset: 3px
}

.diga-sub dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px 24px;
	margin: 12px 0;
	width: 100%
}

.diga-sub dd {
	margin: 0;
	overflow-wrap: anywhere
}

.diga-sub dt,.diga-sub-muted {
	color: inherit
}

.diga-sub-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border: 1px solid currentColor;
	border-radius: 20px;
	font-size: .8em
}

.diga-sub-status.is-active {
	color: var(--badgecolor)
}

.diga-sub-status.is-expired,.diga-sub-status.is-cancelled {
	color: color-mix(in srgb, var(--secondcolor) 45%, #000)
}

.diga-sub-status.is-pending {
	color: color-mix(in srgb, var(--secondcolor) 45%, #000)
}

.diga-sub-action {
	margin: 0
}

.diga-sub-courses {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 12px
}

.diga-sub-courses li {
	padding: 10px 0;
	border-bottom: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent)
}

.diga-sub-courses a {
	color: inherit;
	text-decoration: none
}

.diga-sub-notice,.diga-sub-empty {
	border: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	background: #FFF;
	border-radius: 12px;
	padding: 16px;
	line-height: 1.9
}

.diga-sub-term {
	width: 100%;
	border-top: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	padding-block:14px;display: grid;
	gap: 12px
}

.diga-sub progress {
	display: block;
	width: 100%;
	height: 8px;
	accent-color: var(--maincolor);
	margin-block:10px}

.diga-sub-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-block:20px}

.diga-sub-pagination a {
	padding: 10px;
	border: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	border-radius: 8px
}

.diga-sub-pagination [aria-current] {
	background: var(--maincolor);
	color: #fff
}

.diga-sub-summary {
	margin-block:24px}

@media(max-width: 540px) {
	.diga-sub-card {
		padding:18px
	}

	.diga-sub dl {
		gap: 10px
	}

	.diga-sub .diga-sub-button {
		width: 100%
	}

	.diga-sub-action {
		width: 100%
	}
}

/* Plan comparison: scoped typography, course previews and a clear cart action. */
.diga-sub-plans-heading {
	max-width: 720px;
	margin-inline:auto;text-align: center;
	margin-block:12px 32px}

.diga-sub-plans-heading h2 {
	font-size: clamp(1.35em,3vw,2em);
	font-weight: 800;
	margin-block:12px}

.diga-sub-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--maincolor);
	font-size: .85em;
	font-weight: 600;
	padding: 7px 14px;
	border: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	border-radius: 30px
}

.diga-sub-plans .diga-sub-grid {
	align-items: stretch;
	gap: 22px
}

.diga-sub-plans .diga-sub-plan-card {
	position: relative;
	width: 100%;
	padding: 26px;
	gap: 16px;
	border-top: 3px solid var(--maincolor);
	box-shadow: 0 8px 28px rgb(32 36 61 / 5%);
	transition: border-color .18s,box-shadow .18s
}

.diga-sub-plan-card:hover {
	border-color: var(--maincolor);
	box-shadow: 0 12px 32px rgb(32 36 61 / 10%)
}

.diga-sub-plan-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%
}

.diga-sub-plan-top .diga-sub-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	border-radius: 14px;
	font-size: 23px
}

.diga-sub-duration {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: .82em;
	color: inherit;
	padding: 6px 10px;
	border: 1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);
	border-radius: 8px
}

.diga-sub-plans .diga-sub-plan-card h3 {
	font-size: 1.3em;
	font-weight: 750;
	margin: 0
}

.diga-sub-plans .diga-sub-description {
	line-height: 1.9;
	width: 100%
}

.diga-sub-plans .diga-sub-description p {
	margin: 0
}

.diga-sub-plan-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
	width: 100%;
	padding-block:18px;border-block:1px solid color-mix(in srgb, var(--maincolor) 20%, transparent);font-size: 1.6em;
	font-weight: 800;
	line-height: 1.6
}

.diga-sub-plan-price>.diga-sub-muted {
	display: block;
	flex-basis: 100%;
	font-size: .6em;
	font-weight: 400
}

.diga-sub-plan-price del {
	font-size: 0.75em;
	color: inherit;
	font-weight: 400;
	text-decoration: auto;
}

.diga-sub-plan-price ins {
	background: transparent;
	text-decoration: none
}

.diga-sub-plan-price .woocommerce-Price-currencySymbol {
	font-size: .65em;
	font-weight: 500
}

.diga-sub-plan-content {
	width: 100%;
	flex: 1
}

.diga-sub-plan-content h4 {
	font: inherit;
	font-weight: 650;
	margin: 0 0 14px;
	color: inherit
}

.diga-sub-plan-features {
	list-style: none!important;
	padding: 0!important;
	margin: 0!important;
	display: grid;
	gap: 12px
}

.diga-sub-plan-features li {
	display: flex;
	align-items: baseline;
	gap: 9px;
	font-size: .86em;
	line-height: 1.9;
	overflow-wrap: anywhere
}

.diga-sub-plan-features i {
	color: var(--maincolor);
	flex-shrink: 0
}

.diga-sub-plan-more {
	margin-block-start:12px}

.diga-sub-plan-more summary {
	cursor: pointer;
	color: var(--maincolor);
	font-size: .84em;
	padding-block:8px}

.diga-sub-plan-footer,.diga-sub-plan-footer form {
	width: 100%;
	margin: 0
}

.diga-sub-plan-footer {
	margin-block-start:8px;display: grid;
	gap: 12px
}

.diga-sub-plan-footer .diga-sub-button {
	width: 100%;
	justify-content: space-between;
	font-weight: 600;
	min-height: 48px
}

.diga-sub-plan-footer .diga-sub-payment-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 0;
	font-size: .85em;
	color: inherit
}

@media(max-width: 540px) {
	.diga-sub-plans .diga-sub-plan-card {
		padding:20px
	}

	.diga-sub-plans-heading {
		margin-block:0 24px}

	.diga-sub-plans .diga-sub-grid {
		gap: 16px
	}

	.diga-sub-plan-price {
		font-size: 1.45em
	}
}

@media(prefers-reduced-motion:reduce) {
	.diga-sub-plan-card {
		transition: none
	}
}

.diga-sub-plans .diga-sub-grid {
	max-width: 1140px;
	margin-inline:auto}

.diga-sub-plans .diga-sub-plan-card {
	max-width: 380px;
	justify-self: center
}

.diga-sub-duration i {
	color: var(--secondcolor)
}

.diga-sub-plan-content h4>i {
	color: var(--badgecolor);
	font-size: 18px;
	vertical-align: middle;
	margin-left: 10px;
}

.diga-sub-plan-card:hover {
	border-top-color: var(--secondcolor)
}

/* Explicit theme primary and secondary actions, scoped to this module. */
.diga-sub .diga-sub-button {
	background-color: var(--maincolor);
	border-color: var(--maincolor)
}

.diga-sub .diga-sub-button.secondary,.diga-sub .diga-sub-button:hover {
	background-color: var(--secondcolor);
	border-color: var(--secondcolor);
	color: inherit
}

.diga-sub .diga-sub-button:focus-visible {
	outline-color: var(--maincolor)
}