/* ==========================================================================
   Totals block
   ========================================================================== */

.lc-block-totals {
	margin-block-start: var(--wp--preset--spacing--xx-large) !important;
	margin-block-end: var(--wp--preset--spacing--xx-large) !important;

	.lc-block-totals__container {
		max-width: var(--wp--style--global--wide-size);
		margin: 0 auto;
		padding: 0 var(--wp--custom--site-padding);
	}

	.lc-block-totals__header {
		text-align: center;
		margin-bottom: var(--wp--preset--spacing--x-large);

		@media (max-width: 768px) {
			margin-bottom: var(--wp--preset--spacing--large);
		}
	}

	.lc-block-totals__title {
		margin: 0;
		font-family: var(--wp--preset--font-family--ivypresto-display);
		font-size: var(--wp--preset--font-size--heading-2);
		font-weight: 300;
		line-height: 1.3;
		letter-spacing: 1px;
		color: var(--wp--preset--color--neutral-10);

		@media (max-width: 768px) {
			font-size: var(--wp--preset--font-size--heading-3);
		}

		.highlight {
			color: #087d64;
		}
	}

	.lc-block-totals__circles {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--wp--preset--spacing--medium);
		margin-bottom: var(--wp--preset--spacing--x-large);

		@media (max-width: 768px) {
			flex-direction: column;
			gap: var(--wp--preset--spacing--medium);
			margin-bottom: var(--wp--preset--spacing--large);
		}
	}

	.lc-block-totals__circle {
		min-width: 300px;
		width: 300px;
		height: 300px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: var(--wp--preset--spacing--large);
		color: var(--wp--preset--color--neutral-10);

		@media (max-width: 768px) {
			min-width: 280px;
			width: 280px;
			height: 280px;
			padding: var(--wp--preset--spacing--medium);

			&:nth-of-type(even) {
				align-self: flex-end;
			}

			&:nth-of-type(odd) {
				align-self: flex-start;
			}
		}

		@media (max-width: 480px) {
			min-width: 250px;
			width: 250px;
			height: 250px;
		}
	}

	.lc-block-totals__circle:nth-of-type(1) {
		background-color: var(--wp--preset--color--primary-40);
	}

	.lc-block-totals__circle:nth-of-type(2) {
		background-color: var(--wp--preset--color--secondary-30);
	}

	.lc-block-totals__circle:nth-of-type(3) {
		background-color: var(--wp--preset--color--tertiary-10);
		color: var(--wp--preset--color--white);
	}

	.lc-block-totals__headline {
		font-family: var(--wp--preset--font-family--ivypresto-display);
		font-size: var(--wp--preset--font-size--heading-1);
		font-weight: 300;
		line-height: 1.2;
		letter-spacing: 1px;
		margin-bottom: var(--wp--preset--spacing--small);

		@media (max-width: 768px) {
			font-size: var(--wp--preset--font-size--heading-2);
		}

		@media (max-width: 480px) {
			font-size: var(--wp--preset--font-size--heading-3);
		}
	}

	.lc-block-totals__description {
		font-family: var(--wp--preset--font-family--inter);
		font-size: var(--wp--preset--font-size--body-regular);

		@media (max-width: 768px) {
			font-size: var(--wp--preset--font-size--body-small);
		}
	}

	.lc-block-totals__buttons {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: var(--wp--preset--spacing--medium);
		flex-wrap: wrap;

		@media (max-width: 768px) {
			flex-direction: column;
			gap: var(--wp--preset--spacing--small);
		}
	}

	.wp-block-button {
		margin: 0;
	}
}