/*
Theme Name: Astra Not Guilty
Theme URI: http://not-guilty.local/
Description: Child theme de Astra para Not Guilty — estética traditional tattoo. Tokens desde Customizer Astra (--ast-global-color-*).
Author: Not Guilty
Template: astra
Version: 2.0.6
Text Domain: astra-not-guilty
*/

/* ==========================================================================
   Tokens — aliases of Astra global palette (Customizer)
   Palette map (Astra Customizer → Global Colors):
     0 blood · 1 blood-deep · 2 white (headings / button text)
     3 cream-muted · 4 ink · 5 charcoal · 6 smoke · 7 border · 8 gold
   Button colors/radius/typography come from Astra; do not redeclare here.
   ========================================================================== */

:root {
	--ng-blood: var(--ast-global-color-0);
	--ng-blood-deep: var(--ast-global-color-1);
	--ng-cream: var(--ast-global-color-2); /* white via palette */
	--ng-cream-muted: var(--ast-global-color-3);
	--ng-ink: var(--ast-global-color-4);
	--ng-charcoal: var(--ast-global-color-5);
	--ng-smoke: var(--ast-global-color-6);
	--ng-border: var(--ast-global-color-7);
	--ng-gold: var(--ast-global-color-8);
	--ng-flash-paper: var(--ast-global-color-6);
	--ng-radius: 2px;
	--ng-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Paper grain — brand atmosphere only */
body::before {
	content: "";
	pointer-events: none;
	position: fixed;
	inset: 0;
	z-index: 9998;
	opacity: 0.045;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

#page,
.site-content,
.ast-container,
.ast-separate-container .ast-article-single,
.ast-plain-container .site-content > .ast-container {
	background-color: transparent;
}

/* Typography — Oswald / Source Sans 3 from theme enqueue (no Customizer required) */
body,
button,
input,
select,
textarea {
	font-family: "Source Sans 3", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.wp-block-spectra-content h1,
.wp-block-spectra-content h2,
.wp-block-spectra-content h3,
.wp-block-spectra-content h4,
.entry-title,
.woocommerce-loop-product__title,
.site-title,
.ast-site-title-wrap .site-title {
	font-family: "Oswald", Impact, sans-serif;
	letter-spacing: 0.02em;
	text-wrap: balance;
}

h1, .wp-block-spectra-content h1 {
	text-transform: uppercase;
}

a {
	transition: color 0.25s var(--ng-ease);
}

/* Fixed header — migrated from WPCode “Navbar” snippet */
#masthead {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
}

body.admin-bar #masthead {
	top: 32px;
}

body {
	margin-top: 70px;
}

/* Header continuity — color from Customizer; kill menu “chunk” fills */
.ast-builder-menu-1 .main-header-menu,
.ast-builder-menu-1 .main-header-menu .sub-menu,
.ast-builder-menu .main-header-menu,
#masthead .main-header-menu {
	background-color: transparent;
	background-image: none;
}

.ast-builder-menu-1 .main-header-menu .sub-menu {
	background-color: var(--ng-ink);
	border-color: var(--ng-border);
}

.ast-primary-header-bar,
.main-header-bar {
	border-bottom: 1px solid var(--ng-border);
}

