/* Sour Six storefront */

html,
body {
	background: #000;
	color: #fdefe0;
}

body {
	min-height: 100vh;
}

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #fff100;
	outline-offset: 3px;
}

/* Header */
.soursix-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #000 !important;
	border-bottom: 1px solid #1f1f1f;
	box-shadow: inset 0 3px 0 #fff100;
}

.soursix-header-inner {
	width: 100%;
	min-height: 64px;
}

.soursix-brand {
	min-width: 0;
}

.soursix-brand .wp-block-site-logo img,
.soursix-logo img {
	width: 64px;
	height: auto;
	display: block;
}

.soursix-brand .wp-block-site-title a {
	color: #fff100 !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.soursix-nav .wp-block-navigation-item__content {
	color: #fdefe0;
	text-decoration: none !important;
}

.soursix-nav .wp-block-navigation-item__content:hover,
.soursix-nav .current-menu-item > .wp-block-navigation-item__content,
.soursix-nav .current-menu-item > a {
	color: #fff100 !important;
}

.soursix-header .wp-block-navigation__responsive-container-open,
.soursix-header .wp-block-navigation__responsive-container-close,
.soursix-header .wp-block-navigation__responsive-container-open svg,
.soursix-header .wp-block-navigation__responsive-container-close svg {
	color: #fff100;
	fill: #fff100;
}

.soursix-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #000 !important;
}

.soursix-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: #fdefe0;
	font-size: 1.05rem;
	padding: 0.55rem 0;
}

/* Hero */
.soursix-hero {
	padding: 2.75rem 1.25rem 3.25rem;
	text-align: center;
}

.soursix-hero .wp-block-image {
	margin: 0 auto 0.25rem;
}

.soursix-hero .wp-block-image img {
	width: min(420px, 86vw);
	height: auto;
	margin: 0 auto;
}

