/*
Theme Name: Upjau Theme
Theme URI: https://upjau.in/
Author: Upjau
Description: Custom WordPress block theme (Full Site Editing) for Upjau. Blog-first, performance-focused, and built for Gutenberg templates/parts/patterns.
Version: 0.2.2
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: upjau-theme
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	/* Responsive page gutter (used by section-level layouts). */
	--upjau-gutter: var(--wp--style--root--padding-left, clamp(1rem, 0.7rem + 2vw, 3rem));
	--upjau-layout-max: var(--wp--style--global--wide-size, 90rem);
	--upjau-content-max: var(--wp--style--global--content-size, 45rem);
	--upjau-section-space-sm: var(--wp--preset--spacing--fluid-6, var(--wp--preset--spacing--6, 1.5rem));
	--upjau-section-space-md: var(--wp--preset--spacing--fluid-8, var(--wp--preset--spacing--8, 2rem));
	--upjau-section-space-lg: var(--wp--preset--spacing--fluid-12, var(--wp--preset--spacing--12, 3rem));
	--upjau-surface-pad: var(--wp--preset--spacing--fluid-6, var(--wp--preset--spacing--6, 1.5rem));
	--upjau-text-sm: var(--wp--preset--font-size--sm, 0.875rem);
	--upjau-text-md: var(--wp--preset--font-size--md, 1rem);
	--upjau-text-lg: var(--wp--preset--font-size--lg, 1.125rem);
	--upjau-text-xl: var(--wp--preset--font-size--xl, 1.25rem);
	--upjau-text-2xl: var(--wp--preset--font-size--2xl, 1.5rem);
	--upjau-text-3xl: clamp(1.75rem, 1.45rem + 0.95vw, 2.25rem);

	--upjau-shadow-sm: 0 1px 2px rgba(0, 77, 37, 0.05);
	--upjau-shadow-md: 0 4px 6px -1px rgba(0, 77, 37, 0.06),
		0 2px 4px -1px rgba(0, 77, 37, 0.04);
	--upjau-shadow-lg: 0 10px 15px -3px rgba(0, 77, 37, 0.08),
		0 4px 6px -2px rgba(0, 77, 37, 0.04);
	--upjau-shadow-xl: 0 20px 25px -5px rgba(0, 77, 37, 0.1),
		0 10px 10px -5px rgba(0, 77, 37, 0.04);

	--upjau-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--upjau-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--upjau-transition-fast: 150ms var(--upjau-ease);
	--upjau-transition-normal: 200ms var(--upjau-ease);
	--upjau-transition-slow: 300ms var(--upjau-ease);

	--upjau-overlay-dark: rgba(0, 0, 0, 0.35);
	--upjau-overlay-light: rgba(255, 255, 255, 0.95);
	--upjau-glass: rgba(255, 255, 255, 0.92);
	--upjau-glass-hover: rgba(255, 255, 255, 0.96);

	/* Border radius tokens */
	--radius-sm: var(--wp--preset--border-radius--sm, 6px);
	--radius-md: var(--wp--preset--border-radius--md, 10px);
	--radius-lg: var(--wp--preset--border-radius--lg, 16px);
	--radius-full: var(--wp--preset--border-radius--full, 999px);

	/* Semantic control sizing */
	--upjau-control-height-sm: clamp(2.5rem, 2.4rem + 0.25vw, 2.625rem);
	--upjau-control-height-md: clamp(2.75rem, 2.65rem + 0.3vw, 2.875rem);
	--upjau-control-height-lg: clamp(3rem, 2.8rem + 0.5vw, 3.375rem);
	--upjau-control-touch-min: 2.75rem;
	--upjau-carousel-arrow-outset-multiplier: 1.85;
	--upjau-carousel-arrow-gap: clamp(0.125rem, 0.08rem + 0.18vw, 0.35rem);
	--upjau-landing-form-control-height: clamp(3.25rem, 3.05rem + 0.4vw, 4rem);
	--upjau-landing-form-control-height-mobile: 3.375rem;
	--upjau-landing-form-textarea-min-height: clamp(10rem, 8rem + 4vw, 11.625rem);
	--upjau-landing-copy-title-size: clamp(1.875rem, 1.55rem + 0.85vw, 2.25rem);
	--upjau-landing-copy-title-gap: clamp(1.25rem, 0.9rem + 1.2vw, 2rem);
	--upjau-landing-copy-body-gap: clamp(1rem, 0.9rem + 0.3vw, 1.25rem);
	--upjau-landing-placeholder: #8ea89f;
	--upjau-focus-ring-soft: rgba(22, 137, 47, 0.12);
	--upjau-focus-outline-color: color-mix(in srgb, var(--wp--preset--color--forest) 58%, white 42%);
	--upjau-focus-outline-width: 2px;
	--upjau-focus-outline-offset: 2px;
	--upjau-focus-outline-offset-tight: -2px;
	--upjau-focus-outline-offset-loose: 4px;
	--upjau-focus-ring-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--forest) 22%, transparent);
	--upjau-focus-ring-shadow-soft: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--leaf) 12%, transparent);

	/* Neutral border variants */
	--upjau-border-neutral-subtle: var(--wp--preset--color--forest-50, #ebf1ee);
	--upjau-border-neutral: var(--wp--preset--color--border, #d6e3dc);
	--upjau-border-neutral-strong: var(--wp--preset--color--forest-100, #d6e3dc);

	/* Semantic sale badge color */
	--upjau-sale-badge-color: var(--wp--preset--color--sale, #f0524b);
	--upjau-sale-badge-bg: var(--wp--preset--color--sale, #f0524b);
	--upjau-sale-badge-text: var(--wp--preset--color--white, #ffffff);
	--upjau-checkout-heading-color: #5a2f1f;
	--upjau-checkout-heading-secondary: #4f3327;

	/* Back-compat: older (incorrect) variable names */
	--wp--preset--border--radius--sm: var(--radius-sm);
	--wp--preset--border--radius--md: var(--radius-md);
	--wp--preset--border--radius--lg: var(--radius-lg);
	--wp--preset--border--radius--full: var(--radius-full);
}

/* Low-risk utility subset for static sections */
.u-page-gutter {
	padding-left: var(--upjau-gutter);
	padding-right: var(--upjau-gutter);
}

.upjau-section-shell {
	width: min(100%, var(--upjau-layout-max));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--upjau-gutter);
	padding-right: var(--upjau-gutter);
	box-sizing: border-box;
}

.upjau-section-space-sm {
	padding-top: var(--upjau-section-space-sm);
	padding-bottom: var(--upjau-section-space-sm);
}

.upjau-section-space-md {
	padding-top: var(--upjau-section-space-md);
	padding-bottom: var(--upjau-section-space-md);
}

.upjau-section-space-lg {
	padding-top: var(--upjau-section-space-lg);
	padding-bottom: var(--upjau-section-space-lg);
}

.upjau-surface-pad {
	padding: var(--upjau-surface-pad);
}

.upjau-surface-pad-lg {
	padding: var(--upjau-section-space-sm);
}

.u-section-pad-lg {
	padding-top: var(--upjau-section-space-lg);
	padding-bottom: var(--upjau-section-space-lg);
}

.u-constrain-wide {
	width: min(100%, var(--upjau-layout-max));
	margin-left: auto;
	margin-right: auto;
}

:where(.wp-site-blocks a:hover, .wp-site-blocks a:focus-visible) {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.12em;
	text-decoration-skip-ink: auto;
}

/* Shared keyboard-focus treatment for simple controls. Composite controls keep local wrappers. */
.wp-site-blocks :where(
	a[href],
	button,
	input:not([type='hidden']):not([type='radio']):not([type='checkbox']):not([type='range']),
	select,
	textarea,
	summary,
	.wp-element-button,
	.wp-block-button__link
):focus-visible {
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: var(--upjau-focus-outline-offset);
}

/* Text-entry fields should stay calm on pointer focus and only show the shared ring for keyboard focus. */
.wp-site-blocks :where(
	input[type='text'],
	input[type='email'],
	input[type='search'],
	input[type='password'],
	input[type='tel'],
	input[type='number'],
	input[type='url'],
	select,
	textarea
):focus {
	outline: none;
	box-shadow: none;
}

.wp-site-blocks :where(
	input[type='text'],
	input[type='email'],
	input[type='search'],
	input[type='password'],
	input[type='tel'],
	input[type='number'],
	input[type='url'],
	select,
	textarea
):focus-visible {
	outline-offset: 0;
}

:where(
	.upjau-category-icons__inner,
	.upjau-product-tabs__inner,
	.upjau-category-tiles__inner,
	.upjau-sale-of-the-month__inner,
	.upjau-trust-banner__inner,
	.upjau-blogs__inner,
	.upjau-testimonials__inner,
	.upjau-sunflower-cta__inner
) {
	width: min(100%, var(--upjau-layout-max));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--upjau-gutter);
	padding-right: var(--upjau-gutter);
	box-sizing: border-box;
}

body.home .wp-site-blocks {
	overflow-x: clip;
}

.u-form-shell {
	border: 1px solid var(--upjau-border-neutral);
	border-radius: var(--radius-md);
	background: var(--wp--preset--color--surface);
}

.u-form-shell :where(input[type='text'], input[type='email'], input[type='search'], input[type='password'], input[type='tel'], input[type='number'], input[type='url'], select, textarea, button, .wp-element-button, .wp-block-button__link) {
	min-height: var(--upjau-control-height-md);
	border-color: var(--upjau-border-neutral);
}

.upjau-landing-hero-columns {
	gap: 0;
	width: 100%;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

.upjau-landing-hero-copy {
	max-width: none;
}

.upjau-landing-hero-copy .wp-block-heading,
.upjau-landing-copy-title {
	max-width: none;
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: var(--upjau-landing-copy-title-size) !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	margin-top: 0 !important;
	margin-bottom: var(--upjau-landing-copy-title-gap) !important;
}

.upjau-landing-copy-body {
	max-width: none;
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: var(--upjau-text-md) !important;
	line-height: 1.63 !important;
	margin-top: 0 !important;
	margin-bottom: var(--upjau-landing-copy-body-gap) !important;
}

.upjau-landing-copy-body:last-child {
	margin-bottom: 0 !important;
}

.upjau-landing-form {
	--upjau-landing-form-field-gap: clamp(1rem, 0.85rem + 0.5vw, 1.375rem);
	width: 100%;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0 1rem;
	overflow: hidden;
}

.upjau-landing-form .upjau-managed-form {
	max-width: none;
}

.upjau-landing-form .upjau-managed-form__form {
	display: block;
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: var(--upjau-text-md);
	line-height: 1.63;
}

.upjau-landing-form p {
	margin: 0;
}

.upjau-landing-form .upjau-managed-form__grid {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 1.25rem -1rem 1.125rem !important;
}

.upjau-landing-form .upjau-managed-form__column {
	width: 100%;
	max-width: none;
	padding: 0 1rem;
	box-sizing: border-box;
}

.upjau-landing-form .upjau-managed-form__column--half {
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
}

.upjau-landing-form .upjau-managed-form__column--full,
.upjau-landing-form .upjau-managed-form__submit-wrap {
	flex: 0 0 100%;
	max-width: 100%;
}

.upjau-landing-form .upjau-managed-form__submit-wrap {
	text-align: left !important;
	margin-bottom: 0 !important;
}

.upjau-landing-form .upjau-managed-form__field,
.upjau-landing-form .upjau-managed-form__submit-field {
	margin: 0 0 var(--upjau-landing-form-field-gap);
}

.upjau-landing-form .upjau-managed-form__submit-wrap .upjau-managed-form__submit-field {
	margin-bottom: 0;
}

.upjau-landing-form input[type='text'],
.upjau-landing-form input[type='email'],
.upjau-landing-form input[type='tel'],
.upjau-landing-form textarea {
	width: 100%;
	min-height: var(--upjau-landing-form-control-height);
	border: 0;
	border-radius: 0;
	background: var(--wp--preset--color--bg);
	padding: 0.75rem 0.875rem;
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: var(--upjau-text-md);
	line-height: 1;
	color: var(--wp--preset--color--ink);
	box-sizing: border-box;
	transition: box-shadow var(--upjau-transition-fast), background-color var(--upjau-transition-fast);
}

.upjau-landing-form textarea {
	min-height: var(--upjau-landing-form-textarea-min-height);
	resize: vertical;
}

.upjau-landing-form input[type='text']:focus,
.upjau-landing-form input[type='email']:focus,
.upjau-landing-form input[type='tel']:focus,
.upjau-landing-form textarea:focus {
	outline: 0;
	background: var(--wp--preset--color--surface);
	box-shadow: none;
}

.upjau-landing-form input[type='text']:focus-visible,
.upjau-landing-form input[type='email']:focus-visible,
.upjau-landing-form input[type='tel']:focus-visible,
.upjau-landing-form textarea:focus-visible {
	background: var(--wp--preset--color--surface);
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: 0;
	box-shadow: var(--upjau-focus-ring-shadow-soft);
}

.upjau-landing-form ::placeholder {
	color: var(--upjau-landing-placeholder);
	opacity: 1;
}

.upjau-landing-form .upjau-managed-form__submit {
	width: 100%;
	min-height: var(--upjau-landing-form-control-height);
	border: 0;
	border-radius: 0;
	background: var(--wp--preset--color--leaf);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: var(--upjau-text-md);
	line-height: 20px;
	font-weight: 500;
	padding: 0.875rem clamp(1.25rem, 1rem + 1vw, 2.1875rem);
	margin-top: 0.625rem;
	cursor: pointer;
	transition: background-color var(--upjau-transition-fast), transform var(--upjau-transition-fast), box-shadow var(--upjau-transition-fast);
}

.upjau-landing-form .upjau-managed-form__submit:hover,
.upjau-landing-form .upjau-managed-form__submit:focus-visible {
	background: var(--wp--preset--color--leaf);
	box-shadow: none;
	outline: 0;
}

.upjau-landing-form .upjau-managed-form__submit:focus-visible {
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: var(--upjau-focus-outline-offset);
	box-shadow: var(--upjau-focus-ring-shadow-soft);
}

.upjau-landing-form .upjau-managed-form__notice,
.upjau-landing-form .upjau-managed-form__response {
	margin: 0 0 1rem;
	padding: 0.875rem 1rem;
	border-radius: 0;
}

.upjau-landing-form .upjau-managed-form__field select,
.upjau-landing-form .upjau-managed-form__field input[type='file'] {
	width: 100%;
	min-height: var(--upjau-landing-form-control-height);
	border: 0;
	border-radius: 0;
	background: var(--wp--preset--color--bg);
	padding: 0.75rem 0.875rem;
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: var(--upjau-text-md);
	line-height: 1.2;
	color: var(--wp--preset--color--ink);
	box-sizing: border-box;
	transition: box-shadow var(--upjau-transition-fast), background-color var(--upjau-transition-fast);
}

.upjau-landing-form .upjau-managed-form__field select:focus,
.upjau-landing-form .upjau-managed-form__field input[type='file']:focus {
	outline: 0;
	background: var(--wp--preset--color--surface);
	box-shadow: none;
}

.upjau-landing-form .upjau-managed-form__field select:focus-visible,
.upjau-landing-form .upjau-managed-form__field input[type='file']:focus-visible {
	background: var(--wp--preset--color--surface);
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: 0;
	box-shadow: var(--upjau-focus-ring-shadow-soft);
}

.upjau-landing-form .upjau-managed-form__help,
.upjau-landing-form .upjau-managed-form__label,
.upjau-landing-form .upjau-managed-form__file-label,
.upjau-landing-form .upjau-managed-form__checkbox-label {
	font-family: var(--wp--preset--font-family--radio-canada);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ink);
}

.upjau-landing-form .upjau-managed-form__label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
}

.upjau-landing-form .upjau-managed-form__required {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.1rem 0.45rem;
	border-radius: 999px;
	background: rgba(0, 77, 37, 0.08);
	color: var(--wp--preset--color--forest);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
}

.upjau-landing-form .upjau-managed-form__checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	flex-wrap: wrap;
}

.upjau-landing-form .upjau-managed-form__field--file input[type='file'] {
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
}

.upjau-landing-seo-heading-xl,
.upjau-landing-seo-heading-md,
.upjau-landing-seo-minor-title,
.upjau-landing-seo-lead,
.upjau-landing-seo-section-title,
.upjau-landing-seo-body,
.upjau-landing-seo-list,
.upjau-landing-seo-faq-question,
.upjau-landing-seo-faq-answer {
	margin-top: 0 !important;
}

.upjau-landing-seo-heading-xl {
	font-size: clamp(1.75rem, 1.35rem + 1.2vw, 2.5rem) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: clamp(1.125rem, 0.95rem + 0.65vw, 1.625rem) !important;
}

.upjau-landing-seo-heading-md {
	font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: clamp(1rem, 0.9rem + 0.45vw, 1.625rem) !important;
}

.upjau-landing-seo-minor-title {
	font-size: clamp(1.125rem, 1rem + 0.45vw, 1.25rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin-bottom: clamp(0.75rem, 0.55rem + 0.7vw, 1.25rem) !important;
}

.upjau-landing-seo-lead {
	font-size: clamp(1.5rem, 1.25rem + 0.8vw, 1.75rem) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: clamp(0.875rem, 0.7rem + 0.4vw, 1.125rem) !important;
}

.upjau-landing-seo-section-title {
	font-size: clamp(1.5rem, 1.25rem + 0.8vw, 1.75rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin-bottom: var(--wp--preset--spacing--4) !important;
}

.upjau-landing-seo-body,
.upjau-landing-seo-list,
.upjau-landing-seo-faq-question,
.upjau-landing-seo-faq-answer {
	font-size: var(--upjau-text-md) !important;
	line-height: 1.63 !important;
}

.upjau-landing-seo-body,
.upjau-landing-seo-list {
	margin-bottom: var(--wp--preset--spacing--4) !important;
}

.upjau-landing-seo-body--compact,
.upjau-landing-seo-faq-question {
	margin-bottom: var(--wp--preset--spacing--2) !important;
}

.upjau-landing-seo-body--tight,
.upjau-landing-seo-faq-answer {
	margin-bottom: 0.875rem !important;
}

.upjau-landing-seo-body--loose {
	margin-bottom: var(--wp--preset--spacing--6) !important;
}

.upjau-landing-seo-faq-question {
	font-weight: 700 !important;
}

.upjau-landing-seo-faq-answer:last-child,
.upjau-landing-seo-body:last-child {
	margin-bottom: 0 !important;
}

/* Base UI shape enforcement (token-first; local component styles may override) */
.wp-site-blocks .wp-element-button,
.wp-site-blocks .wp-block-button__link,
.wp-site-blocks button,
.wp-site-blocks input[type='submit'],
.wp-site-blocks input[type='button'],
.wp-site-blocks input[type='reset'] {
	border-radius: var(--radius-md);
}

/* Ensure core block buttons are never square (many plugins/theme CSS override this). */
.wp-site-blocks .wp-element-button,
.wp-site-blocks .wp-block-button__link {
	border-radius: var(--radius-md) !important;
}

/* Explicit pill exceptions (reserved components). */
.wp-site-blocks .upjau-product-tabs__tab {
	border-radius: var(--radius-full) !important;
}

/* Shared marketing/navigation CTA buttons (non-purchase only). */
.upjau-marketing-cta-wrap {
	display: flex;
	justify-content: center;
	width: fit-content;
	max-width: 100%;
}

.upjau-marketing-cta,
.upjau-marketing-cta-wrap > .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--upjau-control-height-md);
	min-inline-size: 11rem;
	max-width: 100%;
	padding: var(--wp--preset--spacing--3) clamp(var(--wp--preset--spacing--6), 4vw, var(--wp--preset--spacing--8));
	border: 1px solid var(--wp--preset--color--leaf);
	border-radius: var(--radius-md) !important;
	background: var(--wp--preset--color--forest-50);
	color: var(--wp--preset--color--forest);
	font-family: var(--wp--preset--font-family--radio-canada, inherit);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	cursor: pointer;
	transition:
		background-color var(--upjau-transition-fast),
		border-color var(--upjau-transition-fast),
		color var(--upjau-transition-fast),
		box-shadow var(--upjau-transition-fast);
}

.upjau-marketing-cta:hover,
.upjau-marketing-cta-wrap > .wp-block-button__link:hover {
	background: var(--wp--preset--color--leaf-50);
	border-color: var(--wp--preset--color--leaf);
	color: var(--wp--preset--color--leaf);
	text-decoration: none;
	box-shadow: var(--upjau-shadow-sm);
}

.upjau-marketing-cta:active,
.upjau-marketing-cta-wrap > .wp-block-button__link:active {
	background: var(--wp--preset--color--leaf-100);
	border-color: var(--wp--preset--color--leaf);
	color: var(--wp--preset--color--forest);
	box-shadow: none;
}

.upjau-marketing-cta:focus-visible,
.upjau-marketing-cta-wrap > .wp-block-button__link:focus-visible {
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: var(--upjau-focus-outline-offset);
	background: var(--wp--preset--color--leaf-50);
	border-color: var(--wp--preset--color--leaf);
	border-radius: var(--radius-md) !important;
	text-decoration: none;
}

@media (max-width: 781px) {
	.upjau-marketing-cta-wrap {
		width: 100%;
	}

	.upjau-marketing-cta,
	.upjau-marketing-cta-wrap > .wp-block-button__link {
		width: 100%;
	}
}

.wp-site-blocks input[type='text'],
.wp-site-blocks input[type='email'],
.wp-site-blocks input[type='search'],
.wp-site-blocks input[type='password'],
.wp-site-blocks input[type='tel'],
.wp-site-blocks input[type='number'],
.wp-site-blocks input[type='url'],
.wp-site-blocks select,
.wp-site-blocks textarea {
	border-radius: var(--radius-md);
}

.upjau-login-page {
	background: var(--wp--preset--color--bg);
	padding-top: clamp(2.25rem, 5vw, 4.5rem) !important;
}

.upjau-login-page .upjau-login-page__shell {
	width: min(var(--upjau-layout-max), 100%);
	max-width: var(--upjau-layout-max);
	margin-left: auto;
	margin-right: auto;
}

.upjau-track-order-page {
	background:
		radial-gradient(circle at top left, rgba(249, 217, 35, 0.14), transparent 28%),
		linear-gradient(180deg, var(--wp--preset--color--bg) 0%, #f1f7f3 100%);
	padding-top: clamp(2.25rem, 5vw, 4.5rem) !important;
	padding-bottom: clamp(3rem, 6vw, 5rem) !important;
}

.upjau-track-order-page .upjau-track-order-page__shell {
	width: min(var(--upjau-layout-max), 100%);
	max-width: var(--upjau-layout-max);
	margin-left: auto;
	margin-right: auto;
	gap: var(--wp--preset--spacing--6);
}

.upjau-track-order-page .upjau-tracking-container {
	max-width: none;
	padding: 0;
	font-family: inherit;
	color: var(--wp--preset--color--ink);
}

.upjau-track-order-page .upjau-order-details-view {
	margin-bottom: clamp(1rem, 1rem + 1vw, 1.75rem);
}

.upjau-track-order-page .upjau-tracking-header {
	margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
}

.upjau-track-order-page .upjau-tracking-header h2 {
	margin: 0;
	color: var(--wp--preset--color--forest);
	font-size: clamp(2rem, 1.7rem + 1.1vw, 3rem);
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.upjau-track-order-page .upjau-tracking-breadcrumb {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-top: 0.55rem;
	padding: 0.45rem 0.8rem;
	border: 1px solid var(--upjau-border-neutral);
	border-radius: var(--radius-full);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 90%, transparent);
	color: color-mix(in srgb, var(--wp--preset--color--forest) 78%, white 22%);
	font-size: var(--upjau-text-sm);
	font-weight: 500;
}

.upjau-track-order-page .upjau-tracking-two-column {
	gap: clamp(1rem, 1vw + 0.75rem, 1.5rem);
	align-items: start;
}

.upjau-track-order-page .upjau-sidebar-wrapper,
.upjau-track-order-page .upjau-tracking-sidebar {
	width: min(100%, 22rem);
	max-width: 22rem;
	flex: 0 0 min(100%, 22rem);
}

.upjau-track-order-page .upjau-tracking-main {
	min-width: 0;
	flex: 1 1 0;
}

.upjau-track-order-page :where(.upjau-tracking-view, .upjau-order-details-container, .upjau-tracking-sidebar, .upjau-tracking-main) {
	border: 1px solid var(--upjau-border-neutral);
	border-radius: var(--radius-lg);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, white 4%);
	box-shadow: var(--upjau-shadow-md);
}

.upjau-track-order-page .upjau-tracking-view,
.upjau-track-order-page .upjau-order-details-container,
.upjau-track-order-page .upjau-tracking-sidebar,
.upjau-track-order-page .upjau-tracking-main {
	padding: clamp(1.1rem, 1rem + 1vw, 2rem);
}

.upjau-track-order-page .upjau-order-input-container h3,
.upjau-track-order-page .upjau-order-list-container h3,
.upjau-track-order-page .upjau-sidebar-header h3 {
	color: var(--wp--preset--color--forest);
}

.upjau-track-order-page .upjau-sidebar-header,
.upjau-track-order-page .upjau-order-status-header {
	border-color: var(--upjau-border-neutral);
}

.upjau-track-order-page .upjau-order-input-description,
.upjau-track-order-page .upjau-tracking-placeholder p,
.upjau-track-order-page .upjau-tracking-breadcrumb .breadcrumb-home,
.upjau-track-order-page .upjau-tracking-breadcrumb .breadcrumb-separator {
	color: color-mix(in srgb, var(--wp--preset--color--forest) 72%, white 28%);
}

.upjau-track-order-page .upjau-order-input-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.9rem;
	align-items: center;
}

