/**
 * Hoolworks Storefront Child — HoolWorks marketing layout (Storefront overrides)
 */

:root {
	/* ---------------------------------------------------------------------
	   System-level palette (Venngage: Burnt Sienna + Bedazzled Blue)
	   https://venngage.com/blog/blue-color-palettes/
	   --------------------------------------------------------------------- */
	--hwsf-palette-ink: #293241;
	--hwsf-palette-blue-700: #3d5a80;
	--hwsf-palette-blue-200: #98c1d9;
	--hwsf-palette-blue-050: #e0fbfc;
	--hwsf-palette-orange-500: #ee6c4d;
	--hwsf-palette-hero-navy: #0f172a;
	--hwsf-palette-hero-blue-900: #1e3a8a;
	--hwsf-palette-hero-blue-600: #3b82f6;

	/* ---------------------------------------------------------------------
	   Product-level semantic tokens (map components to these)
	   --------------------------------------------------------------------- */
	--hwsf-base: #ffffff;
	--hwsf-surface: #ffffff;
	/* Pale tint for small panels (banner, gallery chrome, accordions, etc.) */
	--hwsf-section: var(--hwsf-palette-blue-050);
	/* Full-width section strips: darker blue vs white page for clearer separation */
	--hwsf-section-block-bg: #b8d0e6;
	--hwsf-fg: var(--hwsf-palette-ink);
	--hwsf-muted: var(--hwsf-palette-blue-700);

	/* Links / primary actions */
	--hwsf-accent: var(--hwsf-palette-blue-700);
	--hwsf-accent-hover: var(--hwsf-palette-ink);

	/* Footer */
	--hwsf-footer-bg: var(--hwsf-palette-ink);
	--hwsf-footer-heading: var(--hwsf-palette-blue-200);
	--hwsf-footer-diamond-mid: var(--hwsf-palette-blue-200);
	--hwsf-footer-title: #ffffff;
	--hwsf-footer-link: var(--hwsf-palette-blue-050);
	--hwsf-footer-link-muted: rgba(224, 251, 252, 0.82);

	/* Functional tokens (reused across components) */
	--hwsf-color-link: var(--hwsf-accent);
	--hwsf-color-link-hover: var(--hwsf-accent-hover);
	--hwsf-color-cta: var(--hwsf-palette-orange-500);
	--hwsf-color-cta-hover: #d85d42;
	--hwsf-color-focus-ring: rgba(61, 90, 128, 0.28);
	--hwsf-color-focus-border: rgba(61, 90, 128, 0.55);
	--hwsf-color-focus-shadow: rgba(61, 90, 128, 0.18);
	--hwsf-color-panel-border: rgba(61, 90, 128, 0.22);

	/* Logo badge (custom logo on dark footer / light header) */
	--hwsf-logo-badge-footer-bg: rgba(255, 255, 255, 0.96);
	--hwsf-logo-badge-footer-border: rgba(226, 232, 240, 0.55);
	--hwsf-logo-badge-footer-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
	--hwsf-logo-badge-footer-pad-y: 0.45rem;
	--hwsf-logo-badge-footer-pad-x: 0.7rem;
	--hwsf-logo-badge-header-bg: rgba(244, 247, 251, 0.98);
	--hwsf-logo-badge-header-border: rgba(61, 90, 128, 0.22);
	--hwsf-logo-badge-header-shadow: 0 1px 3px rgba(41, 50, 65, 0.08);

	/* Neutral control surface (dropdowns, default buttons, My Account nav) */
	--hwsf-control-surface: #f4f7fb;
	--hwsf-control-surface-hover: #eef2f8;
	--hwsf-control-border: rgba(41, 50, 65, 0.14);
	--hwsf-control-border-strong: rgba(41, 50, 65, 0.2);
	--hwsf-control-shadow: 0 1px 2px rgba(41, 50, 65, 0.06);

	--hwsf-announcement-bg: var(--hwsf-palette-ink);
	--hwsf-announcement-fg: var(--hwsf-palette-blue-050);
	--hwsf-content-max: 680px;
	--hwsf-wide-max: 1200px;
	/* square UI */
	--hwsf-radius: 0px;
	--hwsf-header-h: 0px;
	/* Sticky single-product gallery clears sticky masthead */
	--hwsf-header-sticky-offset: 5.5rem;

	/* Layout + density tokens */
	--hwsf-gutter-x: 20px;
	--hwsf-space-1: 8px;
	--hwsf-space-2: 12px;
	--hwsf-space-3: 16px;
	--hwsf-space-4: 20px;
	--hwsf-space-5: 30px;
	--hwsf-space-6: 40px;

	--hwsf-border: 1px solid rgba(41, 50, 65, 0.14);
}

/* -------------------------------------------------------------------------
   Base
   ------------------------------------------------------------------------- */

body {
	background-color: var(--hwsf-base);
	color: var(--hwsf-fg);
	font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hwsf-section {
	background: var(--hwsf-section-block-bg);
	color: var(--hwsf-fg);
}

a {
	color: var(--hwsf-color-link);
}

a:hover,
a:focus {
	color: var(--hwsf-color-link-hover);
}

a,
a:hover,
a:focus {
	text-underline-offset: 0.15em;
}

/* Default controls: visible surface (Ant Design–like) */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: var(--hwsf-radius);
	background-color: var(--hwsf-control-surface);
	border: 1px solid var(--hwsf-control-border-strong);
	color: var(--hwsf-fg);
	box-shadow: var(--hwsf-control-shadow);
	text-shadow: none;
	padding: 18px 30px;
	line-height: 1.1;
	font-weight: 600;
}

.button:hover,
button:hover:not(:disabled),
input[type="button"]:hover:not(:disabled),
input[type="reset"]:hover:not(:disabled),
input[type="submit"]:hover:not(:disabled) {
	background-color: var(--hwsf-control-surface-hover);
	border-color: var(--hwsf-palette-blue-700);
	color: var(--hwsf-fg);
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--hwsf-color-focus-ring), var(--hwsf-control-shadow);
}

