/*==================================================
EVER THEME
Pricing
Version 2.0.0
==================================================*/

/* PRICING SECTION
==================================================*/

.ever-pricing {
	position: relative;
}

.ever-pricing__list {
	width: 100%;
	margin: 0;
	padding: 0;

	list-style: none;
}

/* PRICING ITEM
==================================================*/

.ever-price-item {
	position: relative;

	padding-block: var(--space-7);

	border-bottom: 1px solid var(--color-border);

	transition:
		padding-left var(--transition),
		border-color var(--transition);
}

.ever-price-item:first-child {
	border-top: 1px solid var(--color-border);
}

.ever-price-item:hover {
	padding-left: var(--space-4);

	border-color: var(--color-primary-light);
}

/* MAIN ROW
==================================================*/

.ever-price-item__row {
	display: flex;
	align-items: baseline;

	width: 100%;
}

/* TITLE
==================================================*/

.ever-price-item__title {
	flex-shrink: 0;

	margin: 0;

	font-family: var(--font-heading);
	font-size: 30px;
	font-weight: var(--fw-regular);
	line-height: 1.2;

	color: var(--color-primary-dark);
}

/* DIVIDER
==================================================*/

.ever-price-item__divider {
	flex: 1;

	min-width: var(--space-6);
	height: 1px;

	margin-inline: var(--space-5);

	background: var(--color-border);

	transition: background var(--transition);
}

.ever-price-item:hover .ever-price-item__divider {
	background: var(--color-primary-light);
}

/* PRICE
==================================================*/

.ever-price-item__price-wrap {
	flex-shrink: 0;

	display: flex;
	align-items: baseline;
	gap: 3px;

	color: var(--color-primary-dark);
}

.ever-price-item__price {
	font-family: var(--font-heading);
	font-size: 30px;
	font-weight: var(--fw-regular);
	line-height: 1;
}

.ever-price-item__currency {
	font-family: var(--font-heading);
	font-size: 22px;
	font-weight: var(--fw-regular);
	line-height: 1;
}

/* DESCRIPTION
==================================================*/

.ever-price-item__description {
	max-width: 760px;

	margin-top: var(--space-3);

	font-family: var(--font-body);
	font-size: 16px;
	font-weight: var(--fw-regular);
	line-height: var(--lh-normal);

	color: var(--color-text-light);
}

.ever-price-item__description p {
	margin: 0;
}

/* LINKED ITEM
==================================================*/

.ever-price-item__link {
	color: inherit;
	text-decoration: none;
}

.ever-price-item__link::after {
	content: "";

	position: absolute;
	inset: 0;

	z-index: 2;
}

.ever-price-item:has(.ever-price-item__link:focus-visible) {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
}

.ever-price-item__link:focus-visible {
	outline: none;
}

/* FEATURED ITEM
==================================================*/

.ever-price-item--featured {
	margin-block: var(--space-4);
	padding: var(--space-6);

	background: var(--color-secondary);

	border: 0;
	border-radius: var(--radius-lg);
}

.ever-price-item--featured:first-child {
	border-top: 0;
}

.ever-price-item--featured:hover {
	padding-left: calc(var(--space-6) + var(--space-2));
}

/* PRICING CARD
==================================================*/

.ever-pricing-card {
	position: relative;

	display: flex;
	flex-direction: column;

	height: 100%;
	padding: var(--space-7);

	background: var(--color-surface);

	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);

	box-shadow: var(--shadow-xs);

	transition:
		transform var(--transition),
		box-shadow var(--transition),
		border-color var(--transition);
}

.ever-pricing-card:hover {
	transform: translateY(-6px);

	border-color: var(--color-primary-light);

	box-shadow: var(--shadow-md);
}

.ever-pricing-card__eyebrow {
	margin-bottom: var(--space-4);

	font-size: var(--fs-xs);
	font-weight: var(--fw-medium);

	letter-spacing: 0.18em;
	text-transform: uppercase;

	color: var(--color-primary);
}

.ever-pricing-card__title {
	margin: 0 0 var(--space-4);

	font-size: 30px;
}

.ever-pricing-card__price {
	margin-bottom: var(--space-5);

	font-family: var(--font-heading);
	font-size: 30px;
	line-height: 1;

	color: var(--color-primary);
}

.ever-pricing-card__description {
	margin-bottom: var(--space-6);

	font-size: 16px;
	line-height: var(--lh-normal);

	color: var(--color-text-light);
}

.ever-pricing-card__content {
	flex: 1;
}

.ever-pricing-card__footer {
	margin-top: auto;
	padding-top: var(--space-6);
}

/* PRICING GRID
==================================================*/

.ever-pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
}

/* GUTENBERG PRICE LIST
==================================================*/

.ever-price-list {
	width: 100%;
}

.ever-price-list > .wp-block-group {
	padding-block: var(--space-7);

	border-bottom: 1px solid var(--color-border);
}

.ever-price-list > .wp-block-group:first-child {
	border-top: 1px solid var(--color-border);
}