.main-header-menu > .menu-item > .menu-link,
.ast-header-account-wrap,
.ast-site-header-cart .ast-woo-header-cart-info-wrap {
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.78rem;
	font-weight: 600;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link {
	color: var(--ng-blood);
}

/* Buttons — only brand flourishes Astra Customizer cannot express */
.wp-element-button,
.wp-block-button__link,
.button,
button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.ast-custom-button,
.wp-block-spectra-button .wp-block-button__link,
.srfm-form button[type="submit"],
.srfm-submit-button {
	box-shadow: 3px 3px 0 var(--ng-gold);
	transition: transform 0.2s var(--ng-ease), box-shadow 0.2s var(--ng-ease), background-color 0.2s var(--ng-ease), color 0.2s var(--ng-ease);
}

.wp-element-button:hover,
.wp-element-button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.button:hover,
.button:focus,
button.button:hover,
button.button:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.ast-custom-button:hover,
.wp-block-spectra-button .wp-block-button__link:hover,
.srfm-form button[type="submit"]:hover,
.srfm-submit-button:hover {
	transform: translate(-2px, -2px);
	box-shadow: 5px 5px 0 var(--ng-blood);
}

/* Secondary CTAs (Ver categoría, etc.) — style ONLY the clickable <a>, never wrapper + inner */
a.ng-btn-secondary.wp-block-spectra-button,
a.ng-btn-secondary.wp-block-button__link,
a.wp-block-spectra-button.has-ffffff-00-background-color,
a.wp-block-spectra-button.has-ffffff-00-background-color.spectra-text-color {
	background-color: var(--ng-smoke) !important;
	border: 2px solid var(--ast-global-color-2, #ffffff) !important;
	color: var(--ast-global-color-2, #ffffff) !important;
	/* Match Astra theme-button-padding (14 / 26); overrides Spectra padding:0 */
	padding: 14px 26px !important;
	box-sizing: border-box;
	box-shadow: 3px 3px 0 var(--ng-gold);
	--spectra-text-color: var(--ast-global-color-2, #ffffff) !important;
	--spectra-background-color: var(--ng-smoke);
}

a.ng-btn-secondary.wp-block-spectra-button:hover,
a.ng-btn-secondary.wp-block-button__link:hover,
a.wp-block-spectra-button.has-ffffff-00-background-color:hover {
	background-color: var(--ng-gold) !important;
	color: var(--ng-ink) !important;
	border-color: var(--ng-ink) !important;
	box-shadow: 5px 5px 0 var(--ng-blood);
	transform: translate(-2px, -2px);
	--spectra-text-color: var(--ng-ink) !important;
	--spectra-background-color: var(--ng-gold);
}

/* Inner Spectra label: inherit color only — no second border/padding/shadow box */
a.ng-btn-secondary.wp-block-spectra-button .spectra-button__link,
a.ng-btn-secondary.wp-block-button__link .spectra-button__link,
a.wp-block-spectra-button.has-ffffff-00-background-color .spectra-button__link {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: inherit !important;
}

/* ==========================================================================
   HOME — semantic Spectra classes
   ========================================================================== */

.ng-hero {
	border-radius: 0;
	min-height: 78vh;
	position: relative;
	isolation: isolate;
	--spectra-background-gradient: linear-gradient(180deg, rgba(10, 9, 8, 0.75) 0%, rgba(10, 9, 8, 0) 45%);
}

.ng-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(105deg, rgba(10, 9, 8, 0.92) 0%, rgba(10, 9, 8, 0.55) 48%, rgba(10, 9, 8, 0.2) 100%),
		linear-gradient(0deg, rgba(10, 9, 8, 0.85) 0%, transparent 42%);
}

.ng-hero > * {
	position: relative;
	z-index: 1;
}

.ng-hero-prefix {
	color: var(--ng-gold) !important;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	font-size: 0.72rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.ng-hero-title {
	color: var(--ng-cream) !important;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
	max-width: 12ch;
	line-height: 1.05;
}

.home .spectra-list-icon {
	color: var(--ng-blood);
	--spectra-text-color: var(--ng-blood);
}

.home .spectra-list-item h5 {
	color: var(--ng-cream);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.home .spectra-list-item p {
	color: var(--ng-cream-muted);
}

.ng-cat-tile .wp-block-image img {
	border: 2px solid var(--ng-border);
	border-radius: var(--ng-radius);
	filter: contrast(1.05) saturate(0.92);
	transition: transform 0.35s var(--ng-ease), border-color 0.35s var(--ng-ease), filter 0.35s var(--ng-ease);
}

.ng-cat-tile .wp-block-image:hover img {
	transform: scale(1.02);
	border-color: var(--ng-blood);
	filter: contrast(1.08) saturate(1.05);
}

.ng-cat-title {
	color: var(--ng-cream) !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.ng-help-band {
	border-top: 1px solid var(--ng-border);
	border-bottom: 1px solid var(--ng-border);
}

.ng-cta-title {
	color: var(--ng-cream) !important;
}

.ng-cta-desc {
	color: var(--ng-cream-muted) !important;
}

.ng-reviews-heading {
	color: var(--ng-cream) !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ng-review-card {
	background: var(--ng-smoke) !important;
	border: 1px solid var(--ng-border);
	border-left: 3px solid var(--ng-blood);
	border-radius: var(--ng-radius);
	padding: 1.25rem;
}

.ng-media-frame .wp-block-image img {
	border: 2px solid var(--ng-border);
	border-radius: var(--ng-radius);
	filter: grayscale(0.15) contrast(1.05);
}

.home .spectra-is-root-container,
.page .spectra-is-root-container {
	border-radius: 0;
}

/* ==========================================================================
   Product cards (Woo + Astra shop)
   ========================================================================== */

ul.products {
	gap: 1.5rem;
}

ul.products li.product,
ul.products li.product.ast-article-post {
	display: flex;
	flex-direction: column;
	background: var(--ng-flash-paper);
	border: 2px solid var(--ng-border);
	border-radius: var(--ng-radius);
	padding: 0;
	margin: 0 0 1.5rem;
	overflow: hidden;
	transition: border-color 0.3s var(--ng-ease), transform 0.3s var(--ng-ease), box-shadow 0.3s var(--ng-ease);
	box-shadow: 4px 4px 0 var(--ng-ink);
}

ul.products li.product:hover {
	border-color: var(--ng-blood);
	transform: translateY(-3px);
	box-shadow: 4px 4px 0 var(--ng-blood);
}

ul.products li.product .astra-shop-thumbnail-wrap {
	position: relative;
	margin: 0;
	background: var(--ng-smoke);
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-bottom: 2px solid var(--ng-border);
}

ul.products li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
	display: block;
	height: 100%;
}

ul.products li.product .astra-shop-thumbnail-wrap img,
ul.products li.product img.attachment-woocommerce_thumbnail,
ul.products li.product img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
	margin: 0;
	transition: transform 0.45s var(--ng-ease), filter 0.35s var(--ng-ease);
	filter: contrast(1.04) saturate(0.95);
}

ul.products li.product:hover .astra-shop-thumbnail-wrap img {
	transform: scale(1.04);
	filter: contrast(1.08) saturate(1.05);
}

ul.products li.product .astra-shop-summary-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1rem 1rem 1.15rem;
	flex: 1;
	text-align: left;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--ng-cream) 4%, transparent), transparent 45%),
		var(--ng-flash-paper);
}

ul.products li.product .ast-woo-product-category {
	color: var(--ng-gold);
	font-size: 0.68rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .ast-loop-product__link .woocommerce-loop-product__title {
	color: var(--ng-cream);
	font-size: 1.2rem;
	line-height: 1.15;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

ul.products li.product .ast-woo-shop-product-description {
	margin: 0;
}

ul.products li.product .ast-woo-shop-product-description p,
ul.products li.product .ast-woo-shop-product-description a {
	margin: 0;
	color: var(--ng-cream-muted);
	font-size: 0.78rem;
	text-decoration: none;
}

ul.products li.product .ast-woo-shop-product-description a:hover {
	color: var(--ng-blood);
}

ul.products li.product .price,
ul.products li.product .price ins {
	color: var(--ng-gold);
	font-weight: 700;
	font-size: 1.05rem;
	margin-top: 0.35rem;
}

ul.products li.product .price del {
	color: var(--ng-cream-muted);
	opacity: 0.65;
	font-weight: 500;
	margin-right: 0.35rem;
}

.ast-onsale-card,
ul.products li.product span.onsale,
span.onsale,
.widget .onsale,
#secondary .onsale {
	background: var(--ng-blood);
	color: var(--ng-cream);
	border: 2px solid var(--ng-cream);
	border-radius: var(--ng-radius);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.62rem;
	font-weight: 700;
	padding: 0.35em 0.55em;
	box-shadow: 2px 2px 0 var(--ng-ink);
}

ul.products li.product span.onsale,
.ast-onsale-card {
	left: 0.75rem;
	top: 0.75rem;
	right: auto;
}

ul.products li.product .ast-on-card-button.ast-select-options-trigger {
	position: absolute;
	top: auto;
	right: 0.75rem;
	bottom: 0.75rem;
	visibility: visible;
	opacity: 1;
	z-index: 6;
}

ul.products li.product .ast-on-card-button .ahfb-svg-iconset {
	border-radius: var(--ng-radius);
	width: 2.85em;
	height: 2.85em;
	background: var(--ng-blood);
	border: 2px solid var(--ng-cream);
	color: var(--ng-cream);
	opacity: 1;
	box-shadow: 3px 3px 0 var(--ng-ink);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s var(--ng-ease), box-shadow 0.2s var(--ng-ease), background-color 0.2s var(--ng-ease);
}

ul.products li.product .ast-on-card-button svg,
ul.products li.product .ng-flash-cart svg {
	width: 1.35em;
	height: 1.35em;
	fill: currentColor;
	display: block;
}

ul.products li.product .ast-on-card-button:hover .ahfb-svg-iconset,
ul.products li.product .ast-on-card-button:focus .ahfb-svg-iconset {
	background: var(--ng-ink);
	color: var(--ng-gold);
	border-color: var(--ng-gold);
	transform: translate(-2px, -2px);
	box-shadow: 5px 5px 0 var(--ng-blood);
	opacity: 1;
}

ul.products li.product .ast-card-action-tooltip {
	background: var(--ng-ink);
	color: var(--ng-cream);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.65rem;
	font-weight: 600;
}

ul.products li.product .ast-card-action-tooltip:after {
	border-color: transparent transparent transparent var(--ng-ink);
}

ul.products li.product > a.button.add_to_cart_button,
ul.products li.product .button.ajax_add_to_cart:not(.ast-on-card-button) {
	display: none;
}

/* ==========================================================================
   Footer / header chrome
   ========================================================================== */

.site-primary-footer-wrap {
	border-top: 1px solid var(--ng-border);
	padding-top: 2.5rem;
	padding-bottom: 2rem;
}

/* Keep 4 equal columns from collapsing when a widget is empty/missing */
.site-primary-footer-wrap .ast-builder-grid-row-4-equal .ast-builder-grid-row {
	align-items: start;
}

.site-primary-footer-wrap .site-footer-section {
	min-width: 0;
	overflow: visible;
}

.site-primary-footer-wrap .site-footer-section-1 {
	min-height: 1px;
}

.site-footer a:hover {
	color: var(--ng-blood);
}

.footer-widget-area .widget-title,
.site-footer .widget-title {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.85rem;
	margin-bottom: 0.85rem;
}

.footer-widget-area ul,
.site-footer .widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-widget-area li,
.site-footer .widget li {
	margin: 0 0 0.45rem;
}

.footer-widget-area li a,
.site-footer .widget li a {
	font-size: 0.9rem;
	color: var(--ng-cream-muted);
}

.footer-widget-area li a:hover,
.site-footer .widget li a:hover {
	color: var(--ng-blood);
}

/* Brand column (widget HTML or theme fallback) */
.ng-footer-brand-block,
.footer-widget-area .widget_text .textwidget:has(.ng-footer-brand),
.footer-widget-area .widget_custom_html .custom-html-widget:has(.ng-footer-brand) {
	color: var(--ng-cream-muted);
}

.ng-footer-logo {
	display: block;
	width: 72px;
	max-width: 100%;
	height: 72px;
	border: 2px solid var(--ng-border);
	border-radius: var(--ng-radius);
	margin: 0 0 0.75rem;
	object-fit: cover;
	background-color: var(--ng-ink);
}

.ng-footer-brand {
	display: block;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	font-size: 1.35rem;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ng-cream);
	margin: 0 0 0.15rem;
}

.ng-footer-artist {
	display: block;
	color: var(--ng-cream-muted);
	font-size: 0.9rem;
	line-height: 1.4;
	margin: 0 0 0.35rem;
}

.ng-footer-ig {
	display: inline-block;
	color: var(--ng-gold);
	font-size: 0.82rem;
	letter-spacing: 0.06em;
	text-decoration: none;
}

.ng-footer-ig:hover,
.ng-footer-ig:focus {
	color: var(--ng-blood);
}

.footer-widget-area .widget_text .textwidget,
.footer-widget-area .widget_custom_html .custom-html-widget {
	color: var(--ng-cream-muted);
	font-size: 0.92rem;
	line-height: 1.55;
}

.footer-widget-area .widget_text .textwidget p:has(.ng-footer-brand),
.ng-footer-brand-block .textwidget p {
	margin: 0;
}

.ast-footer-social-1-wrap .ast-builder-social-element,
.footer-social-inner-wrap .ast-builder-social-element {
	border-radius: var(--ng-radius);
	border: 1px solid var(--ng-border);
}

.site-below-footer-wrap {
	border-top: 1px solid var(--ng-border);
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.ast-footer-copyright,
.ast-builder-html-element {
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.site-header .custom-logo-link img,
.site-logo-img img {
	border-radius: var(--ng-radius);
}

.ast-site-header-cart .count,
.ast-site-header-cart .ast-count,
.ast-site-header-cart i.astra-icon:after {
	background: var(--ng-blood);
	color: var(--ng-cream);
	border-radius: var(--ng-radius);
	font-weight: 700;
}

.ast-site-header-cart .astra-icon svg,
.ast-site-header-cart .ast-icon svg {
	width: 1.25em;
	height: 1.25em;
	fill: currentColor;
}

.ast-mobile-menu-trigger-minimal,
.menu-toggle,
.ast-button-wrap .menu-toggle {
	border: 2px solid var(--ng-blood);
	border-radius: var(--ng-radius);
	color: var(--ng-cream);
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
	background: var(--ng-ink);
}

/* ==========================================================================
   WooCommerce surfaces
   ========================================================================== */

.woocommerce-products-header__title,
.woocommerce-products-header .page-title,
.ast-woocommerce-container .page-title,
.woocommerce-page .entry-title,
.single-product .product_title {
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.ast-breadcrumbs a:hover {
	color: var(--ng-blood);
}

.woocommerce #secondary,
.woocommerce-page #secondary {
	background: var(--ng-flash-paper);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	padding: 1.25rem;
}

.woocommerce #secondary .widget-title,
.woocommerce-page #secondary .widget-title,
.woocommerce #secondary h2,
.woocommerce #secondary .wp-block-heading {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.85rem;
	border-bottom: 1px solid var(--ng-border);
	padding-bottom: 0.5rem;
	margin-bottom: 0.85rem;
}

.woocommerce #secondary a:hover {
	color: var(--ng-blood);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
	background: var(--ng-blood);
	border-radius: var(--ng-radius);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background: var(--ng-cream);
	border: 2px solid var(--ng-blood);
	border-radius: var(--ng-radius);
	width: 14px;
	height: 14px;
	top: -6px;
	box-shadow: none;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .ui-slider-horizontal {
	background: var(--ng-border);
	border-radius: var(--ng-radius);
	height: 4px;
}

.woocommerce #secondary input[type="text"],
.woocommerce #secondary input[type="number"],
.woocommerce #secondary input[type="search"],
.woocommerce #secondary select,
.woocommerce-ordering select,
.woocommerce .woocommerce-ordering select {
	background: var(--ng-smoke);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	color: var(--ng-cream);
	padding: 0.45em 2em 0.45em 0.75em;
}

.woocommerce #secondary input[type="checkbox"],
.woocommerce #secondary input[type="radio"] {
	accent-color: var(--ng-blood);
}

.single-product div.product .woocommerce-product-gallery {
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	overflow: hidden;
	background: var(--ng-flash-paper);
}

.single-product div.product p.price,
.single-product div.product span.price {
	color: var(--ng-gold);
	font-size: 1.35rem;
}

.single-product div.product .cart .quantity .qty,
.woocommerce .quantity .qty {
	background: var(--ng-smoke);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	color: var(--ng-cream);
	padding: 0.55em 0.4em;
}

.single-product .woocommerce-tabs ul.tabs {
	border-bottom: 1px solid var(--ng-border);
	padding-left: 0;
}

.single-product .woocommerce-tabs ul.tabs li {
	background: var(--ng-smoke);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius) var(--ng-radius) 0 0;
	margin-right: 0.35rem;
}