/* -------------------------------------------------------------------------
   Primary button system (WooCommerce + WP block buttons)
   ------------------------------------------------------------------------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce .add_to_cart_button,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.wp-element-button,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-background-color,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-foreground-background-color {
	background-color: var(--hwsf-accent);
	color: var(--hwsf-surface);
	border: 0;
	box-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.wp-element-button:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-background-color:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-foreground-background-color:hover {
	background-color: var(--hwsf-accent-hover);
	color: var(--hwsf-surface);
	border: 0;
	box-shadow: none;
}

.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce .single_add_to_cart_button:focus,
.woocommerce .add_to_cart_button:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.wp-element-button:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-background-color:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-foreground-background-color:focus {
	outline: none;
	background-color: var(--hwsf-accent-hover);
	color: var(--hwsf-surface);
	border: 0;
	box-shadow: 0 0 0 3px var(--hwsf-color-focus-ring);
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
select,
textarea {
	border-radius: var(--hwsf-radius);
	border: 1px solid var(--hwsf-control-border-strong);
	background-color: var(--hwsf-control-surface);
	min-height: 44px;
	padding: 10px 12px;
	box-shadow: var(--hwsf-control-shadow);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--hwsf-color-focus-border);
	box-shadow: 0 0 0 3px var(--hwsf-color-focus-shadow);
}

/* Quantity: hide native number spinners (keep +/- buttons) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
}

/* Normalize Woo notice containers (border-first, square) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: var(--hwsf-radius);
	border: var(--hwsf-border);
	box-shadow: none;
}

/* -------------------------------------------------------------------------
   Announcement bar (wp_body_open)
   ------------------------------------------------------------------------- */

.hwsf-announcement {
	background: var(--hwsf-accent);
	color: var(--hwsf-surface);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-align: center;
}

.hwsf-announcement__inner {
	max-width: var(--hwsf-wide-max);
	margin: 0 auto;
	padding: 0.7rem 1.25rem;
}

.hwsf-announcement p {
	margin: 0;
}

.hwsf-announcement a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

/* -------------------------------------------------------------------------
   Research-use banner (shop + single product)
   ------------------------------------------------------------------------- */

.hwsf-research-banner {
	max-width: var(--hwsf-wide-max);
	margin: 0 auto 1.25rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--hwsf-color-panel-border);
	border-left-width: 4px;
	border-left-color: var(--hwsf-accent);
	border-radius: var(--hwsf-radius);
	background: var(--hwsf-section);
	color: var(--hwsf-fg);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.45;
}

.woocommerce .hwsf-research-banner {
	margin-bottom: 1.5rem;
}

.hwsf-research-banner__text {
	margin: 0;
}

/* Single product: use calmer surfaces than the global cyan section tint. */
.single-product .hwsf-research-banner {
	background: var(--hwsf-control-surface);
}

/* -------------------------------------------------------------------------
   Shop / category archive hero (injected before main content)
   ------------------------------------------------------------------------- */

.hwsf-shop-hero {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-bottom: 1.5rem;
	/* Match About page cover hero (about.json minHeight 280px) */
	min-height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem var(--hwsf-gutter-x);
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

.hwsf-shop-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(
		135deg,
		var(--hwsf-palette-hero-navy) 0%,
		var(--hwsf-palette-hero-blue-900) 35%,
		var(--hwsf-accent) 70%,
		var(--hwsf-palette-hero-blue-600) 100%
	);
}

.hwsf-shop-hero__inner {
	position: relative;
	z-index: 1;
	max-width: var(--hwsf-wide-max);
	margin: 0 auto;
}

.hwsf-shop-hero__title {
	margin: 0 0 0.65rem;
	font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
	font-size: clamp(1.75rem, 4vw, 2.35rem);
	font-weight: 400;
	line-height: 1.15;
	color: #ffffff;
	letter-spacing: -0.02em;
}

.hwsf-shop-hero__lead {
	margin: 0 auto;
	max-width: 42rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.92);
}

/* -------------------------------------------------------------------------
   Sticky header + compact header density
   ------------------------------------------------------------------------- */

#masthead.site-header {
	position: sticky;
	top: 0;
	z-index: 999;
  padding-top: 0.85rem !important;
	background: var(--hwsf-surface);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.03);
	transition: box-shadow 0.2s ease;
  margin-bottom: 4rem;
}

/* Full-width cover heroes: masthead bottom margin reads as a gap above the hero */
body.hwsf-flush-masthead #masthead.site-header {
	margin-bottom: 0 !important;
}

/* Shop / product archives: flush masthead to injected shop hero (no white strip) */
body.woocommerce-shop #masthead.site-header,
body.post-type-archive-product #masthead.site-header,
body.tax-product_cat #masthead.site-header,
body.tax-product_tag #masthead.site-header {
	margin-bottom: 0 !important;
}

/* Fallback when PHP remove_action misses (e.g. late hook registration); body class from hoolworks-private-storefront */
.hwpsf-strip-header-chrome #masthead .site-branding,
.hwpsf-strip-header-chrome #masthead .site-search {
	display: none !important;
}

.site-header .col-full {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--hwsf-gutter-x);
	padding-right: var(--hwsf-gutter-x);
}

.woocommerce-active .site-header .site-branding,
.woocommerce-active .site-header .site-search,
.woocommerce-active .site-header .main-navigation,
.woocommerce-active .site-header .site-header-cart {
	width: auto;
	float: none;
	margin-right: 0;
	clear: none;
}

/* Storefront paints a basket/cart via ::before/::after; child adds FA in .hwsf-header-cart-icon */
.woocommerce-active .site-header .site-header-cart .cart-contents::before,
.woocommerce-active .site-header .site-header-cart .cart-contents::after {
	content: none;
	display: none;
}

/* Custom logo: readable badge on white masthead */
#masthead.site-header .site-branding a.custom-logo-link {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.5rem;
	background: var(--hwsf-logo-badge-header-bg);
	border: 1px solid var(--hwsf-logo-badge-header-border);
	box-shadow: var(--hwsf-logo-badge-header-shadow);
	border-radius: 4px;
	max-width: 100%;
	text-decoration: none;
}

#masthead.site-header .site-branding a.custom-logo-link:hover,
#masthead.site-header .site-branding a.custom-logo-link:focus {
	background: var(--hwsf-control-surface-hover);
	border-color: var(--hwsf-palette-blue-700);
}

#masthead.site-header .site-branding a.custom-logo-link img.custom-logo {
	display: block;
	max-height: 2.75rem;
	width: auto;
	height: auto;
}

