/* MINICART FIX */
.wc-block-mini-cart__button {
	font-family: inherit;
}

/* SINGLE POST OVERLAP LAYOUT */
.wp-block-post-featured-image + .wp-block-group .vertical-overlap {
    margin-top: var(--wp--custom--single-post-feature-image-orverlap-vertical-margin);
    position: relative;
    z-index: 1;
}

/* STICKY POSTS FIX */
.wp-block-post.sticky {
	width: 100% !important;
}

.wp-block-post.has-post-thumbnail.sticky .wp-block-cover {
	padding-top: 30% !important;
}
.wp-block-post-excerpt__more-text {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
}

/* STYLE POSTS WITHOUT FEATURED IMAGE */
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
	li.wp-block-post:not(.has-post-thumbnail) {
		.wp-block-cover {
			padding-top: 0 !important;
		}
	}
}
/* RESPONSIVE STYLE POSTS WITHOUT FEATURED IMAGE */
@media (max-width: 480px) {
	.wp-block-post-template.is-flex-container,
	.wp-block-query-loop.is-flex-container {
		li.wp-block-post:not(.has-post-thumbnail) {
			.wp-block-cover {
				padding-left: 0 !important;
				padding-right: 0 !important;
				padding-top: 0 !important;
			}
		}
	}
	body.single-post main > .wp-block-group,
	body.single-post main > .wp-block-group .vertical-overlap {
		padding-left: var(--wp--preset--spacing--20) !important;
		padding-right: var(--wp--preset--spacing--20) !important;
		
	}
	.wp-block-post-featured-image + .wp-block-group {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.wp-block-post-featured-image + .wp-block-group .vertical-overlap {
		margin-top: 0;
	}
}

/* REMOVE MAIN UPPER BLOCK SPACING */
body.page-template-no-title header.wp-block-template-part + main {
	margin-block-start: 0;
}

/* POST QUERY LOOP */
@media (min-width: 1200px) {
	.wp-block-post-template.is-flex-container,
	.wp-block-query-loop.is-flex-container {
		gap: var(--wp--custom--4-xl-spacing);
	}
	.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
		width: calc((100% / 2) - var(--wp--custom--4-xl-spacing) + (var(--wp--custom--4-xl-spacing) / 2));
	}
}

/* INPUTS */
textarea,
select,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
.select2-container .select2-selection--single {
	background-color: var(--wp--preset--color--base);
	border: var(--wp--custom--input-border-width) solid;
	border-color: var(--wp--custom--input-border-color);
	font-family: var(--wp--preset--font-family--system);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.7;
	min-height: var(--wp--custom--input-min-height);
	min-width: 80px;
	padding: 0.3rem 1rem;
	color: var(--wp--preset--color--contrast);
}

.select2-container .select2-selection--single .select2-selection__arrow {
	height: var(--wp--custom--input-min-height);
}

textarea {
	padding: 1rem;
	width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    padding-right: 40px !important;
	padding: 3px;
    line-height: normal;
}

input[type="submit"],
button[type="submit"] {
	background-color: var(--wp--preset--color--primary);
    border-radius: var(--wp--custom--button-border-radius);
    border-width: 0;
    border-style: solid;
    color: var(--wp--preset--color--base);
    font-weight: 500;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

input[type="submit"],
button[type="submit"],
.button,
.btn {
	&:focus,
	&:hover {
		filter: brightness(94%) !important;
	}
}

textarea,
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"] {
	width: 100%;
}

input[type="checkbox"] {
	appearance: none;
    background-color: #fff;
    border: 2px solid currentColor;
    border-radius: .15em;
    color: currentColor;
    cursor: pointer;
    font-size: inherit;
    height: 1em;
    line-height: 1;
    margin: 3px 10px 3px 0;
    position: relative !important;
    vertical-align: text-bottom;
    width: 1em;
}

input[type="checkbox"]::before {
    background: var(--wp--preset--color--contrast);
    bottom: 3px;
	content: "";
    display: block;
    height: auto;
    left: 3px;
    margin: auto;
    position: absolute;
    right: 3px;
    top: 3px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}

input[type="checkbox"]:checked::before {
	transform: scale(1);
}

button:not(disabled) {
	cursor: pointer;
}

.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-audio figcaption,
.wp-block-gallery figcaption,
.wp-block-table figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption
{
	background: none;
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}

input.wpcf7-not-valid {
	border-color: #dc3232;
}
.wpcf7-not-valid-tip {
	font-size: 0.8em;
}

/* COMMENT FORM */
form.comment-form {
	textarea {
		margin-block: 15px;
		border-radius: 15px;
	}
}

/* EDITOR CREATIVE CSS CLASSES */
@media (min-width: 1200px) {
	.negative-right-margin {
		margin-right: var(--wp--custom--colum-negative-horizontal-margin) !important;
		z-index: 1;
	}
	.negative-left-margin {
		margin-left: var(--wp--custom--colum-negative-horizontal-margin) !important;
		z-index: 1;
	}
}

.yith-wonder-my-account-login-icon img{
	height: 1.5em;
	vertical-align: middle;
	width: 1.5em;

	&:hover {
		opacity: .6;
	}
}

/* ALIGNMENTS */
img {
	&.alignleft {
		display: inline;
		float: left;
		margin-right: var(--wp--preset--spacing--40);
	}
	
	&.alignright {
		display: inline;
		float: right;
		margin-left: var(--wp--preset--spacing--40);
	}
	
	&.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}


body .wc-block-grid.has-6-columns .wc-block-grid__product, 
body .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product {
    font-size: .92em !important
}
body .wc-block-grid.has-5-columns .wc-block-grid__product,
body .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product {
    font-size: 1em !important
}

body .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) {
    font-size: 1em !important
}

/* FIX HEADER MOBILE */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--header-background) !important;
    padding: var(--wp--preset--spacing--40);
}