@use "../../scss/typography";
@use "../../scss/variables/colors";
@use "../../scss/functions/rem";

.jp-form-settings-group {
	position: relative;
	margin-bottom: 0;

	p {
		font-size: typography.$font-body-small;
		margin-top: 0;
		margin-bottom: rem.convert(24px);

		&.jp-settings-card__blocks-description {
			margin-bottom: 0;
		}

		&.jp-settings-card__email-settings {
			margin-bottom: 0.7rem;
		}
	}

	fieldset p:last-child {
		margin-bottom: 8px;
	}

	.form-toggle__label {
		margin-top: rem.convert(4px);
		margin-bottom: rem.convert(4px);
	}

	.jp-form-setting-explanation {
		color: colors.$gray-text-min;
		display: block;
		margin: rem.convert(5px) rem.convert(14px) rem.convert(5px) 0;
		font-size: typography.$font-body-small;
		font-style: italic;
		font-weight: 400;
		word-break: break-word;

		+ .dops-card {
			margin-top: rem.convert(16px);
		}

		&.is-warning {
			color: colors.$alert-red;
		}

		a {
			text-decoration: underline;
		}
	}

	.dops-foldable-card & {

		/* padding-bottom: 16px; */
	}

	.dops-card {
		padding-right: rem.convert(72px);
	}

	.jp-support-info {
		top: rem.convert(18px);
		right: rem.convert(28px);

		+ p {
			margin-top: 2px;
		}

		+ span {
			padding-top: 2px;
			display: block;
		}
	}

	.form-toggle__switch {
		float: left;
		margin-top: 2px;
	}

	> .dops-card:first-child {
		margin-bottom: 0;
	}

	.dops-foldable-card & .dops-card {
		padding: 0;
		box-shadow: none;
	}

	&.foldable-wrapper > .dops-card {
		padding: 0;
	}

	.email-settings__title {
		margin-bottom: 0.3rem;
	}
}
