/**
 * Course tariffs section (shared markup: .cp-certified-tariffs* from certifications layout).
 */

.cp-certified-tariffs {
	margin-top: 5rem;
}

#tariffs.cp-certified-tariffs {
	scroll-margin-top: calc(80px + 1.25rem);
}

body.admin-bar #tariffs.cp-certified-tariffs {
	scroll-margin-top: calc(80px + 1.25rem + 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar #tariffs.cp-certified-tariffs {
		scroll-margin-top: calc(80px + 1.25rem + 46px);
	}
}

.cp-certified-tariffs__title {
	font-size: 2.5rem;
	font-weight: 800;
	color: #333;
	text-align: center;
	margin: 0;
}

.cp-certified-tariffs__subtitle {
	margin: 1.25rem auto 0;
	max-width: 45rem;
	text-align: center;
	font-size: 1.25rem;
	color: #555;
}

.cp-certified-tariffs__grid {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 1.25rem;
	/* Set inline on grid: --ph-tariff-count (number of cards). Fallback 4 for older markup. */
	--ph-tariff-count: 4;
}

.cp-certified-tariff-card {
	background: linear-gradient(180deg, #0b0b0b 0%, #050505 100%);
	color: #fff;
	border-radius: 1.5rem;
	padding: 2rem 1.875rem 1.75rem;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
	gap: 2rem;
	/* Mobile: 1 per row */
	flex: 1 1 100%;
	max-width: min(31.25rem, 100%);
	min-width: 0;
}

/* Tablet: 1–2 columns from actual count; width grows when fewer cards (cap 500px). */
@media (min-width: 768px) and (max-width: 1024px) {
	.cp-certified-tariffs__grid .cp-certified-tariff-card {
		--ph-tariff-cols: min(2, var(--ph-tariff-count));
		flex: 1 1 calc((100% - (var(--ph-tariff-cols) - 1) * 1.25rem) / var(--ph-tariff-cols));
		max-width: min(
			31.25rem,
			calc((100% - (var(--ph-tariff-cols) - 1) * 1.25rem) / var(--ph-tariff-cols))
		);
	}
}

/* Desktop: 1–4 columns from actual count; width grows when fewer cards (cap 500px). */
@media (min-width: 1025px) {
	.cp-certified-tariffs__grid .cp-certified-tariff-card {
		--ph-tariff-cols: min(4, var(--ph-tariff-count));
		flex: 1 1 calc((100% - (var(--ph-tariff-cols) - 1) * 1.25rem) / var(--ph-tariff-cols));
		max-width: min(
			36rem,
			calc((100% - (var(--ph-tariff-cols) - 1) * 1.25rem) / var(--ph-tariff-cols))
		);
	}
}

.cp-certified-tariff-card__name {
	margin: 0;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #fff !important;
	text-align: center;
}

.cp-certified-tariff-card__content {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.95) !important;
}

.cp-certified-tariff-card__content,
.cp-certified-tariff-card__content * {
	color: inherit !important;
}

.cp-certified-tariff-card__content p {
	margin: 0 0 0.625rem;
}

.cp-certified-tariff-card__content ul {
	margin: 0.25rem 0 0.875rem;
	padding-left: 0;
	list-style: none;
}

.cp-certified-tariff-card__content li {
	margin-bottom: 0.3rem;
	position: relative;
	padding-left: 1.6rem;
}

.cp-certified-tariff-card__content li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.25rem;
	width: 1.25rem;
	height: 1.25rem;
	background: url("../icons/check-green-circle.svg") no-repeat center / contain;
}

.cp-certified-tariff-card__btn {
	font-size: 1.4rem;
	align-self: center;
	min-width: 11.25rem;
}

.cp-certified-tariff-card__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
}

.cp-certified-tariff-card__btn--consult {
	min-width: 11.25rem;
}

.cp-certified-tariff-card__footer {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cp-certified-tariff-card__prices {
	margin-top: 1rem;
	text-align: center;
}

.cp-certified-tariff-card__regular {
	font-size: 1.4rem;
	line-height: 1.2;
	text-decoration: line-through;
	color: rgba(255, 255, 255, 0.85) !important;
}

.cp-certified-tariff-card__active {
	margin-top: 0.25rem;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 800;
	color: #fff !important;
}