/* Info Container */
.wizard-info-container {
	display: flex;
	align-items: start;
	justify-content: start;
	gap: 0.25rem;
  margin: 0.5rem 0;
  padding: 0.25rem 0.5rem;
  background-color: #D8EDFF;

  &,
  * {
		font-size: 0.8rem;
		line-height: 1.2;
		--color: #004198;
  }

	/* Icona i */
	&::before {
		content: "\f05a";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 16px;
		margin-top: 1px;
	}

	/* Testo Info */
  .form-item-wrapper {
		display: flex;
    flex-direction: column;
    gap: 0.5rem;
		width: 100%;
		padding: 0.25rem 0;

		.wizard-info-text {
			.read-more-content {
				margin: 0.35rem 0;
			}
		}
  }

	/* Wizard info container senza info ma solo approfondimenti */
	&.wizard-info-container-0-infos {
		/* Nascondo icona info */
		&::before {
			display: none;
		}
	}

  /* Nascondo eventuale pulsante configuratore */
  .go-to-wizard {
    display: none !important;
  }
}

/* Icona Trigger More info */
.more-info-trigger {
	--color: #004198;

	position: relative;
	flex: 0 0 16px;
	overflow: visible;

	/* Icona i */
	i {
		cursor: pointer;
	}

	/* Content */
  .form-item-wrapper {
		padding-top: 0;
		padding-bottom: 0;
	}

	/* Info */
	.wizard-info-container {
		--width: 300px;
		position: absolute;
		top: 0;
		right: calc(var(--width, 300px) / 2 * -1);
		transform: translateY(-70%);
		display: flex;
		align-items: start;
		justify-content: start;
		gap: 0.25rem;
		width: var(--width, 300px);
		padding: 0.35rem;
		z-index: 9;

		/* Icona info */
		&::before {
			font-size: 14px;
			margin-top: -1px;
		}
	}
}