/* LEGACY PRICE LIST
==================================================*/

.ever-price-list-item {
	position: relative;

	padding-block: var(--space-7);

	border-bottom: 1px solid var(--color-border);
}

.ever-price-list-item:first-child {
	border-top: 1px solid var(--color-border);
}

.ever-price-list-item__name-wrap {
	display: flex;
	align-items: baseline;

	width: 100%;
}

.ever-price-list-item__name {
	flex-shrink: 0;

	margin: 0;

	font-family: var(--font-heading);
	font-size: 30px;
	font-weight: var(--fw-regular);
	line-height: 1.2;

	color: var(--color-primary-dark);
}

.ever-price-list-item__divider {
	flex: 1;

	min-width: var(--space-6);
	height: 1px;

	margin-inline: var(--space-5);

	background: var(--color-border);
}

.ever-price-list-item__price-wrap {
	flex-shrink: 0;

	display: flex;
	align-items: baseline;
	gap: 3px;
}

.ever-price-list-item__price {
	font-family: var(--font-heading);
	font-size: 30px;
	line-height: 1;

	color: var(--color-primary-dark);
}

.ever-price-list-item__currency {
	font-family: var(--font-heading);
	font-size: 22px;
	line-height: 1;

	color: var(--color-primary-dark);
}

.ever-price-list-item__description {
	max-width: 760px;

	margin-top: var(--space-3);

	font-size: 16px;
	line-height: var(--lh-normal);

	color: var(--color-text-light);
}

.ever-price-list-item__description p {
	margin: 0;
}

/* RESPONSIVE
==================================================*/

@media (max-width: 1024px) {

	.ever-pricing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@media (max-width: 768px) {

	.ever-price-item,
	.ever-price-list-item {
		padding-block: var(--space-6);
	}

	.ever-price-item:hover {
		padding-left: 0;
	}

	.ever-price-item__row,
	.ever-price-list-item__name-wrap {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: var(--space-3);
		align-items: baseline;
	}

	.ever-price-item__title,
	.ever-price-list-item__name {
		font-size: 27px;
	}

	.ever-price-item__divider,
	.ever-price-list-item__divider {
		display: none;
	}

	.ever-price-item__price,
	.ever-price-list-item__price {
		font-size: 27px;
	}

	.ever-price-item__description,
	.ever-price-list-item__description {
		margin-top: var(--space-3);

		font-size: 16px;
	}

	.ever-pricing-grid {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 480px) {

	.ever-price-item__row,
	.ever-price-list-item__name-wrap {
		grid-template-columns: 1fr;
	}

	.ever-price-item__price-wrap,
	.ever-price-list-item__price-wrap {
		margin-top: var(--space-2);
	}

	.ever-price-item__title,
	.ever-price-list-item__name {
		font-size: 25px;
	}

	.ever-price-item__price,
	.ever-price-list-item__price {
		font-size: 25px;
	}

	.ever-price-item--featured {
		padding: var(--space-5);
	}

	.ever-price-item--featured:hover {
		padding-left: var(--space-5);
	}

	.ever-pricing-card {
		padding: var(--space-5);
	}

}

/* PRICING CARD : prix et liste (page Tarifs)
==================================================*/

.ever-pricing-grid {
	align-items: stretch;
}

.ever-pricing-card__title {
	line-height: var(--lh-tight);
}

.ever-pricing-card__price {
	display: flex;
	align-items: baseline;
	gap: 4px;

	margin-bottom: 0;
	padding-bottom: var(--space-5);

	border-bottom: 1px solid var(--color-border);

	color: var(--color-primary-dark);
}

.ever-pricing-card__amount {
	font-family: var(--font-heading);
	font-size: 60px;
	font-weight: var(--fw-regular);
	line-height: 1;
}

.ever-pricing-card__currency {
	font-family: var(--font-heading);
	font-size: 28px;
	line-height: 1;

	color: var(--color-primary);
}

.ever-pricing-card__description {
	margin-top: var(--space-5);
}

.ever-pricing-card__features,
.ever-service-card__list {
	display: grid;
	gap: var(--space-3);

	margin: 0 0 var(--space-5);
	padding: 0;

	list-style: none;
}

.ever-pricing-card__features li,
.ever-service-card__list li {
	position: relative;

	padding-left: 28px;

	font-size: 16px;
	line-height: var(--lh-normal);

	color: var(--color-text);
}

.ever-pricing-card__features li::before,
.ever-service-card__list li::before {
	content: "";

	position: absolute;
	top: 0.5em;
	left: 2px;

	width: 11px;
	height: 6px;

	border-bottom: 1.5px solid var(--color-primary);
	border-left: 1.5px solid var(--color-primary);

	transform: rotate(-45deg);
}

.ever-pricing-card__footer .ever-button {
	width: 100%;
}

/* Titres sur 2 lignes réservées : les prix restent alignés d'une carte à l'autre */
@media (min-width: 1025px) {

	.ever-pricing-card__title {
		min-height: calc(var(--lh-tight) * 2em);
	}

}