:root {
	--timing-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header.is-position-sticky {
	font-size: clamp(1.4rem, 0.7478rem + 1.0435vw, 2rem);
	top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
	position: sticky;
	z-index: 10;
	height: 0;
}

header.is-position-sticky ~ .wp-block-post-content {
	margin-block-start: 0;
}

header.is-position-sticky #header {
	position: relative;
}

header.is-position-sticky #header {
	/* default / over light */
	--color-text: var(--wp--preset--color--custom-black);
	--color-background: none;
}

header.is-position-sticky #header.over-dark {
	--color-text: var(--wp--preset--color--custom-white);
	--color-background: hsl(
		from var(--wp--preset--color--custom-black) h s l / 0.25
	);
}

#header:not(:has(.is-menu-open)) a,
#header:not(:has(.is-menu-open)) button {
	transition:
		color 0.25s ease-in-out,
		transform 0.25s var(--timing-bounce);
	color: var(--color-text);
}

header.is-position-sticky #header::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	backdrop-filter: blur(0.5em);
	background-color: hsl(from var(--color-background) h s l / 0.5);
	opacity: 0;
	transition:
		opacity 0.25s ease-in-out,
		background-color 0.25s ease-in-out;
}

header.is-position-sticky #header.scrolled::after {
	opacity: 1;
}

header.is-position-sticky .wp-block-navigation-item__label {
	text-shadow: 0 0 0.5em var(--color-background);
}

* {
	scroll-margin-top: 150px;
}

.wp-block-heading {
	text-wrap: balance;
}

.wp-block-cover.dark p,
.wp-block-cover.dark .wp-block-heading {
	text-shadow:
		0 0 0.05em var(--wp--preset--color--custom-black),
		0 0 0.25em var(--wp--preset--color--custom-black),
		0 0 0.5em var(--wp--preset--color--custom-black);
}

.wp-block-cover.dark p {
	font-weight: bold;
}

.z-index-1,
figure.z-index-1 img {
	position: relative;
	z-index: 1;
}

@view-transition {
	navigation: auto;
	types: slide, forwards;
}

body:has(.no-space-before-footer) footer {
	margin-block-start: 0;
}

.location_category-coming-soon::before,
.location_category-new::before {
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	z-index: 1;
	background: var(--wp--preset--color--custom-yellow);
	font-family: var(--wp--preset--font-family--sharp-grotesk-smbold-10);
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--large);
	padding: 0 var(--wp--preset--spacing--20);
	transform: rotate(-12deg);
}
.location_category-coming-soon::before {
	content: 'Hatching Soon';
}
.location_category-new::before {
	content: 'New Location';
}
.location_category-coming-soon,
.location_category-new {
	position: relative;
}

:has(.no-footer-margin) footer {
	margin-block-start: 0;
}

:root .wp-block-button__link {
	vertical-align: middle;
	align-items: center;
	transition: transform 0.25s var(--timing-bounce);
}
:root .wp-block-button__link img,
:root .wp-block-button__link svg {
	vertical-align: middle;
	max-width: 2em;
}
:root .wp-block-button__link:hover {
	transform: rotate(-3deg);
}

.wp-block-media-text.is-style-rounded .wp-block-media-text__media img {
	border-radius: 1em;
}
.wp-block-media-text {
	gap: 1em;
}
.wp-block-media-text > .wp-block-media-text__content {
	padding: 0;
}
.wp-block-cover,
.wp-block-cover-image {
	padding: var(--wp--preset--spacing--50);
}
.wp-block-cover__image-background {
	transform: translateY(var(--translate-y));
}
.wp-block-cover:has(a) .wp-block-cover__image-background {
	transition: transform 0.25s var(--timing-bounce);
}
.wp-block-cover:has(a:hover) .wp-block-cover__image-background {
	transform: translateY(var(--translate-y)) scale(1.05);
}
#hero:has(:hover) .wp-block-cover__image-background {
	transition: transform 1s ease-in-out;
}

