/**
 * Styles for the Share widget
 * 
 * @since 2024-08-18
 * @author Designs and Codes, LLC
 */

:is(
	.ywr_seasons__share-widget.ywr_seasons__share-widget,
	.ywr_seasons__share-widget__form__content.ywr_seasons__share-widget__form__content
) > * {
	margin-block: var( --ywr-seasons__spacing-v__block );
}

.ywr_seasons__share-widget {
	margin-inline: auto;
	max-width: 100%;
	width: 900px;
}

.ywr_seasons__share-widget__social-buttons {
	text-align: center;
}

.ywr_seasons__share-widget__social-button {
	display: inline-block;
}

.ywr_seasons__share-widget__form-from__input,
.ywr_seasons__share-widget__form-message,
.ywr_seasons__share-widget__form-message__heading,
.ywr_seasons__share-widget__form-message__input,
.ywr_seasons__share-widget__form-to__input {
	display: block;
}

.ywr_seasons__share-widget__form-from__input,
.ywr_seasons__share-widget__form-message__input,
.ywr_seasons__share-widget__form-to__input {
	width: 100%;
}

.ywr_seasons__share-widget__form-message__heading,
.ywr_seasons__share-widget__form-to__heading {
	font-size: 1.3rem;
	line-height: 1.2;
}

.ywr_seasons__share-widget__form-message__heading.ywr_seasons__share-widget__form-message__heading,
.ywr_seasons__share-widget__form-to__heading.ywr_seasons__share-widget__form-to__heading {
	color: var( --ywr-seasons__color-purple-1 );
}

.ywr_seasons__share-widget__form-message img {
	display: inline-block;
}

.ywr_seasons__share-widget__form-message__preview {
	border: 1px solid #eee;
	padding: 1rem;
}

.ywr_seasons__share-widget__form-to {
	margin-inline: auto;
	max-width: 100%;
	width: 480px;
}

.ywr_seasons__share-widget__form-message__heading.ywr_seasons__share-widget__form-message__heading,
.ywr_seasons__share-widget__form-to.ywr_seasons__share-widget__form-to > * {
	margin-block: var( --ywr-seasons__spacing-v__para );
}

.ywr_seasons__share-widget__form-to__list {
	list-style: none !important;
	margin-inline: 0 !important;
}

.ywr_seasons__share-widget__form-to__list.ywr_seasons__share-widget__form-to__list > * {
	margin-block: var( --ywr-seasons__spacing-v__line );
}

.ywr_seasons__share-widget__form-submit {
	text-align: center;
}

.ywr_seasons__share-widget__form-submit__button {
	padding-block: 0.5rem;
	padding-inline: var( --ywr-seasons__spacing-h );
	font-size: 1.6rem;
}