.single-product .woocommerce-tabs ul.tabs li a {
	color: var(--ng-cream-muted);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.single-product .woocommerce-tabs ul.tabs li.active {
	background: var(--ng-flash-paper);
	border-bottom-color: var(--ng-flash-paper);
}

.single-product .woocommerce-tabs ul.tabs li.active a {
	color: var(--ng-cream);
}

.single-product .woocommerce-tabs .panel {
	background: var(--ng-flash-paper);
	border: 1px solid var(--ng-border);
	border-top: none;
	padding: 1.25rem;
	color: var(--ng-cream-muted);
}

.single-product .related > h2,
.single-product .upsells > h2 {
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
	background: var(--ng-flash-paper);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	padding: 1.25rem;
}

.woocommerce table.shop_table {
	background: var(--ng-smoke);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	color: var(--ng-cream);
	border-collapse: collapse;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	background: var(--ng-smoke);
	border-color: var(--ng-border);
	color: var(--ng-cream);
	padding: 0.85rem 0.75rem;
}

.woocommerce table.shop_table thead th,
.woocommerce table.shop_table th {
	background: var(--ng-charcoal);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.72rem;
	font-weight: 700;
}

.woocommerce table.shop_table td a,
.woocommerce table.shop_table .product-name a {
	color: var(--ng-cream);
}

.woocommerce table.shop_table td a:hover {
	color: var(--ng-blood);
}

.woocommerce table.shop_table .amount,
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal,
.woocommerce table.shop_table .order-total .amount {
	color: var(--ng-gold);
}

.woocommerce-cart .cart_totals h2,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
	background: var(--ng-charcoal);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 0.75rem 1rem;
	margin: 0 0 1rem;
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .select2-container .select2-selection--single,
.select2-container--default .select2-selection--single,
.woocommerce-account .woocommerce form input.input-text,
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
	background: var(--ng-smoke);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	color: var(--ng-cream);
	min-height: 2.6em;
}