@media (min-width: 768px) {
	.woocommerce-active .site-header .col-full {
		display: flex;
		align-items: center;
		gap: 1rem 1.5rem;
		padding-bottom: 0.85rem;
	}

	/* Nav + cart; when .site-branding / .site-search exist they participate in the same row. */
	.woocommerce-active .site-header .site-branding {
		flex: 0 0 auto;
		max-width: 220px;
	}

	.woocommerce-active .site-header .site-search {
		flex: 1 1 200px;
		order: 3;
		max-width: 280px;
		margin-left: auto;
	}

	.woocommerce-active .site-header .main-navigation {
		flex: 1 1 auto;
		order: 2;
		min-width: 0;
		margin-right: auto;
	}

	.woocommerce-active .site-header .site-header-cart {
		flex: 0 0 auto;
		order: 4;
		margin-left: auto;
	}

	.woocommerce-active .site-header .main-navigation ul.menu > li > a,
	.woocommerce-active .site-header .main-navigation ul.nav-menu > li > a {
		padding: 0.5rem 0.65rem;
		font-weight: 500;
		font-size: 0.9375rem;
		color: var(--hwsf-fg);
		text-decoration: none;
	}

	.woocommerce-active .site-header .main-navigation ul.menu > li > a:hover,
	.woocommerce-active .site-header .main-navigation ul.nav-menu > li > a:hover,
	.woocommerce-active .site-header .main-navigation ul.menu > li > a:focus,
	.woocommerce-active .site-header .main-navigation ul.nav-menu > li > a:focus {
		color: var(--hwsf-accent);
		text-decoration: none;
	}

	/*
	 * Storefront (desktop): .widget_shopping_cart { width: 100%; } — percentage is of the
	 * shrink-wrapped #site-header-cart. Widen the flyout and match :hover / .focus.
	 */
	.woocommerce-active .site-header .site-header-cart .widget_shopping_cart,
	.woocommerce-active .site-header .site-header-cart:hover .widget_shopping_cart,
	.woocommerce-active .site-header .site-header-cart.focus .widget_shopping_cart {
		width: min(24rem, calc(100vw - 2rem));
		min-width: 17.5rem;
		box-sizing: border-box;
		left: auto;
		right: 0;
		font-size: 1rem;
		line-height: 1.45;
	}

	.site-header-cart .widget_shopping_cart_content {
		padding: var(--hwsf-space-3) var(--hwsf-space-4);
		box-sizing: border-box;
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		column-gap: 0.75rem;
		row-gap: 0.35rem;
		position: relative;
		padding: 0.35rem 1.85rem 0.85rem 0;
		margin: 0;
		border-bottom: 1px solid var(--hwsf-control-border);
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item > a.remove {
		position: absolute;
		top: 0.2rem;
		right: 0;
		margin: 0;
		line-height: 1;
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item > a:not(.remove) {
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
		align-items: flex-start;
		gap: 0.65rem;
		text-decoration: none;
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item > a:not(.remove):hover,
	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item > a:not(.remove):focus {
		text-decoration: none;
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item > a:not(.remove) img {
		width: 3.35rem;
		height: auto;
		flex-shrink: 0;
		margin: 0;
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item dl.variation {
		flex: 1 0 100%;
		margin: 0.15rem 0 0;
		font-size: 0.8125rem;
	}

	.site-header-cart .woocommerce-mini-cart-item.mini_cart_item .quantity {
		flex: 1 0 100%;
		margin: 0;
		font-size: 0.875rem;
		text-align: right;
		padding-left: 0;
	}

	.site-header-cart p.woocommerce-mini-cart__total.total {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: baseline;
		gap: 0.35rem 1rem;
		margin: var(--hwsf-space-3) 0;
		padding-top: var(--hwsf-space-3);
		border-top: 0;
	}

	.site-header-cart p.woocommerce-mini-cart__total.total strong {
		font-weight: 600;
	}

	.site-header-cart .woocommerce-mini-cart__buttons,
	.site-header-cart .widget_shopping_cart .buttons {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		margin-top: var(--hwsf-space-2);
	}

	.site-header-cart .woocommerce-mini-cart__buttons .button,
	.site-header-cart .widget_shopping_cart .buttons .button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4em;
		width: 100%;
		box-sizing: border-box;
		min-height: 2.75rem;
		padding: 0.55rem 1rem;
		white-space: nowrap;
		text-align: center;
		line-height: 1.25;
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents {
		display: inline-flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.45rem 0.65rem;
		padding: 0.5rem 0.65rem;
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents .amount-wrap {
		display: inline-flex;
		align-items: baseline;
		flex-wrap: wrap;
		gap: 0.2rem 0.35rem;
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents .amount-wrap .woocommerce-Price-amount,
	.woocommerce-active .site-header .site-header-cart .cart-contents .amount-wrap .amount {
		margin-right: 0;
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents .hwsf-header-cart-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 1.35rem;
		padding: 0.12rem 0.45rem;
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1.2;
		color: var(--hwsf-surface);
		background: var(--hwsf-accent);
		border-radius: 999px;
		opacity: 1;
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents .hwsf-header-cart-badge--empty {
		background: var(--hwsf-control-surface);
		color: var(--hwsf-muted);
		border: 1px solid var(--hwsf-control-border-strong);
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents .hwsf-header-cart-icon {
		display: inline-flex;
		align-items: center;
		margin-left: 0.15rem;
	}

	.woocommerce-active .site-header .site-header-cart .cart-contents .hwsf-header-cart-icon .hwsf-fa-icon {
		font-size: 1.05rem;
	}

	.woocommerce-active .site-header .site-header-cart .hwpsf-header-login {
		display: inline-block;
		padding: 0.5rem 0.9rem;
		font-weight: 600;
		font-size: 0.9375rem;
		line-height: 1.2;
		color: var(--hwsf-surface);
		background: var(--hwsf-accent);
		border-radius: var(--hwsf-radius);
		text-decoration: none;
	}

	.woocommerce-active .site-header .site-header-cart .hwpsf-header-login:hover,
	.woocommerce-active .site-header .site-header-cart .hwpsf-header-login:focus {
		color: var(--hwsf-surface);
		background: var(--hwsf-accent-hover);
	}
}

/* Guest header Log in is duplicated in the handheld drawer; hide the header copy on small screens */
@media (max-width: 767px) {
	.site-header-cart li:has(> .hwpsf-header-login) {
		display: none;
	}
}

/* Handheld drawer: Log in appended after primary links */
.handheld-navigation .hwpsf-handheld-menu-login > a {
	display: block;
	margin-top: 0.35rem;
	padding: 0.65rem 0.85rem;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.2;
	color: var(--hwsf-surface);
	background: var(--hwsf-accent);
	border-radius: var(--hwsf-radius);
	text-decoration: none;
	text-align: center;
}

.handheld-navigation .hwpsf-handheld-menu-login > a:hover,
.handheld-navigation .hwpsf-handheld-menu-login > a:focus {
	color: var(--hwsf-surface);
	background: var(--hwsf-accent-hover);
}

/* Handheld footer bar: only for signed-in users (body.logged-in from WordPress) */
body:not(.logged-in) .storefront-handheld-footer-bar {
	display: none;
}

/* Primary nav dropdown spacing */
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
	border-radius: var(--hwsf-radius);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	border: var(--hwsf-border);
}

.main-navigation ul.menu ul.sub-menu li a:hover,
.main-navigation ul.menu ul.sub-menu li a:focus,
.main-navigation ul.nav-menu ul.children li a:hover,
.main-navigation ul.nav-menu ul.children li a:focus {
	text-decoration: none;
}

.handheld-navigation ul.menu li a:hover,
.handheld-navigation ul.menu li a:focus,
.handheld-navigation ul.nav-menu li a:hover,
.handheld-navigation ul.nav-menu li a:focus {
	color: var(--hwsf-accent);
	text-decoration: none;
}

/* Header search + mini-cart: border-first panels, square edges */
.site-header .site-search input[type="search"],
.site-header .site-search input[type="text"] {
	border-radius: var(--hwsf-radius);
	border: var(--hwsf-border);
	min-height: 44px;
	padding: 10px 12px;
}

.site-header .site-search form,
.site-header .site-search .woocommerce-product-search {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.site-header .site-search button,
.site-header .site-search input[type="submit"] {
	padding: 0 16px;
	min-height: 44px;
	border-radius: var(--hwsf-radius);
	background: var(--hwsf-accent);
	color: var(--hwsf-surface);
	border: 0;
	box-shadow: none;
	font-weight: 600;
}

.site-header .site-search button:hover,
.site-header .site-search button:focus,
.site-header .site-search input[type="submit"]:hover,
.site-header .site-search input[type="submit"]:focus {
	background: var(--hwsf-accent-hover);
	color: var(--hwsf-surface);
}

.site-header-cart .widget_shopping_cart,
.site-header-cart .widget_shopping_cart_content {
	border-radius: var(--hwsf-radius);
	border: var(--hwsf-border);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* -------------------------------------------------------------------------
   Font Awesome (self-hosted) — nav, footer links, home offer columns
   ------------------------------------------------------------------------- */

.hwsf-fa-icon {
	font-size: 0.95em;
	line-height: 1;
	width: 1.1em;
	text-align: center;
	flex-shrink: 0;
}

.woocommerce-active .site-header .main-navigation ul.menu > li > a,
.woocommerce-active .site-header .main-navigation ul.nav-menu > li > a,
.handheld-navigation ul.menu li a,
.handheld-navigation ul.nav-menu li a,
.hwsf-footer-mega__list a {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
}

.hw-offer-icon {
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 1.15em;
	line-height: 1;
	margin-right: 0.5em;
	color: var(--hwsf-accent);
}

/* -------------------------------------------------------------------------
   Content width + full-width template
   ------------------------------------------------------------------------- */

#content .col-full {
	max-width: var(--hwsf-wide-max);
	padding-left: var(--hwsf-gutter-x);
	padding-right: var(--hwsf-gutter-x);
}

.page-template-template-fullwidth-php #content .col-full,
.page-template-template-homepage-php #content .col-full {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.page-template-template-fullwidth-php .content-area,
.page-template-template-homepage-php .content-area {
	padding-left: 0;
	padding-right: 0;
}

/* Block alignments inside full-width pages */
.page-template-template-fullwidth-php .hentry .entry-content > .alignwide {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--hwsf-gutter-x);
	padding-right: var(--hwsf-gutter-x);
}

.page-template-template-fullwidth-php .hentry .entry-content > .alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* -------------------------------------------------------------------------
   Footer — column rhythm
   ------------------------------------------------------------------------- */

.site-footer {
	background: var(--hwsf-footer-bg);
	border-top: 0;
	color: var(--hwsf-footer-link);
	margin-top: 3rem;
	padding-top: 2.5rem;
	padding-bottom: 2rem;
}

.site-footer a {
	color: var(--hwsf-footer-link);
	text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
	color: #ffffff;
	text-decoration: none;
}

.site-footer .widget,
.site-footer .widget a {
	color: var(--hwsf-footer-link);
	text-decoration: none;
}

.site-footer .widget a:hover,
.site-footer .widget a:focus {
	color: #ffffff;
	text-decoration: none;
}

.site-footer .col-full {
	max-width: var(--hwsf-wide-max);
	padding-left: var(--hwsf-gutter-x);
	padding-right: var(--hwsf-gutter-x);
}

@media (min-width: 768px) {
	.site-footer .footer-widgets {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: 2rem;
		align-items: start;
	}

	.site-footer .footer-widgets .block {
		float: none;
		width: auto !important;
		margin: 0 !important;
	}
}

/* Mega footer — brand + columns (top), copyright + disclaimer (bottom) */
.hwsf-footer-mega {
	font-size: 0.9375rem;
	color: inherit;
	padding-top: 2.25rem;
	margin-top: 1.5rem;
	border-top: 0;
}

.hwsf-footer-mega__main {
	display: grid;
	gap: 2rem 2.5rem;
	align-items: start;
}

@media (min-width: 960px) {
	.hwsf-footer-mega__main {
		grid-template-columns: minmax(11rem, 15rem) 1fr;
		gap: 3rem 4rem;
		align-items: center;
	}
}

.hwsf-footer-mega__brand {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}

.hwsf-footer-mega__brand-link {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	text-decoration: none;
	color: inherit;
}

.hwsf-footer-mega__brand-link:hover,
.hwsf-footer-mega__brand-link:focus {
	color: #ffffff;
}

.hwsf-footer-mega__brand-link--logo {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	padding: var(--hwsf-logo-badge-footer-pad-y) var(--hwsf-logo-badge-footer-pad-x);
	background: var(--hwsf-logo-badge-footer-bg);
	border: 1px solid var(--hwsf-logo-badge-footer-border);
	box-shadow: var(--hwsf-logo-badge-footer-shadow);
	border-radius: 4px;
}

.hwsf-footer-mega__logo-img {
	display: block;
	height: auto;
	max-height: 3rem;
	width: auto;
	max-width: min(100%, 16rem);
}

.hwsf-footer-mega__brand-mark {
	display: inline-block;
	width: 1.75rem;
	height: 1.75rem;
	flex-shrink: 0;
	background: linear-gradient(135deg, #60a5fa 48%, #93c5fd 48%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	opacity: 0.95;
}

.hwsf-footer-mega__brand-text {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.125rem, 2vw, 1.35rem);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.2;
	color: var(--hwsf-footer-title);
}

.hwsf-footer-mega__grid {
	display: grid;
	gap: 1.75rem 2rem;
	align-items: start;
}

@media (min-width: 520px) {
	.hwsf-footer-mega__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.hwsf-footer-mega__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.5rem 2.25rem;
	}
}

.hwsf-footer-mega__title {
	margin: 0 0 0.85rem;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--hwsf-footer-title);
}

.hwsf-footer-mega__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hwsf-footer-mega__list li {
	margin: 0 0 0.5rem;
}

.hwsf-footer-mega__list a {
	color: var(--hwsf-footer-link);
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9375rem;
}

.hwsf-footer-mega__list a:hover,
.hwsf-footer-mega__list a:focus {
	color: #ffffff;
	text-decoration: none;
}

.hwsf-footer-mega__text {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--hwsf-footer-link-muted);
	max-width: 22rem;
  margin-bottom: 0.85rem;
}

.hwsf-footer-mega__sub {
	margin-top: 2.5rem;
	padding-top: 1.75rem;
	border-top: 1px solid rgba(226, 232, 240, 0.12);
	text-align: center;
	max-width: 52rem;
	margin-left: auto;
	margin-right: auto;
}

.hwsf-footer-mega__copyright {
	margin: 0 0 0.75rem;
	font-size: 0.8125rem;
	color: var(--hwsf-footer-link-muted);
}

.hwsf-footer-mega__disclaimer {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.6;
	color: var(--hwsf-footer-link-muted);
	opacity: 0.95;
}

/* -------------------------------------------------------------------------
   WooCommerce — full-width catalog grid
   ------------------------------------------------------------------------- */

.woocommerce.archive #content .col-full,
.woocommerce-page.post-type-archive-product #content .col-full,
.tax-product_cat #content .col-full,
.tax-product_tag #content .col-full {
	max-width: var(--hwsf-wide-max);
}

@media (min-width: 768px) {
	/* Shop/category: restore a left sidebar */
	.woocommerce-active .woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) #content .col-full {
		display: grid;
		grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
		gap: var(--hwsf-space-5);
		align-items: start;
	}

	.woocommerce-active .woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) #content .col-full::before,
	.woocommerce-active .woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) #content .col-full::after {
		display: none;
	}

	.woocommerce-active .woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area {
		display: block;
		width: auto;
		float: none;
		margin: 0;
	}

	.woocommerce-active .woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) #primary {
		width: auto;
		float: none;
		margin: 0;
		max-width: none;
	}
}

