/*
Theme Name: VoidSiege
Theme URI: https://voidsiege.com/
Author: Bloodforged Games
Description: Custom block theme for VoidSiege - Sythopian Wars.
Version: 0.1.0
Text Domain: voidsiege
Requires at least: 6.6
Requires PHP: 8.1
*/

/* Theme presentation is defined primarily through theme.json. */

/*
 * Optional Quick Checkout integration
 *
 * This belongs to the VoidSiege theme rather than the commerce plugin. The
 * plugin keeps its accessible, neutral fallback design; this layer simply
 * makes its public storefront adopt the VoidSiege visual system when both are
 * active together.
 */
body .jla3d-qc-shop,
body .jla3d-qc-product,
body .jla3d-qc-cart,
body .jla3d-qc-order-status {
	box-sizing: border-box;
	width: min(1120px, calc(100% - 2.5rem));
	margin: clamp(1.75rem, 4vw, 4rem) auto clamp(3rem, 7vw, 6rem);
	color: var(--wp--preset--color--bone, #f1eadc);
}

body .jla3d-qc-shop__header,
body .jla3d-qc-product > article > .entry-header,
body .jla3d-qc-cart__header,
body .jla3d-qc-order-status__content {
	position: relative;
	isolation: isolate;
	padding: clamp(1.25rem, 3vw, 2.25rem);
	border: 1px solid rgba(241, 234, 220, .3);
	background: linear-gradient(105deg, rgba(7, 8, 10, .97), rgba(28, 20, 23, .94)), url("assets/images/rules/rule-panel-tech-texture.png") center / cover;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .52), 0 16px 34px rgba(0, 0, 0, .25);
}