.upjau-track-order-page .upjau-order-id-input {
	min-height: var(--upjau-control-height-lg);
	border: 1px solid var(--upjau-border-neutral);
	border-radius: var(--radius-md);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
	padding: 0 0.95rem;
	box-sizing: border-box;
}

.upjau-track-order-page .upjau-order-id-input:focus-visible {
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: var(--upjau-focus-outline-offset);
	box-shadow: var(--upjau-focus-ring-shadow-soft);
}

.upjau-track-order-page .upjau-btn,
.upjau-track-order-page .upjau-btn-back,
.upjau-track-order-page .upjau-btn.upjau-btn-primary {
	border-radius: var(--radius-md);
	transition: background-color var(--upjau-transition-fast), border-color var(--upjau-transition-fast), transform var(--upjau-transition-fast), box-shadow var(--upjau-transition-fast);
}

.upjau-track-order-page .upjau-btn.upjau-btn-primary {
	min-height: var(--upjau-control-height-lg);
	padding-inline: 1.25rem;
	border-color: var(--wp--preset--color--forest);
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	box-shadow: var(--upjau-shadow-sm);
}

.upjau-track-order-page .upjau-btn.upjau-btn-primary:hover,
.upjau-track-order-page .upjau-btn.upjau-btn-primary:focus-visible {
	border-color: var(--wp--preset--color--leaf);
	background: var(--wp--preset--color--leaf);
	transform: translateY(-1px);
	box-shadow: var(--upjau-shadow-md);
}