:root .is-style-bottle :where(.wp-block-button .wp-block-button__link) {
	--border-width: 2px;
	--height: 2.5em;
	--front-width-ratio: 1.67;
	--back-width-ratio: 0.43;
	--front-width: calc(var(--height) * var(--front-width-ratio));
	--back-width: calc(var(--height) * var(--back-width-ratio));
	--gap: 0.5em;

	position: relative;
	height: var(--height);
	border-radius: 0.25em;
	background: linear-gradient(180deg, #ef3d2d 78%, #d42827 78%);
	border: var(--border-width) solid #561e2c !important;
	border-left: 0;
	border-right: 0;
	padding: 0;
	align-items: center;
	z-index: 1;
	margin-left: calc(var(--front-width) - 0.25em);
	margin-right: calc(var(--back-width) - 0.25em);
	gap: var(--gap);
	white-space: nowrap;
	width: auto;
	text-shadow:
		0 0 0.25em black,
		0 0 0.5em black;
}

:root .is-style-bottle :where(.wp-block-button .wp-block-button__link)::before,
:root .is-style-bottle :where(.wp-block-button .wp-block-button__link)::after {
	content: '';
	top: 0;
	display: inline-block;
	height: var(--height);
	background-size: contain;
	margin-block: calc(-1 * var(--border-width));
	z-index: -1;
	background-repeat: no-repeat;
	vertical-align: middle;
}

:root .is-style-bottle :where(.wp-block-button .wp-block-button__link)::before {
	left: 0;
	background-image: url('/wp-content/themes/chicken-guy/assets/images/BottleFront.png');
	width: var(--front-width);
	margin-left: calc(-1 * var(--front-width) + 0.25em);
	margin-right: calc(-1 * var(--gap));
}

:root .is-style-bottle :where(.wp-block-button .wp-block-button__link)::after {
	right: 0;
	background-image: url('/wp-content/themes/chicken-guy/assets/images/BottleBack.png');
	width: var(--back-width);
	margin-right: calc(-1 * var(--back-width) + 0.25em);
}

.is-style-tag {
	display: inline-block;
	width: fit-content;
	color: var(--wp--preset--color--custom-white);
	background-color: var(--wp--preset--color--custom-red-3);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
	border-radius: 2em;
	box-shadow: -3px 3px 3px hsl(0deg 0% 0% / 50%);
	font-family: var(--wp--preset--font-family--sharp-grotesk-smbold-20);
	font-size: 0.75em;
	font-style: italic;
	transform: rotate(-3deg);
	margin-bottom: var(--wp--preset--spacing--40) !important;
}
.is-style-tag img,
.is-style-tag svg {
	max-width: 2em;
	vertical-align: middle;
}
.wp-block-button.arrow-after a::after {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 6l6 6l-6 6' stroke-width='2' stroke-linejoin='round' stroke-linecap='round' stroke='white' fill='none'%3E%3C/path%3E%3C/svg%3E");
	vertical-align: middle;
}

/** Row / Column Reverse **/
.row-reverse {
	flex-direction: row-reverse;
}
.column-reverse {
	flex-direction: column-reverse;
}
@media only screen and (max-width: 781px) {
	.mobile-row-reverse {
		flex-direction: row-reverse;
	}
	.mobile-column-reverse {
		flex-direction: column-reverse;
	}
}
@media only screen and (min-width: 782px) {
	.desktop-row-reverse {
		flex-direction: row-reverse;
	}
	.desktop-column-reverse {
		flex-direction: column-reverse;
	}
}
/** End Row / Column Reverse **/

/* Forms */
.nf-form-content .nf-field-element .ninja-forms-field {
	border: 1px solid #dcdcdc;
	border-radius: 2em;
	padding: 1em;
	padding-top: 1.5rem;
	box-shadow: none;
	font-family: var(--wp--preset--font-family--sharp-sans);
}
.nf-form-content .nf-field-label .nf-label-span {
	position: absolute;
	top: 0.5rem;
	left: 0.95rem;
	font-size: 0.75em;
	font-family: var(--wp--preset--font-family--sharp-sans);
	display: block;
	font-weight: bold;
	z-index: 1;
}
form:has(.nf-form-content):not(
		:has(
			.ninja-forms-field:not([type='hidden']):not([type='submit']):not(
					[aria-required]
				)
		)
	)
	.nf-form-fields-required {
	display: none;
}
form:has(.nf-form-content):not(
		:has(
			.ninja-forms-field:not([type='hidden']):not([type='submit']):not(
					[aria-required]
				)
		)
	)
	.ninja-forms-req-symbol {
	display: none;
}

form:has(.nf-form-content):not(
		:has(
			.ninja-forms-field:not([type='hidden']):not([type='submit']):not(
					[aria-required]
				)
		)
	)::after {
	content: 'All fields are required.';
}

body:not(:has(.no-space-before-footer)) footer {
	margin-block-start: var(--wp--preset--spacing--60);
}
/* End forms */

/* For elements in page content with sticky to top */
#content .is-position-sticky {
	top: calc(100px + var(--wp-admin--admin-bar--position-offset, 0px));
	z-index: 1;
}
/* End sticky to top */

#start-your-order {
	bottom: 0;
	top: unset;
	text-align: right;
	height: 0;
}

#start-your-order img {
	transform: translateY(-100%);
}

@media (992px <= width <= 1024px) {
	header .wp-block-navigation-item__label {
		font-size: 0.9em;
	}
}
.wp-block-image picture[style*='width'] img {
	width: inherit;
}
.wp-block-image picture[style*='border-radius'] img {
	border-radius: inherit;
}