.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none;
}

/* Cart cross-sells: force the same card grid as shop archives */
.woocommerce-cart .cross-sells ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-cart .cross-sells ul.products::before,
.woocommerce-cart .cross-sells ul.products::after {
	display: none;
}

/* Shop/category toolbar (ordering + result count) — Astra-like alignment (ignore colors) */
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
	margin: 0;
	line-height: 44px;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
	margin: 0;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
	min-height: 44px;
}

.hwsf-shop-toolbar .woocommerce-ordering {
	position: relative;
}

.hwsf-shop-toolbar .woocommerce-ordering select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 2.4rem;
	background-color: var(--hwsf-control-surface);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27%23334155%27%3E%3Cpath%20d%3D%27M5.25%207.5%2010%2012.25%2014.75%207.5%27%20stroke%3D%27%23334155%27%20stroke-width%3D%271.75%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 0.85rem center;
	background-size: 14px 14px;
}

.hwsf-shop-toolbar .woocommerce-ordering select:focus {
	outline: none;
	border-color: var(--hwsf-color-focus-border);
	box-shadow: 0 0 0 3px var(--hwsf-color-focus-shadow);
}

/* Ensure only the toolbar ordering control is visible (some themes/plugins print duplicates). */
.woocommerce .woocommerce-ordering {
	display: none;
}

