/* _reset.scss */

%reset_1 {
	font-style: normal;
	text-transform: unset;
	text-align: left;
	text-decoration: none;
	background-color: transparent;
	box-shadow: none;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(#000, 0);
}

%reset_2 {
	font-family: var(--yw-text-font-family);
	color: var(--yw-text-color);
	font-size: var(--yw-font-size-md);
	font-weight: var(--yw-text-font-weight);
	line-height: var(--yw-text-line-height);
}

%form-reset {
	font-family: var(--yw-text-font-family);
	color: var(--yw-text-color);
	background-color: transparent;
	margin: 0;
	font-size: var(--yw-font-size-md);
	font-weight: var(--yw-text-font-weight);
	line-height: var(--yw-text-line-height);
	word-wrap: normal;
	letter-spacing: normal;
	text-transform: none;
	appearance: none;
	border-radius: var(--yw-border-radius);
	border: 1px solid transparent;
	text-decoration: none;
	vertical-align: middle;
	user-select: none;
	padding: 0.375rem 0.75rem !important;
	background-clip: padding-box;
	font-style: normal;
	text-align: left;
	box-shadow: none;
	min-height: auto;
	height: auto;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(#000, 0);
	outline: 0 !important;

	&:focus {
		color: var(--yw-headings-color);
	}
}

html {

	.block-editor-page .wp-block,
	.yw-theme-default {

		.yw-shortcode {
			@extend %reset_1;
			@extend %reset_2;

			*,
			*::before,
			*::after {
				box-sizing: border-box;
			}

			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				@extend %reset_1;
				margin-top: 0;
				margin-bottom: var(--yw-spacer);
				color: var(--yw-headings-color);
				font-weight: var(--yw-headings-font-weight);
				line-height: var(--yw-headings-line-height);

				a {
					display: inline-block;
				}
			}

			p,
			ul,
			ol {
				@extend %reset_1;
				@extend %reset_2;
				margin-top: 0;
				margin-bottom: var(--yw-spacer);
			}

			div {

				//&:not(.card):not(.card-header):not(.card-body):not(.card-footer):not(.yw-card):not(.yw-price-compare-item) {
				@extend %reset_1;
				@extend %reset_2;
				//}
			}

			b,
			strong {
				font-weight: 700;
			}

			small {
				font-size: var(--yw-font-size-sm);
				color: var(--yw-text-muted-color);
			}

			sub,
			sup {
				position: relative;
				font-size: var(--yw-font-size-xs);
				line-height: 0;
				vertical-align: baseline;
			}

			sub {
				bottom: -.25em;
			}

			sup {
				top: -.5em;
			}

			a {

				&:not(.btn):not(.stretched-link) {
					color: var(--yw-link-color);
					text-decoration: var(--yw-link-decoration);
					text-transform: none;
					box-shadow: none;
					outline: none;
					transition: all 0.25s linear;

					&:hover,
					&:focus {
						color: var(--yw-link-hover-color);
						text-decoration: var(--yw-link-hover-decoration);
						outline: none;
						box-shadow: none;
					}
				}
			}

			img,
			svg {
				vertical-align: middle;
				border: 0;
			}

			label {
				display: inline-block;
			}

			button {

				&:not(.btn) {
					border-radius: 0;
					text-transform: none;
				}
			}

			button:focus:not(:focus-visible) {
				outline: 0;
			}

			input,
			button,
			select,
			optgroup,
			textarea {

				&:not(.btn):not(.form-control):not(.form-select) {

					margin: 0;
					font-family: inherit;
					font-size: inherit;
					line-height: inherit;
					text-transform: none;
				}
			}

			select {

				&:not(.form-control):not(.form-select) {
					word-wrap: normal;

					&:disabled {
						opacity: 1;
					}
				}
			}
		}
	}
}