.upjau-track-order-page .upjau-btn-back {
	color: var(--wp--preset--color--forest);
	background: color-mix(in srgb, var(--wp--preset--color--forest-50) 78%, white 22%);
	border: 1px solid var(--upjau-border-neutral);
}

.upjau-track-order-page .upjau-btn-back:hover,
.upjau-track-order-page .upjau-btn-back:focus-visible {
	background: var(--wp--preset--color--leaf-50);
	border-color: color-mix(in srgb, var(--wp--preset--color--leaf) 35%, white 65%);
}

.upjau-track-order-page .upjau-order-card,
.upjau-track-order-page .upjau-shipment-card {
	border-radius: var(--radius-md);
	box-shadow: none;
	transition: transform var(--upjau-transition-fast), box-shadow var(--upjau-transition-fast), border-color var(--upjau-transition-fast);
}

.upjau-track-order-page .upjau-order-card {
	padding: 1rem 1.1rem;
	gap: 1rem;
	border-color: color-mix(in srgb, var(--wp--preset--color--leaf) 36%, white 64%);
	background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--leaf-50) 86%, white 14%) 0%, var(--wp--preset--color--surface) 100%);
}

.upjau-track-order-page .upjau-order-card-info h4,
.upjau-track-order-page .upjau-shipment-number {
	color: var(--wp--preset--color--forest);
}

