/**
 * Nightweeds Shop
 *
 * WooCommerce Shop archive styles.
 * Scope all future rules to body.woocommerce-shop.
 *
 * QA stage: Shop QA1B
 */

@media (min-width: 783px) {
	body.woocommerce-shop {
		background: #050505;
		color: #E8E4DA;
	}

	body.woocommerce-shop main.wp-block-group {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: clamp(1.5rem, 3vw, 3rem);
		width: min(
			calc(100% - clamp(2rem, 4vw, 4rem)),
			var(--wp--style--global--wide-size)
		);
		margin-inline: auto;
		padding-block: clamp(1.75rem, 3vw, 3rem) clamp(5rem, 8vw, 7rem);
		background: #050505;
	}

	body.woocommerce-shop main.wp-block-group > .alignwide {
		max-width: 100%;
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-breadcrumbs.wc-block-breadcrumbs {
		display: none;
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-breadcrumbs {
		grid-column: 1 / -1;
		margin-block: 0 clamp(0.75rem, 1.2vw, 1.25rem);
		color: #9a948a;
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-query-title {
		grid-column: 1 / -1;
		max-width: 100%;
		margin-block: 0 clamp(1rem, 1.5vw, 1.5rem);
		color: #E8E4DA;
		font-size: clamp(3.8rem, 6vw, 6.5rem);
		line-height: 0.95;
		text-transform: uppercase;
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-group.alignwide.is-content-justification-space-between {
		grid-column: 1 / -1;
		width: 100%;
		justify-content: space-between;
		margin-block: 0;
	}

	body.woocommerce-shop main.wp-block-group > .wc-block-store-notices.wp-block-woocommerce-store-notices {
		grid-column: 1 / -1;
		margin-block: 0;
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-woocommerce-product-results-count {
		align-self: center;
		margin-block: 0 clamp(1.5rem, 3vw, 2.5rem);
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-woocommerce-catalog-sorting {
		align-self: center;
		margin-block: 0 clamp(1.5rem, 3vw, 2.5rem);
	}

	body.woocommerce-shop .woocommerce-result-count {
		margin: 0;
		color: #9a948a;
		font-size: 0.875rem;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	body.woocommerce-shop .woocommerce-ordering {
		margin: 0;
	}

	body.woocommerce-shop .woocommerce-ordering select {
		min-height: 2.75rem;
		padding: 0 2.5rem 0 1rem;
		border: 1px solid #2a2a2a;
		border-radius: 0;
		background-color: #050505;
		color: #E8E4DA;
	}

	body.woocommerce-shop main.wp-block-group > .wp-block-woocommerce-product-collection {
		grid-column: 1 / -1;
		width: 100%;
		max-width: 100%;
		margin-block: clamp(0.5rem, 1.5vw, 1rem) 0;
		background: #050505;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: clamp(2rem, 3vw, 3rem) clamp(1.25rem, 2vw, 2rem);
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		align-items: start;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product {
		display: flex;
		flex-direction: column;
		gap: clamp(1rem, 1.6vw, 1.5rem);
		width: auto;
		margin: 0;
		padding: clamp(0.875rem, 1.4vw, 1.25rem);
		border: 1px solid #2a2a2a;
		background: #080808;
		align-self: start;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-image {
		width: 100%;
		aspect-ratio: 1 / 1;
		margin: 0;
		background: #101010;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-image > a {
		display: grid;
		place-items: center;
		width: 100%;
		height: 100%;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-image img[data-testid="product-image"] {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wp-block-post-title {
		min-block-size: calc(2 * 1em * 1.18);
		margin: 0;
		text-align: left;
		color: #E8E4DA;
		font-family: inherit;
		font-size: clamp(1.05rem, 1.25vw, 1.28rem);
		font-weight: 700;
		line-height: 1.18;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wp-block-post-title > a {
		color: inherit;
		text-decoration: none;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wp-block-woocommerce-product-price {
		margin: 0;
		text-align: left;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-price {
		color: #B7FF00;
		font-size: clamp(0.95rem, 1.05vw, 1.08rem);
		font-weight: 700;
		line-height: 1.25;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-price .woocommerce-Price-amount {
		color: inherit;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-price del {
		margin-right: 0.5em;
		color: #8f8a80;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-price ins {
		color: #B7FF00;
		text-decoration: none;
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wp-block-woocommerce-product-button {
		width: 100%;
		margin: 0;
		margin-block-start: auto;
		padding-block-start: clamp(0.25rem, 0.8vw, 0.75rem);
	}

	body.woocommerce-shop .wp-block-woocommerce-product-collection .wc-block-product-template > .wc-block-product .wc-block-components-product-button__button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: clamp(2.75rem, 3.2vw, 3.25rem);
		margin: 0;
		padding: 0.85rem 1rem;
		border: 1px solid #B7FF00;
		border-radius: 0;
		background: #B7FF00;
		color: #050505;
		font-size: clamp(0.82rem, 0.9vw, 0.95rem);
		font-weight: 700;
		line-height: 1.1;
		text-align: center;
		text-decoration: none;
	}
}