/** Full **/
body {
	text-wrap: pretty
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance
}

#smooth-wrapper {
	overflow: hidden;
}

.position-relative {
	position: relative;
}

/** 
 * Buttons
**/
:is(.page-template-default):not(.scrolled) .wp-site-blocks>header nav:not(.is-responsive) .wp-block-button:not(.is-style-button-text) .wp-block-button__link {
	border-color: var(--wp--preset--color--base-1);
	color: var(--wp--preset--color--base-1)
}

:is(.page-template-default):not(.scrolled) .wp-site-blocks>header nav:not(.is-responsive) .wp-block-button:not(.is-style-button-text) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--base-1);
	color: var(--wp--preset--color--contrast-1);
	border-color: var(--wp--preset--color--base-1);
}

nav.is-responsive .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--27)
}

.wp-block-button:not(.is-style-button-text) .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--contrast-1);
  border-color: var(--wp--preset--color--contrast-1);
  color: var(--wp--preset--color--base-1)
}

.wp-block-button .wp-block-button__link.has-accent-1-background-color:hover,
input.wp-block-button__link:hover {
	background-color: transparent !important;
	color: var(--wp--preset--color--accent-1) !important
}

.wp-block-button .wp-block-button__link.has-base-1-background-color:hover {
	background-color: transparent !important;
	color: var(--wp--preset--color--base-1) !important;
	border-color: var(--wp--preset--color--base-1) !important;
}

.wp-block-button .wp-block-button__link.has-base-2-background-color:hover {
	background-color: transparent !important;
	color: var(--wp--preset--color--contrast-1) !important;
	border-color: var(--wp--preset--color--contrast-1) !important;
}

.wp-block-button .wp-block-button__link.has-contrast-1-border-color:hover {
	background-color: var(--wp--preset--color--contrast-1) !important;
	color: var(--wp--preset--color--base-1) !important;
	border-color: var(--wp--preset--color--base-2) !important;
}

/** Button Text **/
.is-style-button-text .wp-block-button__link,
.single-post .wp-block-post-content a:not(.wp-block-button__link) {
	padding: 0 0 .16em;
	border: 0;
	position: relative;
	background-color: #fff0;
	color: currentColor
}

.is-style-button-text .wp-block-button__link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0;
	background-color: currentColor
}

.is-style-button-text .wp-block-button__link:hover::after {
	width: 100%;
}


/** Spacing **/
.entry-content:not([data-page="checkout"])>:first-child>div:first-of-type,
#smooth-content>.wp-block-group:first-of-type>div:first-of-type {
	padding-top: var(--wp--preset--spacing--menu)
}

/** Images **/
.wp-block-cover .wp-block-cover__image-background {
	height: 110%;
	overflow: visible;
}

.height-100vh {
	height: 100svh;
	min-height: auto !important
}

.height-100vh>.wp-block-cover__inner-container {
	height: 100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wp-block-image {
	overflow: hidden
}

.wp-block-image:last-child {
	margin-bottom: 0
}

/** Pagination **/
.wp-block-query-pagination {
	gap: var(--wp--preset--spacing--18);
	font-size: var(--wp--preset--font-size--small)
}

.wp-block-query-pagination-numbers>* {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background-color: #F7F7F7
}

/** Splide Slider **/
.arrow_dark .splide__arrow {
	background: #fff0
}

.arrow_dark .splide__arrow svg {
	color: var(--wp--preset--color--base-1);
	fill: var(--wp--preset--color--base-1)
}

.arrow_light .splide__arrow {
	background: #fff0
}

.arrow_light .splide__arrow svg {
	color: var(--wp--preset--color--contrast-1);
	fill: var(--wp--preset--color--contrast-1)
}

.arrow_outside .splide__arrow--prev {
	left: -2em
}

.arrow_outside .splide__arrow--next {
	right: -2em
}

.splide__pagination li[role="presentation"] {
	flex-grow: 1;
}

.splide__pagination .splide__pagination__page {
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	height: 3px;
	margin: 0;
	display: block;
}

.pagination_underneath .splide__pagination {
	position: static;
	padding: 0;
	margin-top: var(--wp--preset--spacing--36-2)
}

.pagination_light .splide__pagination__page {
	background: var(--wp--preset--color--contrast-1);
	opacity: .5
}

.pagination_light .splide__pagination__page.is-active {
	background: var(--wp--preset--color--contrast-1);
	opacity: 1
}

.pagination_dark .splide__pagination__page {
	background: var(--wp--preset--color--base-1);
	opacity: .5
}

.pagination_dark .splide__pagination__page.is-active {
	background: var(--wp--preset--color--base-1);
	opacity: 1
}

/** Splide Custom **/
.splide[aria-label="Showroom Slider"] .splide__pagination {
	padding-right: var(--wp--preset--spacing--36-1)
}
/** End Splide Slider **/

/** Transitions **/
.wp-site-blocks>header,
a,
button,
a::after,
.wc-block-customer-account__account-icon, 
.wc-block-mini-cart__quantity-badge,
input {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

/** Menu Animation **/
body:not(.woocommerce-checkout, .block-editor-iframe__body) .wp-site-blocks>header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9999
}

:is(.page-template-default):not(.scrolled) .wp-site-blocks>header .wp-block-navigation__container>.wp-block-navigation-item,
:is(.page-template-default):not(.scrolled) .wp-site-blocks>header .wp-block-navigation__responsive-container-open,
:is(.page-template-default):not(.scrolled) .wp-site-blocks>header :is(.wc-block-customer-account__account-icon, .wc-block-mini-cart__quantity-badge) {
	color: var(--wp--preset--color--base-1)
}

:is(.page-template-default):not(.scrolled) .wp-site-blocks>header #logo-container svg path {
	fill: var(--wp--preset--color--base-1)
}

:is(.page-template-default):not(.scrolled) .wp-site-blocks>header #logo-light,
:is(.page-template-default).scrolled .wp-site-blocks>header #logo-dark,
body:is(.page-template-index-light, .archive, .post-template-default) .wp-site-blocks>header #logo-dark {
	display: none
}

.page-template-default.scrolled .wp-site-blocks>header #logo-light {
	display: block
}

.scrolled .wp-site-blocks>header {
	background-color: var(--wp--preset--color--base-1)
}

.wp-site-blocks>header .wp-block-navigation-item:hover>:is(a, button) {
	opacity: .5
}

/** Mobile **/
@media (max-width:767px) {
	.mobile-hidden {
		display: none !important
	}

	.mb-align-left {
		text-align: left !important
	}

	.mb-align-left .wp-block-buttons.is-content-justification-center {
		justify-content: flex-start
	}

	.mb_order>:first-child {
		order: 1
	}
	#logo-container svg {
		height: 35px !important;
	}
}

/** Tablet **/
@media (min-width:768px) and (max-width:1023px) {
	.tablet-hidden {
		display: none !important
	}

	.tb-align-left {
		text-align: left !important
	}

	.tb-align-left .wp-block-buttons.is-content-justification-center {
		justify-content: flex-start
	}
}

@media (max-width: 1024px) {
	:root {
		--wp--preset--spacing--menu: 89px;
	}
	.has-text-align-center {
		text-align: left !important;
	}
	.wp-block-buttons.is-content-justification-center {
		justify-content: flex-start;
	}
}

/** Desktop **/
@media (min-width:1024px) {
	.desktop-hidden {
		display: none !important
	}

	#logo-container {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
}