.upjau-track-order-page .upjau-order-card-meta {
	gap: 0.65rem;
}

.upjau-track-order-page .upjau-order-card-meta-item {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 86%, var(--wp--preset--color--forest-50) 14%);
	border-color: var(--upjau-border-neutral);
	color: color-mix(in srgb, var(--wp--preset--color--forest) 84%, white 16%);
}

.upjau-track-order-page .upjau-order-card-status {
	border-radius: var(--radius-full);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.upjau-track-order-page .upjau-shipment-card {
	border-width: 1px;
	border-color: var(--upjau-border-neutral);
	background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--surface) 90%, var(--wp--preset--color--forest-50) 10%) 0%, var(--wp--preset--color--surface) 100%);
}

.upjau-track-order-page .upjau-shipment-card:hover,
.upjau-track-order-page .upjau-shipment-card.active {
	border-color: color-mix(in srgb, var(--wp--preset--color--leaf) 38%, white 62%);
	background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--leaf-50) 76%, white 24%) 0%, var(--wp--preset--color--surface) 100%);
	transform: translateY(-1px);
}

.upjau-track-order-page .upjau-shipment-meta,
.upjau-track-order-page .upjau-order-info-label,
.upjau-track-order-page .upjau-stage-date {
	color: color-mix(in srgb, var(--wp--preset--color--forest) 64%, white 36%);
}