.hwsf-shop-toolbar .woocommerce-ordering {
	display: block;
}

@media (min-width: 768px) {
	.woocommerce .woocommerce-ordering,
	.woocommerce-page .woocommerce-ordering {
		margin-right: var(--hwsf-space-3);
	}
}

/* -------------------------------------------------------------------------
   Shop/category — functional list view
   ------------------------------------------------------------------------- */

body.hwsf-view--list .woocommerce ul.products {
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 768px) {
	body.hwsf-view--list .woocommerce ul.products li.product {
		display: grid;
		grid-template-columns: 160px minmax(0, 1fr);
		gap: 0.75rem 1rem;
		align-items: center;
	}

	body.hwsf-view--list .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 160px minmax(0, 1fr);
		gap: 0.75rem 1rem;
		align-items: center;
	}

	body.hwsf-view--list .woocommerce ul.products li.product img {
		aspect-ratio: 1 / 1;
	}

	body.hwsf-view--list .woocommerce ul.products li.product .woocommerce-loop-product__title,
	body.hwsf-view--list .woocommerce ul.products li.product .price {
		padding-left: 0;
		padding-right: 0;
	}

	body.hwsf-view--list .woocommerce ul.products li.product .woocommerce-loop-product__title {
		padding-top: 0;
	}

	body.hwsf-view--list .woocommerce ul.products li.product .button {
		grid-column: 2;
		margin: 0 1rem 1rem 0;
		justify-self: start;
	}
}

/* Shop toolbar wrapper + view toggles */
.hwsf-shop-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--hwsf-space-3);
	margin: 0 0 var(--hwsf-space-4);
}

.hwsf-shop-toolbar__right {
	display: inline-flex;
	align-items: center;
	gap: var(--hwsf-space-3);
	flex: 0 0 auto;
	margin-left: auto;
}

.hwsf-shop-toolbar__views {
	display: inline-flex;
	gap: 6px;
}

.hwsf-shop-toolbar__view {
	border: 1px solid var(--hwsf-control-border-strong);
	background: var(--hwsf-control-surface);
	box-shadow: var(--hwsf-control-shadow);
	width: 44px;
	min-height: 44px;
	padding: 0;
	line-height: 1;
	border-radius: var(--hwsf-radius);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.hwsf-shop-toolbar__view.is-active {
	font-weight: 700;
	background: var(--hwsf-control-surface-hover);
	border-color: var(--hwsf-palette-blue-700);
}

.hwsf-shop-toolbar__view:hover:not(:disabled),
.hwsf-shop-toolbar__view:focus {
	background: var(--hwsf-control-surface-hover);
	border-color: var(--hwsf-palette-blue-700);
}

.hwsf-shop-toolbar__view:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--hwsf-color-focus-ring), var(--hwsf-control-shadow);
}