.soursix-tagline {
	margin: 0.35rem 0 0.6rem;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.soursix-hero-sub {
	margin: 0 auto 1.6rem;
	max-width: 28rem;
	color: #c8c4bc;
}

.soursix-shop-btn .wp-block-button__link,
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wp-block-woocommerce-product-button .wp-block-button__link {
	background: #fff100 !important;
	color: #000 !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.soursix-shop-btn .wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:hover,
.wp-block-woocommerce-product-button .wp-block-button__link:hover {
	background: #00a658 !important;
	color: #fff !important;
}

/* Featured / empty catalog */
.soursix-featured {
	padding: 1rem 1.25rem 3.25rem;
}

.soursix-section-title {
	margin-bottom: 0.35rem;
}

.soursix-empty-catalog {
	margin: 1.5rem auto 0;
	max-width: 32rem;
	padding: 2.25rem 1.5rem;
	border: 1px dashed #2a2a2a;
	border-radius: 16px;
	background: #0e0e0e;
	text-align: center;
}

.soursix-empty-catalog p {
	margin: 0;
	color: #fdefe0;
	font-weight: 700;
	font-size: 1.15rem;
	letter-spacing: -0.02em;
}


/* Coming soon lookbook */
.soursix-lookbook {
	padding: 0 1.25rem 3.25rem;
}

.soursix-lookbook-sub {
	margin: 0 auto 1.75rem;
	max-width: 34rem;
	color: #c8c4bc;
}

.soursix-lookbook .wp-block-gallery.has-nested-images,
.soursix-lookbook .wp-block-gallery {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	--wp--style--unstable-gallery-gap: 0.75rem;
}

.soursix-lookbook .wp-block-gallery .wp-block-image {
	width: auto !important;
	margin: 0 !important;
}

.soursix-lookbook .wp-block-gallery .wp-block-image img,
.soursix-lookbook .wp-block-gallery img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: 12px;
	background: #161616;
}

@media (max-width: 781px) {
	.soursix-lookbook .wp-block-gallery.has-nested-images,
	.soursix-lookbook .wp-block-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.soursix-contact-band {
	padding: 0 1.25rem 4rem;
}

.soursix-contact-band a {
	font-weight: 700;
}

/* Footer */
.soursix-footer {
	margin-top: auto;
}

.soursix-footer-links a {
	color: #c8c4bc !important;
	text-decoration: none !important;
}

.soursix-footer-links a:hover {
	color: #fff100 !important;
}

/* Shop toolbar: hide when the catalog is empty */
.soursix-shop:has(.soursix-empty-catalog) .soursix-shop-toolbar,
.wc-block-product-template:empty + * .soursix-shop-toolbar {
	display: none;
}

.wp-block-woocommerce-product-collection:has(.wp-block-woocommerce-product-collection-no-results .soursix-empty-catalog) {
	/* no-results is always in the DOM; hide toolbar via a sibling hook when collection reports empty */
}

body:has(.soursix-empty-catalog) .soursix-shop-toolbar {
	display: none;
}

/* Product cards */
.wc-block-product,
.wp-block-post.product {
	background: #111;
	border: 1px solid #1f1f1f;
	border-radius: 16px;
	padding: 0.85rem 0.85rem 1rem;
}

.wc-block-product img,
.wp-block-post.product img {
	border-radius: 10px;
	background: #161616;
}

/* Pages */
.wp-block-post-title {
	margin-top: 0;
}

/* Forms, cart, checkout, account — readable on black */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="date"],
select,
textarea,
.woocommerce input.input-text,
.woocommerce-Input,
.wc-block-components-text-input input,
.wc-block-components-combobox-control input,
.wc-block-components-textarea,
.wc-block-components-select,
.wc-block-checkout input,
.wc-block-cart input,
.wc-block-components-text-input > input,
.wc-block-components-form input {
	background: #161616 !important;
	color: #fdefe0 !important;
	border: 1px solid #333 !important;
	border-radius: 8px;
}

.woocommerce form .form-row label,
.wc-block-components-text-input label,
.wc-block-components-checkbox label,
.woocommerce-account,
.woocommerce-cart,
.woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout {
	color: #fdefe0;
}

.woocommerce table.shop_table,
.wc-block-cart-items,
.wc-block-cart-items th,
.wc-block-cart-items td,
.woocommerce-cart-form,
.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	color: #fdefe0;
	background: transparent;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-color: #2a2a2a !important;
	background: #111 !important;
	color: #fdefe0 !important;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.wc-block-components-notice-banner,
.woocommerce-noreviews {
	background: #161616 !important;
	color: #fdefe0 !important;
	border-color: #2a2a2a !important;
}

/* Empty cart message */
.wc-block-cart__empty-cart,
.wp-block-woocommerce-empty-cart-block {
	color: #fdefe0;
}

/* My account */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
}

.woocommerce-MyAccount-navigation li {
	margin: 0 0 0.35rem;
}

.woocommerce-MyAccount-navigation a {
	color: #fdefe0;
	text-decoration: none;
	font-weight: 700;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
	color: #fff100;
}

/* Prevent light theme leftovers on full-width groups */
.wp-site-blocks {
	background: #000;
	color: #fdefe0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* Policy pages */
.soursix-policy-note {
	padding: 0.9rem 1rem;
	border-left: 3px solid #fff100;
	background: #161616;
	color: #fdefe0;
}

@media (max-width: 781px) {
	.soursix-header {
		box-shadow: inset 0 3px 0 #fff100;
	}

	.soursix-hero {
		padding: 1.75rem 1rem 2.5rem;
	}

	.soursix-featured,
	.soursix-lookbook,
	.soursix-contact-band {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.soursix-brand .wp-block-site-title {
		font-size: 0.95rem !important;
	}
}

/* Stick footer to the bottom on short pages */
.wp-site-blocks {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wp-site-blocks > main {
	flex: 1 0 auto;
}

.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child {
	margin-top: auto;
}

/* Hide empty "New in store" on an empty cart */
.wp-block-woocommerce-empty-cart-block:not(:has(.wc-block-product)) .wp-block-separator,
.wp-block-woocommerce-empty-cart-block:not(:has(.wc-block-product)) h2.wp-block-heading:not(.with-empty-cart-icon) {
	display: none;
}