.upjau-track-order-page .upjau-order-info-value,
.upjau-track-order-page .upjau-shipment-meta strong,
.upjau-track-order-page .upjau-order-status-header h3,
.upjau-track-order-page .upjau-progress-title,
.upjau-track-order-page .upjau-tracking-placeholder h3 {
	color: var(--wp--preset--color--forest);
}

.upjau-track-order-page .upjau-order-card:hover,
.upjau-track-order-page .upjau-shipment-card:hover {
	box-shadow: var(--upjau-shadow-md);
	transform: translateY(-2px);
}

.upjau-track-order-page .upjau-tracking-placeholder {
	display: grid;
	place-items: center;
	gap: 0.75rem;
	min-height: clamp(16rem, 34vh, 24rem);
	padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 2vw, 2rem);
	border-radius: var(--radius-md);
	background: linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--forest-50) 55%, white 45%) 0%, var(--wp--preset--color--surface) 100%);
	border: 1px dashed color-mix(in srgb, var(--wp--preset--color--leaf) 30%, white 70%);
}

.upjau-track-order-page .upjau-placeholder-icon {
	margin-bottom: 0;
	font-size: clamp(2.25rem, 3vw, 3.4rem);
	opacity: 0.42;
}

.upjau-track-order-page .upjau-tracking-placeholder h3 {
	margin: 0;
	font-size: clamp(1.05rem, 1rem + 0.3vw, 1.3rem);
	line-height: 1.35;
}

.upjau-track-order-page .upjau-tracking-placeholder p,
.upjau-track-order-page .upjau-empty-state-message {
	max-width: 26ch;
	margin: 0 auto;
	font-size: 0.98rem;
	line-height: 1.6;
	text-wrap: balance;
}

.upjau-track-order-page .upjau-order-details-content,
.upjau-track-order-page .upjau-tracking-details-content {
	padding: 0;
}

.upjau-track-order-page .upjau-tracking-progress,
.upjau-track-order-page .upjau-order-progress-wrapper,
.upjau-track-order-page .upjau-courier-details,
.upjau-track-order-page .upjau-tracking-events {
	margin-top: clamp(1.25rem, 2vw, 2rem);
}

.upjau-track-order-page .upjau-loading {
	padding: 1.25rem 0;
	color: color-mix(in srgb, var(--wp--preset--color--forest) 70%, white 30%);
}