@media (max-width: 767px) {
	.hwsf-shop-toolbar__right {
		width: 100%;
		justify-content: space-between;
	}
}

/* Shop/category sidebar widgets — rhythm (ignore colors) */
.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area {
	font-size: 0.9375rem;
}

.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area .widget {
	margin: 0 0 var(--hwsf-space-5);
	padding: 0;
	border: 0;
}

.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area .widget-title,
.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area .widgettitle {
	margin: 0 0 var(--hwsf-space-3);
	font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: 1.15rem;
	line-height: 1.2;
}

.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area li {
	margin: 0;
}

.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	font-weight: 500;
}

.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area a:hover,
.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area a:focus {
	text-decoration: underline;
}

/* "Filter" affordance (visual only; pairs with filter widgets) */
.woocommerce-page:not(.woocommerce-cart):not(.woocommerce-checkout) .widget-area::before {
	content: "Filter";
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 var(--hwsf-space-4);
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1;
}

.woocommerce ul.products li.product {
	position: relative;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0;
	background: var(--hwsf-surface);
	border-radius: var(--hwsf-radius);
	border: var(--hwsf-border);
	box-shadow: none;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	display: block;
}

.woocommerce ul.products li.product img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0.75rem 1rem 0;
	font-size: 1rem;
	font-weight: 600;
}

.woocommerce ul.products li.product .price {
	padding: 0 1rem 1rem;
	color: var(--hwsf-muted);
	font-weight: 500;
}

.woocommerce ul.products li.product .button {
	margin: 0 1rem 1rem;
	border-radius: var(--hwsf-radius);
}

.woocommerce ul.products li.product a.added_to_cart.wc-forward {
	display: inline-block;
	margin: 0 1rem 1rem;
}