body .jla3d-qc-shop__header::after,
body .jla3d-qc-product > article > .entry-header::after,
body .jla3d-qc-cart__header::after,
body .jla3d-qc-order-status__content::after {
	position: absolute;
	z-index: 0;
	inset: .55rem;
	content: "";
	border: 1px solid rgba(241, 234, 220, .14);
	background: linear-gradient(90deg, #b51e27 0 34px, transparent 34px) top left / 104px 2px no-repeat, linear-gradient(270deg, #b51e27 0 34px, transparent 34px) bottom right / 104px 2px no-repeat, linear-gradient(180deg, rgba(241, 234, 220, .58) 0 17px, transparent 17px) top left / 2px 58px no-repeat, linear-gradient(0deg, rgba(241, 234, 220, .58) 0 17px, transparent 17px) bottom right / 2px 58px no-repeat;
	pointer-events: none;
}

body .jla3d-qc-shop__header > *,
body .jla3d-qc-product > article > .entry-header > *,
body .jla3d-qc-cart__header > *,
body .jla3d-qc-order-status__content > * {
	position: relative;
	z-index: 1;
}

body .jla3d-qc-shop h1,
body .jla3d-qc-product h1,
body .jla3d-qc-cart h1,
body .jla3d-qc-order-status h1,
body .jla3d-qc-cart h2,
body .jla3d-qc-product h2 {
	color: inherit;
}

body .jla3d-qc-shop a,
body .jla3d-qc-product a,
body .jla3d-qc-cart a,
body .jla3d-qc-order-status a {
	color: inherit;
}

body .jla3d-qc-shop a:hover,
body .jla3d-qc-shop a:focus-visible,
body .jla3d-qc-product a:hover,
body .jla3d-qc-product a:focus-visible,
body .jla3d-qc-cart a:hover,
body .jla3d-qc-cart a:focus-visible,
body .jla3d-qc-order-status a:hover,
body .jla3d-qc-order-status a:focus-visible {
	color: #e7787d;
}

body .jla3d-qc-shop__basket-link a,
body .jla3d-qc-product-card__action,
body .jla3d-qc-product-card__actions button,
body .jla3d-qc-add-to-cart button,
body .jla3d-qc-shop__filter-actions button,
body .jla3d-qc-cart__update,
body .jla3d-qc-cart__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: .72rem 1rem;
	border: 1px solid #d6343e;
	border-radius: 0;
	background: linear-gradient(135deg, #cf2b36, #86151e 72%);
	color: #fff;
	font: inherit;
	font-weight: 700;
	letter-spacing: .06em;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

body .jla3d-qc-cart__remove {
	border-color: rgba(241, 234, 220, .35);
	background: rgba(17, 17, 17, .72);
}

body .jla3d-qc-shop__basket-link a:hover,
body .jla3d-qc-shop__basket-link a:focus-visible,
body .jla3d-qc-product-card__action:hover,
body .jla3d-qc-product-card__action:focus-visible,
body .jla3d-qc-product-card__actions button:hover,
body .jla3d-qc-product-card__actions button:focus-visible,
body .jla3d-qc-add-to-cart button:hover,
body .jla3d-qc-add-to-cart button:focus-visible,
body .jla3d-qc-shop__filter-actions button:hover,
body .jla3d-qc-shop__filter-actions button:focus-visible,
body .jla3d-qc-cart__update:hover,
body .jla3d-qc-cart__update:focus-visible,
body .jla3d-qc-cart__remove:hover,
body .jla3d-qc-cart__remove:focus-visible {
	border-color: #f1eadc;
	background: #b51e27;
	color: #fff;
}

body .jla3d-qc-shop__filters,
body .jla3d-qc-product__gallery,
body .jla3d-qc-product__related,
body .jla3d-qc-add-to-cart,
body .jla3d-qc-cart__items,
body .jla3d-qc-cart__checkout {
	border: 1px solid rgba(241, 234, 220, .25);
	background: linear-gradient(135deg, rgba(38, 38, 38, .94), rgba(11, 12, 15, .96));
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .38);
}

body .jla3d-qc-shop__filters,
body .jla3d-qc-product__gallery,
body .jla3d-qc-product__related,
body .jla3d-qc-add-to-cart,
body .jla3d-qc-cart__items,
body .jla3d-qc-cart__checkout {
	padding: clamp(1rem, 2.4vw, 1.5rem);
}

body .jla3d-qc-shop__filters fieldset,
body .jla3d-qc-checkout__details fieldset,
body .jla3d-qc-cart__details fieldset {
	border-color: rgba(241, 234, 220, .25);
}

body .jla3d-qc-shop input:not([type="checkbox"]),
body .jla3d-qc-shop select,
body .jla3d-qc-product input:not([type="checkbox"]),
body .jla3d-qc-product select,
body .jla3d-qc-cart input:not([type="checkbox"]),
body .jla3d-qc-cart select {
	border: 1px solid rgba(241, 234, 220, .38);
	border-radius: 0;
	background: #16191d;
	color: #f1eadc;
	box-shadow: none;
}

body .jla3d-qc-shop input::placeholder,
body .jla3d-qc-product input::placeholder,
body .jla3d-qc-cart input::placeholder {
	color: rgba(241, 234, 220, .58);
}

body .jla3d-qc-shop input:focus-visible,
body .jla3d-qc-shop select:focus-visible,
body .jla3d-qc-product input:focus-visible,
body .jla3d-qc-product select:focus-visible,
body .jla3d-qc-cart input:focus-visible,
body .jla3d-qc-cart select:focus-visible {
	outline: 2px solid #e7787d;
	outline-offset: 2px;
	border-color: #e7787d;
}

body .jla3d-qc-product-card,
body .jla3d-qc-product__related li,
body .jla3d-qc-cart__item {
	border-color: rgba(241, 234, 220, .28);
	background: linear-gradient(135deg, rgba(38, 38, 38, .94), rgba(11, 12, 15, .96));
	color: inherit;
}

body .jla3d-qc-product-card__image,
body .jla3d-qc-product-card__placeholder,
body .jla3d-qc-product__related-image,
body .jla3d-qc-cart__item-image {
	background: #111;
}

body .jla3d-qc-product-card__type,
body .jla3d-qc-product__type,
body .jla3d-qc-product__related-type,
body .jla3d-qc-cart__eyebrow {
	color: #e7787d;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
}

body .jla3d-qc-product-card__price,
body .jla3d-qc-product__price,
body .jla3d-qc-product__related-price,
body .jla3d-qc-cart__item-total,
body .jla3d-qc-cart__grand-total {
	color: #f1eadc;
}

body .jla3d-qc-product__image,
body .jla3d-qc-product__gallery img,
body .jla3d-qc-product__related-image img {
	border-color: rgba(241, 234, 220, .3);
	background: #111;
}

body .jla3d-qc-cart__header {
	margin-bottom: 1rem;
}

body .jla3d-qc-cart__item {
	padding: 1rem;
}

@media (max-width: 700px) {
	body .jla3d-qc-shop,
	body .jla3d-qc-product,
	body .jla3d-qc-cart,
	body .jla3d-qc-order-status {
		width: min(100% - 1.5rem, 1120px);
		margin-top: 1.5rem;
	}
}