@media (max-width: 781px) {
	.upjau-track-order-page .upjau-tracking-two-column {
		flex-direction: column;
	}

	.upjau-track-order-page .upjau-sidebar-wrapper,
	.upjau-track-order-page .upjau-tracking-sidebar,
	.upjau-track-order-page .upjau-tracking-main {
		width: 100% !important;
		max-width: none;
		flex-basis: auto;
	}

	.upjau-track-order-page .upjau-tracking-breadcrumb {
		flex-wrap: wrap;
		justify-content: center;
	}

	.upjau-track-order-page .upjau-order-input-form {
		grid-template-columns: 1fr;
	}

	.upjau-track-order-page .upjau-btn.upjau-btn-primary {
		width: 100%;
	}

	.upjau-track-order-page .upjau-tracking-placeholder {
		min-height: 13.5rem;
	}

	.upjau-track-order-page .upjau-order-card {
		align-items: stretch;
	}

	.upjau-track-order-page .upjau-order-card-status {
		align-self: flex-start;
	}
}

@media (max-width: 520px) {
	.upjau-track-order-page .upjau-tracking-header {
		margin-bottom: 1.5rem;
	}

	.upjau-track-order-page .upjau-tracking-header h2 {
		font-size: clamp(1.7rem, 7vw, 2.05rem);
	}

	.upjau-track-order-page .upjau-tracking-view,
	.upjau-track-order-page .upjau-order-details-container,
	.upjau-track-order-page .upjau-tracking-sidebar,
	.upjau-track-order-page .upjau-tracking-main {
		padding: 1rem;
	}

	.upjau-track-order-page .upjau-tracking-breadcrumb {
		padding-inline: 0.7rem;
		font-size: 0.8rem;
	}
}

.upjau-login-page .upjau-auth-form--login-only {
	margin: 0;
}