/* Loop / related: sale badge on image */
.woocommerce ul.products li.product span.onsale {
	position: absolute;
	top: 0.65rem;
	left: 0.65rem;
	z-index: 2;
	min-width: 3rem;
	min-height: 3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.25rem 0.45rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	letter-spacing: 0.03em;
	background: #b83232;
	color: #fff;
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

/* Loop: stock badges on image (out of stock / low stock) */
.woocommerce ul.products li.product .hwsf-loop-badge {
	position: static;
	display: block;
	margin: 0.5rem 0.65rem 0;
	padding: 0.35rem 0.6rem;
	border-radius: 0.9rem;
	font-size: 0.75rem;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.woocommerce ul.products li.product .hwsf-loop-badge--out {
	margin-top: 0.55rem;
	padding: 0.55rem 0.75rem;
	font-size: 0.875rem;
	font-weight: 900;
	background: #b83232;
}

.woocommerce ul.products li.product .hwsf-loop-badge--low {
	background: #b7791f;
}

/* Single product */
.single-product .single-product-category {
	display: block;
	margin: 0 0 0.4rem;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.single-product .single-product-category a {
	color: var(--hwsf-muted);
	text-decoration: none;
	font-weight: 500;
}

.single-product .single-product-category a:hover,
.single-product .single-product-category a:focus {
	color: var(--hwsf-accent);
	text-decoration: underline;
}

.single-product div.product .product_title {
	font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
	font-size: clamp(1.65rem, 3.2vw, 2.25rem);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.single-product div.product p.price {
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--hwsf-fg);
}

.single-product div.product p.price del {
	opacity: 0.62;
	font-weight: 500;
	margin-right: 0.35rem;
}

.single-product div.product p.price ins {
	text-decoration: none;
	font-weight: 700;
}

.single-product div.product .woocommerce-product-details__short-description {
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
	color: var(--hwsf-muted);
	font-size: 0.9375rem;
	line-height: 1.55;
}

.single-product form.variations_form table.variations {
	margin-bottom: 0.75rem;
}

.single-product form.variations_form table.variations select {
	border-radius: var(--hwsf-radius);
}

.single-product .woocommerce-variation.single_variation {
	margin-bottom: 0.85rem;
}

.single-product .woocommerce-variation-price .price {
	font-size: 1.2rem;
	font-weight: 600;
}

.single-product .woocommerce-variation-availability {
	margin-top: 0.25rem;
	font-size: 0.9rem;
}

.single-product .woocommerce-variation-availability .stock {
	font-weight: 600;
}

.single-product form.cart .quantity {
	display: inline-flex;
	align-items: stretch;
	vertical-align: middle;
	margin-right: 0.5rem;
}

.single-product form.cart .quantity .qty {
	width: 3rem;
	min-height: 2.5rem;
	text-align: center;
	border-radius: 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}

.single-product form.cart .quantity .hwsf-qty-minus,
.single-product form.cart .quantity .hwsf-qty-plus,
.single-product form.cart .quantity .minus,
.single-product form.cart .quantity .plus {
	box-sizing: border-box;
	width: 2.5rem;
	min-height: 2.5rem;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: #f3f3f3;
	color: var(--hwsf-fg);
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
}

.single-product form.cart .quantity .hwsf-qty-minus:hover,
.single-product form.cart .quantity .hwsf-qty-plus:hover,
.single-product form.cart .quantity .minus:hover,
.single-product form.cart .quantity .plus:hover {
	background: #e8e8e8;
}

.single-product form.cart .quantity .hwsf-qty-minus:disabled,
.single-product form.cart .quantity .hwsf-qty-plus:disabled,
.single-product form.cart .quantity .minus:disabled,
.single-product form.cart .quantity .plus:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.single-product form.cart {
	margin-top: 1.25rem;
}

.single-product .hwsf-product-sections {
	margin-top: 2.5rem;
	border: var(--hwsf-border);
	border-radius: var(--hwsf-radius);
	background: var(--hwsf-surface);
	overflow: hidden;
}

.single-product .hwsf-product-section + .hwsf-product-section {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.single-product .hwsf-product-section__title {
	margin: 0;
	padding: 0.95rem 1.15rem;
	font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
	font-size: 1.2rem;
	font-weight: 400;
	background: var(--hwsf-control-surface);
	color: var(--hwsf-fg);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.single-product .hwsf-product-section__content {
	padding: 1rem 1.15rem 1.15rem;
}

.single-product .woocommerce-product-gallery {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	gap: 0.75rem;
	background: var(--hwsf-control-surface);
	border: var(--hwsf-border);
	border-radius: var(--hwsf-radius);
	padding: 0.75rem;
}

@supports selector(:has(*)) {
	/* Center gallery when no thumbs rail exists (single image). */
	.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	/* If thumbs exist but only one, hide rail + center main image. */
	.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:only-child) {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:only-child) .flex-control-thumbs {
		display: none !important;
	}

	.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) .flex-viewport,
	.single-product .woocommerce-product-gallery:has(.flex-control-thumbs li:only-child) .flex-viewport {
		width: 100%;
		max-width: 38rem;
	}
}

.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	flex: 1;
	min-width: 0;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs {
	flex: 0 0 4.5rem;
	width: 4.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0.45rem;
	max-height: min(70vh, 32rem);
	overflow-y: auto;
	overflow-x: hidden;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img {
	border-radius: var(--hwsf-radius);
	opacity: 0.82;
	transition: opacity 0.15s ease, box-shadow 0.15s ease;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs .flex-active img,
.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover {
	opacity: 1;
	box-shadow: 0 0 0 1px var(--hwsf-accent);
}

@media (max-width: 767px) {
	.single-product .woocommerce-product-gallery {
		flex-direction: column-reverse;
	}

	.single-product .woocommerce-product-gallery .flex-control-thumbs {
		flex-direction: row;
		flex: none;
		width: 100% !important;
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 0.25rem !important;
	}

	.single-product .woocommerce-product-gallery .flex-control-thumbs li {
		flex: 0 0 auto;
		width: 4rem !important;
	}
}

@media (min-width: 768px) {
	.single-product #primary {
		max-width: var(--hwsf-wide-max);
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 100%;
	}

	.single-product div.product {
		display: grid;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		grid-template-rows: auto;
		gap: 2.5rem;
		align-items: start;
	}

	.single-product div.product::before,
	.single-product div.product::after {
		display: none;
	}

	.single-product div.product > span.onsale,
	.single-product div.product > .woocommerce-product-gallery {
		grid-column: 1;
		grid-row: 1;
	}

	.single-product div.product > span.onsale {
		position: absolute;
		z-index: 4;
		margin: 0.85rem 0 0 0.85rem;
		pointer-events: none;
		min-width: 3.25rem;
		min-height: 3.25rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0.35rem 0.5rem;
		border-radius: 999px;
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.03em;
		line-height: 1.1;
		text-align: center;
		background: #b83232;
		color: #fff;
		border: none;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	}

	.single-product div.product > .summary.entry-summary {
		grid-column: 2;
		grid-row: 1;
	}

	/* Ensure tabs + related always sit below and span full width */
	.single-product div.product > .woocommerce-tabs,
	.single-product div.product > section.related.products {
		grid-column: 1 / -1;
	}

	.single-product div.product .woocommerce-product-gallery,
	.single-product div.product .summary {
		float: none !important;
		width: auto !important;
		margin-bottom: 0;
	}

	.single-product div.product .woocommerce-product-gallery {
		position: sticky;
		top: var(--hwsf-header-sticky-offset);
		align-self: start;
	}
}

/* Accordion product tabs (child override template) */
.hwsf-wc-tabs-accordion {
	margin-top: 2.5rem;
	border: var(--hwsf-border);
	border-radius: var(--hwsf-radius);
	background: var(--hwsf-surface);
	overflow: hidden;
}

.hwsf-wc-tabs-accordion__item + .hwsf-wc-tabs-accordion__item {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.hwsf-wc-tabs-accordion__summary {
	cursor: pointer;
	list-style: none;
	font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 0.95rem 1.15rem;
	background: var(--hwsf-control-surface);
	color: var(--hwsf-fg);
}

.hwsf-wc-tabs-accordion__summary:hover,
.hwsf-wc-tabs-accordion__summary:focus {
	background: var(--hwsf-surface);
}

.hwsf-wc-tabs-accordion__summary::-webkit-details-marker {
	display: none;
}

.hwsf-wc-tabs-accordion__item[open] > .hwsf-wc-tabs-accordion__summary {
	background: var(--hwsf-surface);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.hwsf-wc-tabs-accordion__panel {
	padding: 1rem 1.15rem 1.15rem;
}

.hwsf-wc-tabs-accordion__panel > h2:first-child {
	display: none;
}

/* WooCommerce JS hides .wc-tab/.panel on init; our accordion has no tablist to re-show. */
.hwsf-wc-tabs-accordion .woocommerce-Tabs-panel,
.hwsf-wc-tabs-accordion .wc-tab,
.hwsf-wc-tabs-accordion .panel {
	display: block !important;
}

/* Cart */
.woocommerce-cart .woocommerce table.shop_table {
	border-radius: var(--hwsf-radius);
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.woocommerce-cart .woocommerce table.shop_table th,
.woocommerce-cart .woocommerce table.shop_table td {
	padding: 1rem;
}

@media (max-width: 767px) {
	.woocommerce table.shop_table_responsive tr td::before {
		font-weight: 600;
		color: var(--hwsf-muted);
	}
}

.woocommerce-cart .cart-collaterals .cart_totals {
	border-radius: var(--hwsf-radius);
	padding: 1.25rem;
	background: var(--hwsf-surface);
	border: 1px solid rgba(0, 0, 0, 0.08);
}

/* Empty cart: centered hierarchy + strong CTA */
.woocommerce-cart .hwsf-cart-empty {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
	padding: 3rem var(--hwsf-gutter-x);
	display: flex;
	justify-content: center;
}

.woocommerce-cart .hwsf-cart-empty__inner {
	width: 100%;
	max-width: 44rem;
	text-align: center;
	padding: 2.25rem 1.75rem;
	background: var(--hwsf-section);
	border: var(--hwsf-border);
	border-radius: var(--hwsf-radius);
}

.woocommerce-cart .hwsf-cart-empty__title {
	margin: 0 0 0.75rem;
	font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
	font-size: clamp(1.6rem, 3vw, 2.1rem);
	line-height: 1.2;
}

.woocommerce-cart .hwsf-cart-empty__text {
	margin: 0 auto 1.35rem;
	max-width: 36rem;
	color: var(--hwsf-muted);
	font-size: 1rem;
	line-height: 1.55;
}

.woocommerce-cart .hwsf-cart-empty .return-to-shop {
	margin: 0;
}

/* Checkout */
.woocommerce-checkout .woocommerce {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	width: 100%;
	float: none;
	margin: 0;
}

@media (min-width: 768px) {
	.woocommerce-checkout #customer_details {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
	margin-top: 2rem;
}

.woocommerce-checkout #order_review {
	border-radius: var(--hwsf-radius);
	padding: 1.5rem;
	background: var(--hwsf-surface);
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	border-radius: var(--hwsf-radius);
}

/* Block checkout (Woo Blocks) */
.wc-block-checkout,
.wc-block-cart {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------------------------
   Utility: hero sections in block content
   ------------------------------------------------------------------------- */

.hwsf-container {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--hwsf-gutter-x);
	padding-right: var(--hwsf-gutter-x);
}

/* Elementor-like icon box rhythm (ignore colors; keep our fonts) */
.hwsf-icon-row {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.hwsf-icon-box {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.hwsf-icon-box__title {
	margin: 0 0 7px;
}

.hwsf-icon-box__desc {
	margin: 0;
	font-size: 13px;
	line-height: 20px;
}

.hoolworks-hero .wp-block-cover__inner-container {
	max-width: var(--hwsf-wide-max);
	margin-left: auto;
	margin-right: auto;
}

.hoolworks-hero .wp-block-buttons.is-layout-flex {
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
}

.hoolworks-hero .wp-block-button .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.875rem;
	padding: 0.625rem 1.35rem;
	line-height: 1.2;
}

.hoolworks-hero .wp-block-button{
	margin-bottom: 0 !important;
}

.hoolworks-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
}

.hoolworks-hero .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.12);
}

/* Home hero: show shop CTAs only when logged in; sign-in copy/button only for guests (body.logged-in from WP) */
body:not(.logged-in) .hw-hero-logged-in-only {
	display: none !important;
}

body.logged-in .hw-hero-guest-only {
	display: none !important;
}

/* -------------------------------------------------------------------------
   Full-width page heroes (Cover blocks): brand gradient + legible type
   ------------------------------------------------------------------------- */

/* Storefront pulls the first full-width cover up with a negative margin; keep the home hero below the masthead */
.home.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-cover.alignfull,
.home.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-image.alignfull,
.home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-cover.alignfull,
.home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-image.alignfull,
body.front-page.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-cover.alignfull,
body.front-page.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-image.alignfull,
body.front-page.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-cover.alignfull,
body.front-page.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-image.alignfull {
	margin-top: 0 !important;
}

.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-cover.alignfull .wp-block-cover__background,
.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-cover__background {
	background: linear-gradient(
		135deg,
		var(--hwsf-palette-hero-navy) 0%,
		var(--hwsf-palette-hero-blue-900) 35%,
		var(--hwsf-accent) 70%,
		var(--hwsf-palette-hero-blue-600) 100%
	) !important;
	opacity: 1 !important;
}

.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-cover.alignfull .wp-block-heading:not([class*="has-text-color"]),
.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-heading:not([class*="has-text-color"]) {
	color: #ffffff;
}

.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-cover.alignfull p:not([class*="has-text-color"]),
.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull p:not([class*="has-text-color"]) {
	color: rgba(255, 255, 255, 0.92);
}

.page-template-template-fullwidth-php .hentry .entry-content > .wp-block-cover.alignfull .wp-block-heading.has-muted-color,
.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-heading.has-muted-color {
	color: rgba(255, 255, 255, 0.88) !important;
}

/* -------------------------------------------------------------------------
   WooCommerce — My Account: sidebar navigation contrast
   ------------------------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--hwsf-control-surface);
	border: 1px solid var(--hwsf-control-border-strong);
	border-radius: var(--hwsf-radius);
	padding: 0;
	margin-bottom: 1.5rem;
	box-shadow: var(--hwsf-control-shadow);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 1rem !important;
	color: var(--hwsf-fg);
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
	padding: 1rem !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus {
	background: rgba(61, 90, 128, 0.08);
	color: var(--hwsf-accent);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: rgba(61, 90, 128, 0.12);
	color: var(--hwsf-accent);
	border-left: 3px solid var(--hwsf-accent);
	padding-left: calc(1rem - 3px) !important;
}

@media (min-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 0;
	}
}

/* -------------------------------------------------------------------------
   Footer: force legible colors (wins over global `a` + Storefront defaults)
   ------------------------------------------------------------------------- */

.site-footer .hwsf-footer-mega {
	color: var(--hwsf-footer-link) !important;
}

.site-footer .hwsf-footer-mega a {
	color: var(--hwsf-footer-link) !important;
	text-decoration: none !important;
}

.site-footer .hwsf-footer-mega a:hover,
.site-footer .hwsf-footer-mega a:focus {
	color: #ffffff !important;
	text-decoration: none !important;
}

.site-footer .hwsf-footer-mega__brand-link--logo,
.site-footer .hwsf-footer-mega__brand-link--logo:hover,
.site-footer .hwsf-footer-mega__brand-link--logo:focus {
	color: inherit !important;
}

.site-footer .hwsf-footer-mega__brand-link--logo:hover,
.site-footer .hwsf-footer-mega__brand-link--logo:focus {
	background: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.65) !important;
}

.site-footer .hwsf-footer-mega__title {
	color: var(--hwsf-footer-title) !important;
}

.site-footer .hwsf-footer-mega__list a .hwsf-fa-icon {
	color: inherit;
	opacity: 0.95;
}

.site-footer .hwsf-footer-mega__copyright,
.site-footer .hwsf-footer-mega__disclaimer {
	color: var(--hwsf-footer-link-muted) !important;
	opacity: 1;
}

/* Hide frontend “Edit” link injected by parent theme templates. */
.edit-link,
.post-edit-link {
	display: none !important;
}

/* -------------------------------------------------------------------------
   Cover heroes: CTAs pop on blue gradient (white pill + blue label)
   ------------------------------------------------------------------------- */

.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.hoolworks-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: #ffffff !important;
	color: var(--hwsf-accent-hover) !important;
	border: 2px solid rgba(255, 255, 255, 0.95) !important;
	box-shadow: 0 10px 36px rgba(15, 23, 42, 0.35);
	font-weight: 700;
}

.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.hoolworks-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.hoolworks-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
	background-color: #eff6ff !important;
	color: #1e40af !important;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.4);
}

.page-template-template-fullwidth-php .hentry .entry-content .wp-block-cover.alignfull .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.hoolworks-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.55), 0 12px 40px rgba(15, 23, 42, 0.4);
}