.woocommerce form .form-row label {
	color: var(--ng-cream-muted);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background: var(--ng-smoke);
	color: var(--ng-cream);
	border-top-color: var(--ng-blood);
	border-radius: var(--ng-radius);
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
	background: var(--ng-flash-paper);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	padding: 1.25rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	color: var(--ng-cream-muted);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.78rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	color: var(--ng-blood);
}

#secondary .product_list_widget li,
.woocommerce .product_list_widget li {
	border-bottom: 1px solid var(--ng-border);
	padding: 0.65rem 0;
}

#secondary .product_list_widget a {
	color: var(--ng-cream);
}

#secondary .product_list_widget .amount {
	color: var(--ng-gold);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.pswp__button,
.flex-control-nav li img {
	border-radius: var(--ng-radius);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	background: var(--ng-ink);
	border: 1px solid var(--ng-border);
	color: var(--ng-cream);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.ast-pagination .page-numbers {
	background: var(--ng-smoke);
	color: var(--ng-cream);
	border-color: var(--ng-border);
	border-radius: var(--ng-radius);
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.ast-pagination .page-numbers.current {
	background: var(--ng-blood);
	color: var(--ng-cream);
	border-color: var(--ng-cream);
}

/* ==========================================================================
   Pages / SureForms
   ========================================================================== */

.page .wp-block-image img {
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
}

.srfm-form-container,
.srfm-form {
	background: var(--ng-flash-paper);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	padding: 1.5rem;
}

.srfm-form label,
.srfm-form .srfm-block-wrap label,
.srfm-label {
	color: var(--ng-cream-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.72rem;
}

.srfm-input-common,
.srfm-form input[type="text"],
.srfm-form input[type="email"],
.srfm-form input[type="tel"],
.srfm-form textarea {
	background: var(--ng-smoke);
	border: 1px solid var(--ng-border);
	border-radius: var(--ng-radius);
	color: var(--ng-cream);
	box-shadow: none;
	min-height: 2.6em;
}

.srfm-input-common:focus,
.srfm-form input:focus,
.srfm-form textarea:focus {
	border-color: var(--ng-blood);
	outline: none;
}

/* Text links only — do not override Spectra/Woo button <a> (Astra button colors win) */
.page-template-default .entry-content a:not(.button):not(.wp-element-button):not(.wp-block-button__link):not(.ast-button):not(.ast-custom-button):not(.wp-block-spectra-button) {
	color: var(--ng-gold);
}

.page-template-default .entry-content a:not(.button):not(.wp-element-button):not(.wp-block-button__link):not(.ast-button):not(.ast-custom-button):not(.wp-block-spectra-button):hover {
	color: var(--ng-blood);
}

/* ==========================================================================
   Motion
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {
	.ng-hero-copy {
		animation: ng-rise 0.9s var(--ng-ease) both;
	}

	ul.products li.product {
		animation: ng-rise 0.7s var(--ng-ease) both;
	}

	ul.products li.product:nth-child(1) { animation-delay: 0.05s; }
	ul.products li.product:nth-child(2) { animation-delay: 0.1s; }
	ul.products li.product:nth-child(3) { animation-delay: 0.15s; }
	ul.products li.product:nth-child(4) { animation-delay: 0.2s; }
	ul.products li.product:nth-child(5) { animation-delay: 0.25s; }
	ul.products li.product:nth-child(6) { animation-delay: 0.3s; }
}

@keyframes ng-rise {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 921px) {
	.ng-hero {
		min-height: 70vh;
	}

	.ng-hero::after {
		background:
			linear-gradient(180deg, rgba(10, 9, 8, 0.55) 0%, rgba(10, 9, 8, 0.88) 70%, rgba(10, 9, 8, 0.95) 100%);
	}

	.ng-hero-title {
		max-width: none;
		text-align: center;
	}

	.ng-hero-prefix,
	.ng-hero-btns {
		text-align: center;
	}

	/* Hide shop filters sidebar — migrated from WPCode “Filters” snippet */
	#secondary {
		display: none;
	}
}