.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__inner {
	border: 1px solid #c8d6d0;
	border-radius: var(--radius-md);
	padding: clamp(1.1rem, 1.8vw, 2rem);
	background: var(--wp--preset--color--surface);
	box-shadow: none;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__title {
	margin: 0;
	font-size: clamp(2rem, 1.7rem + 1.25vw, 3rem);
	line-height: 1.15;
	text-align: center;
	letter-spacing: -0.02em;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__subtitle {
	margin: 0.35rem 0 1.4rem;
	text-align: center;
	font-size: 1.05rem;
	color: #2f5b4b;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__social {
	grid-template-columns: 1fr;
	gap: 0.6rem;
	margin-bottom: 0.4rem;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__social-btn {
	min-height: var(--upjau-control-height-md);
	border-radius: var(--radius-md);
	font-size: var(--upjau-text-md);
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__divider {
	margin: 0.9rem 0 1.15rem;
	border-top: 1px solid #d5e2dd;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__forms,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__forms.upjau-auth-form__forms--single {
	grid-template-columns: 1fr;
	gap: 0;
	max-width: none;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel {
	gap: 0.55rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel-title {
	display: none;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel label {
	font-size: 0.95rem;
	font-weight: 600;
	color: #1e4d3d;
	margin-top: 0.35rem;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='text'],
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='email'],
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='password'] {
	width: 100%;
	box-sizing: border-box;
	height: var(--upjau-control-height-lg);
	min-height: var(--upjau-control-height-lg);
	max-height: none;
	padding: 0 0.9rem;
	font-size: var(--upjau-text-md);
	line-height: 1.3;
	border: 1px solid #bccdc6;
	border-radius: var(--radius-md);
	background: var(--wp--preset--color--surface);
	transition: border-color var(--upjau-transition-fast), box-shadow var(--upjau-transition-fast);
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='text']::placeholder,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='email']::placeholder,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='password']::placeholder {
	color: #769082;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='text']:focus,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='email']:focus,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='password']:focus {
	border-color: #0f6a44;
	box-shadow: none;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='text']:focus-visible,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='email']:focus-visible,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='password']:focus-visible {
	outline: var(--upjau-focus-outline-width) solid var(--upjau-focus-outline-color);
	outline-offset: 0;
	box-shadow: var(--upjau-focus-ring-shadow-soft);
}


.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__remember {
	margin-top: 0.55rem;
	gap: 0.5rem;
	font-size: 0.95rem;
	color: #214a3b;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__remember input[type='checkbox'] {
	width: 18px;
	height: 18px;
	margin: 0;
}


.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__submit {
	min-height: var(--upjau-control-height-lg);
	margin-top: 0.45rem;
	font-size: var(--upjau-text-lg);
	font-weight: 700;
	border-radius: var(--radius-md);
	box-shadow: none;
	background: #28c15a;
	transition: background-color var(--upjau-transition-fast);
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__submit:hover,
.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__submit:focus {
	background: #1eab4f;
}


.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__helper {
	display: inline-block;
	margin-top: 0.55rem;
	font-size: 0.95rem;
	color: #163f32;
	text-underline-offset: 3px;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__switch {
	margin: 1.55rem 0 0;
	text-align: center;
	font-size: 1.05rem;
	color: #163f32;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__switch a {
	font-weight: 700;
}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__switch span {
	font-weight: 700;
}

@media (max-width: 781px) {
	.upjau-landing-hero-columns {
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.upjau-landing-form {
		padding: 0;
	}

	.upjau-landing-form .upjau-managed-form__grid {
		display: block;
		margin: var(--upjau-landing-copy-body-gap) 0 var(--wp--preset--spacing--4) !important;
	}

	.upjau-landing-form .upjau-managed-form__column {
		padding: 0;
	}

	.upjau-landing-form .upjau-managed-form__column--half,
	.upjau-landing-form .upjau-managed-form__column--full,
	.upjau-landing-form .upjau-managed-form__submit-wrap {
		max-width: 100%;
	}

	.upjau-landing-form input[type='text'],
	.upjau-landing-form input[type='email'],
	.upjau-landing-form input[type='tel'],
	.upjau-landing-form textarea,
	.upjau-landing-form .upjau-managed-form__submit {
		min-height: var(--upjau-landing-form-control-height-mobile);
		font-size: 16px;
	}

	.upjau-landing-form textarea {
		min-height: 150px;
	}

	.upjau-landing-form .upjau-managed-form__submit {
		margin-top: 6px;
	}

	.upjau-login-page {
		padding-top: clamp(1.5rem, 7vw, 2.25rem) !important;
		padding-bottom: var(--wp--preset--spacing--8) !important;
	}

	.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__inner {
		padding: 1rem;
		border-radius: var(--radius-md);
	}

	.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__title {
		font-size: clamp(1.95rem, 8vw, 2.4rem);
	}

	.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__subtitle {
		font-size: 0.97rem;
	}

	.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='text'],
	.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='email'],
	.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__panel input[type='password'] {
		height: 52px;
		min-height: 52px;
	}

.upjau-login-page .upjau-auth-form--login-only .upjau-auth-form__submit {
		min-height: 52px;
	}
}

.upjau-blog-archive-hero {
	border-bottom: 1px solid var(--upjau-border-neutral);
}

.upjau-blog-archive-hero__inner {
	width: min(100%, var(--upjau-layout-max));
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
	gap: var(--wp--preset--spacing--4);
	align-items: end;
}

.upjau-blog-archive__title {
	margin: 0;
	line-height: 1;
	letter-spacing: -0.04em;
	text-wrap: balance;
}

.upjau-blog-archive__breadcrumb {
	margin: 0;
	color: color-mix(in srgb, var(--wp--preset--color--forest) 80%, white 20%);
	font-weight: 500;
	white-space: nowrap;
}

.upjau-blog-archive__breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.upjau-blog-archive__query {
	width: min(100%, var(--upjau-layout-max));
	max-width: var(--upjau-layout-max);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.upjau-blog-archive__query .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.upjau-blog-archive--compact .upjau-blog-archive__query .wp-block-post-template {
	gap: 0;
}

.upjau-blog-archive--compact .upjau-blog-card {
	padding-top: var(--wp--preset--spacing--4) !important;
	padding-bottom: var(--wp--preset--spacing--4) !important;
}

.upjau-blog-archive--compact .upjau-blog-card__inner {
	grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
	gap: clamp(0.875rem, 0.65rem + 0.6vw, 1.25rem);
	align-items: start;
}

.upjau-blog-archive--compact .upjau-blog-card__content {
	gap: var(--wp--preset--spacing--2);
	padding-top: 0;
}

.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-date {
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.3;
}

.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-title {
	font-size: clamp(1.2rem, 1.02rem + 0.55vw, 1.75rem);
	line-height: 1.18;
}

.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt {
	font-size: 0.98rem;
	line-height: 1.5;
}

.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt p {
	max-width: 58ch;
}

.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt__more-text {
	margin-top: var(--wp--preset--spacing--2);
	margin-bottom: 0;
}

.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt__more-link {
	font-size: 0.98rem;
	font-weight: 600;
}

.upjau-blog-card {
	margin: 0;
	box-sizing: border-box;
}

.upjau-blog-card__inner {
	display: grid;
	grid-template-columns: minmax(0, 27.5rem) minmax(0, 1fr);
	gap: clamp(1.5rem, 1.1rem + 1.4vw, 3rem);
	align-items: start;
	width: 100%;
	box-sizing: border-box;
}

.upjau-blog-card__media,
.upjau-blog-card__content {
	min-width: 0;
}

.upjau-blog-card__media .wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-lg);
	background: color-mix(in srgb, var(--wp--preset--color--forest-50) 80%, white 20%);
}

.upjau-blog-card__media a,
.upjau-blog-card__media img {
	display: block;
	width: 100%;
	height: 100%;
}

.upjau-blog-card__media img {
	object-fit: cover;
	border-radius: var(--radius-lg);
	aspect-ratio: 4 / 3;
}

.upjau-blog-card__content {
	display: grid;
	gap: var(--wp--preset--spacing--4);
	align-content: start;
	max-width: none;
	padding-top: clamp(0.125rem, 0.05rem + 0.3vw, 0.5rem);
	box-sizing: border-box;
}

.upjau-blog-card__content > * {
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
}

.upjau-blog-card__content .wp-block-post-date {
	font-weight: 500;
	line-height: 1.4;
}

.upjau-blog-card__content .wp-block-post-date a {
	color: inherit;
	text-decoration: none;
}

.upjau-blog-card__content .wp-block-post-title {
	font-size: clamp(2rem, 1.6rem + 1.35vw, 3rem);
	line-height: 1.15;
	letter-spacing: -0.03em;
	text-wrap: balance;
}

.upjau-blog-card__content .wp-block-post-title a {
	color: var(--wp--preset--color--forest);
	text-decoration: none;
}

.upjau-blog-card__content .wp-block-post-excerpt {
	font-size: var(--upjau-text-xl);
	line-height: 1.6;
	color: var(--wp--preset--color--ink);
}

.upjau-blog-card__content .wp-block-post-excerpt p {
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
}

.upjau-blog-card__content .wp-block-post-excerpt__more-text {
	margin-top: var(--wp--preset--spacing--6);
	margin-bottom: 0;
}

.upjau-blog-card__content .wp-block-post-excerpt__more-link {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--2);
	color: color-mix(in srgb, var(--wp--preset--color--leaf) 72%, white 28%);
	font-size: var(--upjau-text-xl);
	font-weight: 500;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.upjau-blog-archive__pagination {
	margin-top: var(--wp--preset--spacing--8);
	padding-top: var(--wp--preset--spacing--2);
	font-weight: 500;
}

.upjau-blog-archive__pagination :where(a, span) {
	color: var(--wp--preset--color--forest);
	text-decoration: none;
}

@media (max-width: 1024px) {
	.upjau-blog-card__inner {
		grid-template-columns: minmax(0, 21rem) minmax(0, 1fr);
	}

	.upjau-blog-card__content .wp-block-post-title {
		font-size: clamp(1.75rem, 1.45rem + 1vw, 2.35rem);
	}

	.upjau-blog-card__content .wp-block-post-excerpt,
	.upjau-blog-card__content .wp-block-post-excerpt__more-link {
		font-size: var(--upjau-text-lg);
	}

	.upjau-blog-archive--compact .upjau-blog-card__inner {
		grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
	}

	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-title {
		font-size: clamp(1.12rem, 0.98rem + 0.5vw, 1.45rem);
	}

	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt,
	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt__more-link {
		font-size: 0.92rem;
	}
}

@media (max-width: 781px) {
	.upjau-blog-archive-hero__inner {
		align-items: flex-start;
	}

	.upjau-blog-archive__breadcrumb {
		white-space: normal;
	}

	.upjau-blog-card {
		padding-top: var(--wp--preset--spacing--6) !important;
		padding-bottom: var(--wp--preset--spacing--6) !important;
	}

	.upjau-blog-card__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--6);
	}

	.upjau-blog-card__content {
		padding-top: 0;
		gap: var(--wp--preset--spacing--3);
	}

	.upjau-blog-card__content .wp-block-post-title {
		font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
	}

	.upjau-blog-card__content .wp-block-post-excerpt,
	.upjau-blog-card__content .wp-block-post-excerpt__more-link {
		font-size: var(--upjau-text-md);
	}

	.upjau-blog-archive--compact .upjau-blog-card {
		padding-top: var(--wp--preset--spacing--4) !important;
		padding-bottom: var(--wp--preset--spacing--4) !important;
	}

	.upjau-blog-archive--compact .upjau-blog-card__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--3);
		align-items: start;
	}

	.upjau-blog-archive--compact .upjau-blog-card__content {
		gap: var(--wp--preset--spacing--2);
	}

	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-title {
		font-size: clamp(1.08rem, 0.98rem + 0.75vw, 1.3rem);
	}

	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt,
	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt__more-link {
		font-size: 0.88rem;
	}

	.upjau-blog-archive--compact .upjau-blog-card__content .wp-block-post-excerpt__more-text {
		margin-top: var(--wp--preset--spacing--2);
	}

	.upjau-blog-archive__pagination {
		gap: var(--wp--preset--spacing--4);
	}
}

