:root {
	--onesta-duration: var(--onesta-duration-setting, 0.2s);
	--onesta-animation-distance-y: var(--onesta-animation-distance-y-setting, 20px);
	--onesta-animation-distance-x: var(--onesta-animation-distance-x-setting, 30px);
	--onesta-animation-zoom-in-scale: var(--onesta-animation-zoom-in-scale-setting, 0.95);
	--onesta-animation-zoom-out-scale: var(--onesta-animation-zoom-out-scale-setting, 1.05);
}

a {
	transition: color var(--onesta-duration) ease;
}

body:is(.onestaFontGothic, .onestaFontMincho, .onesta-font-gothic, .onesta-font-mincho) {
	font-family: var(--onesta-base-font);
	font-size: var(--onesta-base-font-size);
}

main :where(.onestaBoxIcon, .onesta-box__icon) {
	font-size: calc(var(--onesta-base-font-size) * 1.25);
}

:where(.onestarSiteHeader, .onestarPatternHeader, .onestar-site-header, .onestar-pattern-header) {
	background-color: var(--onesta-header-bg);
	color: var(--onesta-header-color);
}

:where(.onestarSiteHeader,.onestarPatternHeader,.onestar-site-header,.onestar-pattern-header) a {
		color: inherit;
		text-decoration: none;
	}

body:is(.onestaHeaderOverlay,.onesta-header-overlay) :where(header:has( > .onestarSiteHeader),header:has( > .onestar-site-header),.onestarPatternHeader,.onestar-pattern-header) {
		position: fixed;
		inset-block-start: var(--onestar-admin-bar-offset, 0px);
		inset-inline: 0;
		z-index: 1000;
	}

.onestaSiteNotice {
	padding-block: 0.5rem;
	padding-inline: 1rem;
	background: var(--onesta-site-notice-bg, var(--wp--preset--color--primary, #3b82f6));
	color: var(--onesta-site-notice-color, var(--onesta-color-on-primary, #fff));
	font-size: 0.875rem;
	line-height: 1.5;
	text-align: center;
}

.onestaSiteNotice a {
		color: inherit;
		text-decoration: underline;
		transition: opacity var(--onesta-duration) ease;
	}

.onestaSiteNotice a:hover {
		opacity: 0.8;
	}

:is(.onestaFeaturedImageFull,.onesta-featured-image-wrap--full)  > img {
		display: block;
		inline-size: 100%;
		block-size: auto;
	}

body:is(.onestaComponentsPlain,.onesta-components-plain) :where(.onestaButton,.onesta-button) {
		border-width: 0;
		border-color: transparent;
		border-radius: 0;
		box-shadow: none;
	}

body:is(.onestaComponentsPlain,.onesta-components-plain) :where(.onestaButtonGhost,.onestaButtonSecondary,.onesta-button--ghost,.onesta-button--secondary) {
		border-width: 0;
		border-color: transparent;
	}

body:is(.onestaComponentsPlain,.onesta-components-plain) :where(.onestaButtonGhost,.onestaButtonSecondary,.onesta-button--ghost,.onesta-button--secondary):hover {
		border-width: 0;
		border-color: transparent;
		box-shadow: none;
	}

body:is(.onestaComponentsPlain,.onesta-components-plain) :where(.onestaGridItem,.onestaBox,.onestaLinkCard,.onestaPricing,.onestaTestimonial,.onestaPickupBannerItem,.onesta-grid__item,.onesta-box,.onesta-link-card,.onesta-pricing,.onesta-testimonial,.onesta-pickup-banners__item) {
		border-width: 0;
		border-color: transparent;
		border-radius: 0;
		box-shadow: none;
	}

body:is(.onestaComponentsPlain,.onesta-components-plain) :where(.onestaGridHover .onestaGridItem,.onesta-grid--hover .onesta-grid__item):hover {
		box-shadow: none;
	}

@media (prefers-reduced-motion: reduce) {
	:root {
		--onesta-duration: 0s;
		--onesta-animation-distance-y: 0px;
		--onesta-animation-distance-x: 0px;
		--onesta-animation-zoom-in-scale: 1;
		--onesta-animation-zoom-out-scale: 1;
	}
}