.upjau-blog-single__shell {
	--upjau-blog-single-width: min(100%, 60rem);
	display: grid;
	gap: clamp(1.5rem, 1.1rem + 1.5vw, 3rem);
	box-sizing: border-box;
}

.upjau-blog-single__intro,
.upjau-blog-single__article,
.upjau-blog-single__featured-image {
	width: var(--upjau-blog-single-width);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.upjau-blog-single__intro > *,
.upjau-blog-single__article > * {
	margin-top: 0;
}

.upjau-blog-single__categories {
	margin-bottom: var(--wp--preset--spacing--3);
	color: color-mix(in srgb, var(--wp--preset--color--leaf) 85%, var(--wp--preset--color--forest) 15%);
	font-size: var(--upjau-text-sm);
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-wrap: balance;
}

.upjau-blog-single__categories a {
	color: inherit;
	text-decoration: none;
}

.upjau-blog-single__title {
	max-width: 16ch;
	margin-bottom: 0;
	font-size: clamp(2.2rem, 1.8rem + 1.9vw, 3.5rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
	text-wrap: balance;
}

.upjau-blog-single__meta {
	gap: var(--wp--preset--spacing--3);
	color: var(--wp--preset--color--muted);
	line-height: 1.5;
}

.upjau-blog-single__meta > * {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
}

.upjau-blog-single__featured-image {
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--radius-lg);
	background: color-mix(in srgb, var(--wp--preset--color--forest-50) 86%, white 14%);
	box-shadow: var(--upjau-shadow-md);
	aspect-ratio: 16 / 9;
}

.upjau-blog-single__featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.upjau-blog-single__content {
	color: var(--wp--preset--color--ink);
}

.upjau-blog-single__content > * {
	max-width: none;
	margin-top: 0;
	margin-bottom: clamp(1rem, 0.85rem + 0.55vw, 1.5rem);
	box-sizing: border-box;
}

.upjau-blog-single__content > :last-child {
	margin-bottom: 0;
}

.upjau-blog-single__content :where(p, li, figcaption) {
	font-size: clamp(1rem, 0.98rem + 0.1vw, 1.0625rem);
	line-height: 1.75;
}

.upjau-blog-single__content :where(h2, h3, h4, h5, h6) {
	margin-top: clamp(2rem, 1.6rem + 1.1vw, 3rem);
	margin-bottom: var(--wp--preset--spacing--4);
	text-wrap: balance;
}

.upjau-blog-single__content :where(ul, ol) {
	padding-left: 1.3em;
	margin-left: 0;
}

.upjau-blog-single__content blockquote {
	margin-left: 0;
	margin-right: 0;
	padding: clamp(1rem, 0.85rem + 0.55vw, 1.5rem);
	border-left: 4px solid var(--wp--preset--color--leaf);
	border-radius: var(--radius-lg);
	background: var(--wp--preset--color--leaf-50);
	color: color-mix(in srgb, var(--wp--preset--color--forest) 88%, black 12%);
}

.upjau-blog-single__content :where(.wp-block-image, .wp-block-gallery, .wp-block-cover) {
	overflow: hidden;
	border-radius: var(--radius-lg);
}

.upjau-blog-single__content :where(.wp-block-image, .wp-block-gallery, .wp-block-media-text, .wp-block-cover) {
	margin-top: clamp(1.5rem, 1.1rem + 1vw, 2.5rem);
	margin-bottom: clamp(1.5rem, 1.1rem + 1vw, 2.5rem);
	box-sizing: border-box;
}

.upjau-blog-single__content :where(.wp-block-image img, .wp-block-gallery img, .wp-block-media-text__media img) {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--radius-lg);
	background: color-mix(in srgb, var(--wp--preset--color--forest-50) 80%, white 20%);
}

.upjau-blog-single__content .wp-element-caption,
.upjau-blog-single__content figcaption,
.upjau-blog-single__content .blocks-gallery-caption {
	margin-top: var(--wp--preset--spacing--2);
	color: var(--wp--preset--color--muted);
	font-size: var(--upjau-text-sm);
	text-align: center;
}

.upjau-blog-single__content a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
}

.upjau-blog-single__content table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--upjau-text-md);
	line-height: 1.6;
	overflow: hidden;
	border: 1px solid var(--upjau-border-neutral);
	border-radius: var(--radius-lg);
	background: var(--wp--preset--color--surface);
}

.upjau-blog-single__content :where(th, td) {
	padding: 0.875rem 1rem;
	border: 1px solid var(--upjau-border-neutral);
	text-align: left;
	vertical-align: top;
}

.upjau-blog-single__tags {
	margin: 0;
	padding-top: var(--wp--preset--spacing--4);
	border-top: 1px solid var(--upjau-border-neutral);
	line-height: 1.6;
	font-weight: 500;
}

.upjau-blog-single__tags a {
	color: var(--wp--preset--color--forest);
	text-decoration: none;
}

@media (max-width: 781px) {
	.upjau-blog-single {
		padding-top: var(--wp--preset--spacing--8) !important;
		padding-bottom: var(--wp--preset--spacing--8) !important;
	}

	.upjau-blog-single__shell {
		gap: var(--wp--preset--spacing--6);
	}

	.upjau-blog-single__intro,
	.upjau-blog-single__article,
	.upjau-blog-single__featured-image {
		width: 100%;
	}

	.upjau-blog-single__title {
		max-width: none;
		font-size: clamp(1.85rem, 1.5rem + 1.8vw, 2.5rem);
	}

	.upjau-blog-single__featured-image {
		aspect-ratio: 4 / 3;
		box-shadow: var(--upjau-shadow-sm);
	}

	.upjau-blog-single__content :where(p, li, figcaption) {
		font-size: var(--upjau-text-md);
		line-height: 1.7;
	}

	.upjau-blog-single__content :where(th, td) {
		padding: 0.75rem;
	}

	.upjau-blog-single__tags {
		padding-top: var(--wp--preset--spacing--3);
	}
}