/**
 * Nia Luxe Product Showcase - archive redesign.
 *
 * Scoped to .nia-lps-shop so the single-product styles in frontend.css are
 * left untouched. Layout: left filter sidebar + product grid + trust badges.
 */

.nia-lps-shop {
	--nia-bg: #f7f3ee;
	--nia-panel: #ffffff;
	--nia-ink: #1f2a24;
	--nia-soft: #7d8580;
	--nia-line: rgba(20, 45, 35, 0.12);
	--nia-green: #0c3b2a;
	--nia-green-soft: #14513a;
	--nia-gold: #b78a3c;
	background: var(--nia-bg);
	padding-bottom: 0;
}

/* ---------- Layout ---------- */
.nia-lps-shop .nia-lps-shop-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: clamp(20px, 3vw, 40px);
	align-items: start;
	max-width: 1360px;
	margin: 0 auto;
	padding: clamp(20px, 3vw, 38px) clamp(18px, 4vw, 48px) clamp(28px, 4vw, 48px);
}

/* ---------- Sidebar ---------- */
.nia-lps-shop .nia-lps-sidebar {
	position: sticky;
	top: 20px;
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: 22px 20px;
	box-shadow: 0 18px 40px -32px rgba(12, 59, 42, 0.55);
}

.nia-lps-shop .nia-lps-sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid var(--nia-line);
}

.nia-lps-shop .nia-lps-sidebar-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--nia-ink);
}

.nia-lps-shop .nia-lps-sidebar-title svg {
	color: var(--nia-green);
}

.nia-lps-shop .nia-lps-reset {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--nia-gold);
}

.nia-lps-shop .nia-lps-reset:hover {
	color: var(--nia-green);
}

/* sidebar search */
.nia-lps-shop .nia-lps-side-search {
	position: relative;
	display: block;
	margin-bottom: 8px;
}

.nia-lps-shop .nia-lps-side-search input {
	width: 100%;
	border: 1px solid var(--nia-line);
	border-radius: 10px;
	padding: 11px 38px 11px 14px;
	font-size: 13px;
	color: var(--nia-ink);
	background: #fbf9f6;
}

.nia-lps-shop .nia-lps-side-search input:focus {
	outline: none;
	border-color: var(--nia-green);
}

.nia-lps-shop .nia-lps-side-search svg {
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--nia-soft);
	pointer-events: none;
}

/* filter groups */
.nia-lps-shop .nia-lps-group {
	border-bottom: 1px solid var(--nia-line);
}

.nia-lps-shop .nia-lps-group-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: none;
	border: 0;
	padding: 15px 2px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--nia-ink);
}

.nia-lps-shop .nia-lps-group-icon {
	width: 14px;
	height: 14px;
	position: relative;
	flex: 0 0 auto;
}

.nia-lps-shop .nia-lps-group-icon::before,
.nia-lps-shop .nia-lps-group-icon::after {
	content: "";
	position: absolute;
	background: var(--nia-soft);
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.nia-lps-shop .nia-lps-group-icon::before {
	top: 6px;
	left: 0;
	width: 14px;
	height: 2px;
}

.nia-lps-shop .nia-lps-group-icon::after {
	top: 0;
	left: 6px;
	width: 2px;
	height: 14px;
}

.nia-lps-shop .nia-lps-group:not(.is-collapsed) .nia-lps-group-icon::after {
	transform: scaleY(0);
	opacity: 0;
}

.nia-lps-shop .nia-lps-group-body {
	overflow: hidden;
	max-height: 460px;
	transition: max-height 0.3s ease, opacity 0.2s ease, padding 0.3s ease;
	padding-bottom: 16px;
}

.nia-lps-shop .nia-lps-group.is-collapsed .nia-lps-group-body {
	max-height: 0;
	opacity: 0;
	padding-bottom: 0;
}

/* check lists */
.nia-lps-shop .nia-lps-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 4px;
	max-height: 240px;
	overflow-y: auto;
}

.nia-lps-shop .nia-lps-check {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 10px;
	border-radius: 9px;
	cursor: pointer;
	font-size: 13px;
	color: var(--nia-ink);
	transition: background 0.18s ease, color 0.18s ease;
}

.nia-lps-shop .nia-lps-check:hover {
	background: #f1ede6;
}

.nia-lps-shop .nia-lps-check input {
	accent-color: var(--nia-green);
	width: 15px;
	height: 15px;
	margin: 0;
	flex: 0 0 auto;
}

.nia-lps-shop .nia-lps-check-label {
	flex: 1 1 auto;
}

.nia-lps-shop .nia-lps-check-count {
	font-size: 11px;
	color: var(--nia-soft);
}

.nia-lps-shop .nia-lps-check:has(input:checked) {
	background: rgba(12, 59, 42, 0.08);
	color: var(--nia-green);
	font-weight: 600;
}

/* price range */
.nia-lps-shop .nia-lps-price-range {
	display: flex;
	align-items: center;
	gap: 10px;
}

.nia-lps-shop .nia-lps-price-range label {
	flex: 1;
	display: grid;
	gap: 4px;
}

.nia-lps-shop .nia-lps-price-range span {
	font-size: 10px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--nia-soft);
}

.nia-lps-shop .nia-lps-price-input {
	width: 100%;
	border: 1px solid var(--nia-line);
	border-radius: 9px;
	padding: 9px 10px;
	font-size: 13px;
	background: #fbf9f6;
	color: var(--nia-ink);
}

.nia-lps-shop .nia-lps-price-input:focus {
	outline: none;
	border-color: var(--nia-green);
}

.nia-lps-shop .nia-lps-price-sep {
	color: var(--nia-soft);
	margin-top: 16px;
}

/* apply button */
.nia-lps-shop .nia-lps-apply {
	margin-top: 18px;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	border: 0;
	border-radius: 11px;
	padding: 14px 18px;
	background: var(--nia-green);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.nia-lps-shop .nia-lps-apply:hover {
	background: var(--nia-green-soft);
	transform: translateY(-1px);
}

/* ---------- Main column ---------- */
.nia-lps-shop .nia-lps-crumbs {
	font-size: 12px;
	letter-spacing: 0.04em;
	color: var(--nia-soft);
	margin-bottom: 14px;
}

.nia-lps-shop .nia-lps-shop-head {
	margin-bottom: 18px;
}

.nia-lps-shop .nia-lps-shop-head h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(30px, 4vw, 46px);
	line-height: 1.1;
	color: var(--nia-ink);
	margin: 0 0 10px;
}

.nia-lps-shop .nia-lps-title-rule {
	display: block;
	width: 84px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--nia-gold), rgba(183, 138, 60, 0));
}

/* toolbar */
.nia-lps-shop .nia-lps-toolbar2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding-bottom: 18px;
	margin-bottom: 22px;
	border-bottom: 1px solid var(--nia-line);
}

.nia-lps-shop .nia-lps-count {
	font-size: 13px;
	color: var(--nia-soft);
}

.nia-lps-shop .nia-lps-toolbar2-actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.nia-lps-shop .nia-lps-sortwrap {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--nia-soft);
}

.nia-lps-shop .nia-lps-sort {
	border: 1px solid var(--nia-line);
	border-radius: 9px;
	padding: 9px 30px 9px 12px;
	font-size: 13px;
	color: var(--nia-ink);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%237d8580' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.nia-lps-shop .nia-lps-view-toggle {
	display: inline-flex;
	border: 1px solid var(--nia-line);
	border-radius: 9px;
	overflow: hidden;
}

.nia-lps-shop .nia-lps-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 0;
	background: #fff;
	color: var(--nia-soft);
	cursor: pointer;
	transition: background 0.18s ease, color 0.18s ease;
}

.nia-lps-shop .nia-lps-view-btn + .nia-lps-view-btn {
	border-left: 1px solid var(--nia-line);
}

.nia-lps-shop .nia-lps-view-btn.is-active {
	background: var(--nia-green);
	color: #fff;
}

/* ---------- Product grid ---------- */
.nia-lps-shop .nia-lps-grid {
	display: grid;
	grid-template-columns: repeat(var(--nia-lps-columns, 4), minmax(0, 1fr));
	gap: clamp(16px, 1.6vw, 24px);
}

.nia-lps-shop .nia-lps-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.nia-lps-shop .nia-lps-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 26px 48px -30px rgba(12, 59, 42, 0.55);
	border-color: rgba(183, 138, 60, 0.45);
}

.nia-lps-shop .nia-lps-card-media-wrap {
	position: relative;
}

.nia-lps-shop .nia-lps-card-media {
	display: block;
	aspect-ratio: 1 / 1;
	background: #f3eee7;
	overflow: hidden;
}

.nia-lps-shop .nia-lps-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.nia-lps-shop .nia-lps-card:hover .nia-lps-card-media img {
	transform: scale(1.05);
}

.nia-lps-shop .nia-lps-wish-toggle {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	color: var(--nia-ink);
	cursor: pointer;
	box-shadow: 0 6px 16px -8px rgba(12, 59, 42, 0.5);
	transition: color 0.18s ease, transform 0.18s ease;
	font-size: 0;
}

.nia-lps-shop .nia-lps-wish-toggle:hover {
	transform: scale(1.08);
	color: var(--nia-gold);
}

.nia-lps-shop .nia-lps-wish-toggle.is-saved {
	color: #c0392b;
}

.nia-lps-shop .nia-lps-wish-toggle.is-saved svg path {
	fill: currentColor;
	stroke: currentColor;
}

.nia-lps-shop .nia-lps-card-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 16px 18px;
	flex: 1;
}

.nia-lps-shop .nia-lps-card-body h2 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

.nia-lps-shop .nia-lps-card-body h2 a {
	color: var(--nia-ink);
	text-decoration: none;
}

.nia-lps-shop .nia-lps-card-body h2 a:hover {
	color: var(--nia-green);
}

.nia-lps-shop .nia-lps-price {
	font-size: 18px;
	font-weight: 700;
	color: var(--nia-green);
}

.nia-lps-shop .nia-lps-price del {
	color: var(--nia-soft);
	font-weight: 400;
	font-size: 14px;
	margin-right: 6px;
}

.nia-lps-shop .nia-lps-price ins {
	text-decoration: none;
}

.nia-lps-shop .nia-lps-grid-cart-button {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	border: 1px solid var(--nia-green);
	border-radius: 10px;
	padding: 11px 14px;
	background: transparent;
	color: var(--nia-green);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.nia-lps-shop .nia-lps-grid-cart-button:hover {
	background: var(--nia-green);
	color: #fff;
}

.nia-lps-shop .nia-lps-grid-cart-button.is-disabled,
.nia-lps-shop .nia-lps-grid-cart-button[disabled] {
	border-color: var(--nia-line);
	color: var(--nia-soft);
	background: transparent;
	cursor: not-allowed;
}

.nia-lps-shop .nia-lps-grid-cart-button.is-disabled:hover,
.nia-lps-shop .nia-lps-grid-cart-button[disabled]:hover {
	background: transparent;
	color: var(--nia-soft);
}

.nia-lps-shop .nia-lps-empty {
	grid-column: 1 / -1;
	text-align: center;
	padding: 60px 20px;
	color: var(--nia-soft);
	font-size: 15px;
}

.nia-lps-shop.is-loading .nia-lps-grid-wrap {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

/* ---------- List view ---------- */
.nia-lps-shop.is-list-view .nia-lps-grid {
	grid-template-columns: 1fr;
}

.nia-lps-shop.is-list-view .nia-lps-card {
	flex-direction: row;
	align-items: stretch;
}

.nia-lps-shop.is-list-view .nia-lps-card-media-wrap {
	width: 220px;
	flex: 0 0 220px;
}

.nia-lps-shop.is-list-view .nia-lps-card-media {
	height: 100%;
	aspect-ratio: auto;
}

.nia-lps-shop.is-list-view .nia-lps-card-body {
	justify-content: center;
}

.nia-lps-shop.is-list-view .nia-lps-grid-cart-button {
	width: auto;
	align-self: flex-start;
	padding-left: 26px;
	padding-right: 26px;
}

/* ---------- Trust badges ---------- */
.nia-lps-shop .nia-lps-trust {
	border-top: 1px solid var(--nia-line);
	background: var(--nia-panel);
}

.nia-lps-shop .nia-lps-trust-inner {
	max-width: 1360px;
	margin: 0 auto;
	padding: 26px clamp(18px, 4vw, 48px);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.nia-lps-shop .nia-lps-trust-item {
	display: flex;
	align-items: center;
	gap: 13px;
}

.nia-lps-shop .nia-lps-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: rgba(183, 138, 60, 0.12);
	color: var(--nia-gold);
}

.nia-lps-shop .nia-lps-trust-text {
	display: grid;
	gap: 2px;
}

.nia-lps-shop .nia-lps-trust-text strong {
	font-size: 14px;
	color: var(--nia-ink);
}

.nia-lps-shop .nia-lps-trust-text small {
	font-size: 12px;
	color: var(--nia-soft);
}

/* ---------- Mobile drawer ---------- */
.nia-lps-shop .nia-lps-mobile-nav-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	margin: 16px;
	padding: 10px 16px;
	border: 1px solid var(--nia-line);
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
}

.nia-lps-shop .nia-lps-mobile-nav-toggle span {
	width: 16px;
	height: 2px;
	background: var(--nia-ink);
	display: block;
}

.nia-lps-shop .nia-lps-mobile-nav-toggle em {
	font-style: normal;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-left: 4px;
}

.nia-lps-shop .nia-lps-drawer-close,
.nia-lps-shop .nia-lps-drawer-scrim {
	display: none;
}

@media (max-width: 1100px) {
	.nia-lps-shop .nia-lps-grid {
		--nia-lps-columns: 3;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 860px) {
	.nia-lps-shop .nia-lps-shop-layout {
		grid-template-columns: 1fr;
	}

	.nia-lps-shop .nia-lps-mobile-nav-toggle {
		display: inline-flex;
	}

	.nia-lps-shop .nia-lps-grid {
		--nia-lps-columns: 2;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.nia-lps-shop .nia-lps-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 100000;
		width: min(340px, 86vw);
		border-radius: 0;
		transform: translateX(-105%);
		transition: transform 0.3s ease;
		overflow-y: auto;
		padding-top: 64px;
	}

	.nia-lps-shop.is-nav-open .nia-lps-sidebar {
		transform: translateX(0);
	}

	.nia-lps-shop .nia-lps-drawer-close {
		display: flex;
		align-items: center;
		justify-content: center;
		position: static;
		margin: 0 0 6px auto;
		width: 40px;
		height: 40px;
		font-size: 28px;
		line-height: 1;
		background: none;
		border: 0;
		cursor: pointer;
		color: var(--nia-ink);
	}

	.nia-lps-shop.is-nav-open .nia-lps-drawer-scrim {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 99999;
		background: rgba(12, 30, 22, 0.45);
		border: 0;
	}

	.nia-lps-shop .nia-lps-trust-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nia-lps-shop.is-list-view .nia-lps-card-media-wrap {
		width: 130px;
		flex-basis: 130px;
	}
}

@media (max-width: 480px) {
	.nia-lps-shop .nia-lps-shop-layout {
		padding: 16px 14px 24px;
	}

	/* Mobile: always 2 products per row. */
	.nia-lps-shop .nia-lps-grid {
		--nia-lps-columns: 2;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px;
	}

	.nia-lps-shop .nia-lps-card-body {
		gap: 6px;
		padding: 10px 10px 12px;
	}

	.nia-lps-shop .nia-lps-card-body h2 {
		font-size: 13px;
	}

	.nia-lps-shop .nia-lps-price {
		font-size: 15px;
	}

	.nia-lps-shop .nia-lps-grid-cart-button {
		padding: 9px 8px;
		font-size: 10px;
		letter-spacing: 0.03em;
		gap: 5px;
	}

	.nia-lps-shop .nia-lps-wish-toggle {
		width: 32px;
		height: 32px;
		top: 8px;
		right: 8px;
	}

	.nia-lps-shop .nia-lps-shop-head h1 {
		font-size: 28px;
	}

	/* Keep 2-up even in list view on mobile. */
	.nia-lps-shop.is-list-view .nia-lps-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nia-lps-shop.is-list-view .nia-lps-card {
		flex-direction: column;
	}

	.nia-lps-shop.is-list-view .nia-lps-card-media-wrap {
		width: auto;
		flex-basis: auto;
	}

	.nia-lps-shop.is-list-view .nia-lps-card-media {
		aspect-ratio: 1 / 1;
	}

	.nia-lps-shop.is-list-view .nia-lps-grid-cart-button {
		width: 100%;
		align-self: stretch;
	}
}

/* ---------- Hierarchical category tree (Her / Him + active sub-menu) ---------- */
.nia-lps-shop .nia-lps-cat-tree {
	max-height: 380px;
}

.nia-lps-shop .nia-lps-cat-l0 > .nia-lps-check {
	font-weight: 700;
	letter-spacing: 0.02em;
}

.nia-lps-shop .nia-lps-cat-l1 > .nia-lps-check {
	font-weight: 600;
}

.nia-lps-shop .nia-lps-subtree {
	list-style: none;
	margin: 4px 0 6px 12px;
	padding-left: 10px;
	border-left: 1px solid var(--nia-line);
	display: none;
	gap: 3px;
}

.nia-lps-shop .nia-lps-cat-tree li.is-open > .nia-lps-subtree {
	display: grid;
}

.nia-lps-shop .nia-lps-subtree .nia-lps-check {
	font-size: 12.5px;
	font-weight: 500;
}

.nia-lps-shop .nia-lps-cat-tree .is-active > .nia-lps-cat-row .nia-lps-check,
.nia-lps-shop .nia-lps-cat-tree .is-active > .nia-lps-check {
	color: var(--nia-green);
}

/* category row + expand/collapse chevron */
.nia-lps-shop .nia-lps-cat-row {
	display: flex;
	align-items: center;
	gap: 2px;
}

.nia-lps-shop .nia-lps-cat-row .nia-lps-check {
	flex: 1 1 auto;
}

.nia-lps-shop .nia-lps-cat-toggle {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
	color: var(--nia-soft);
	transition: background 0.18s ease, color 0.18s ease;
}

.nia-lps-shop .nia-lps-cat-toggle:hover {
	background: #f1ede6;
	color: var(--nia-green);
}

.nia-lps-shop .nia-lps-cat-caret {
	position: relative;
	width: 12px;
	height: 12px;
	display: inline-block;
}

.nia-lps-shop .nia-lps-cat-caret::before,
.nia-lps-shop .nia-lps-cat-caret::after {
	content: "";
	position: absolute;
	background: currentColor;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.nia-lps-shop .nia-lps-cat-caret::before {
	top: 5px;
	left: 0;
	width: 12px;
	height: 2px;
}

.nia-lps-shop .nia-lps-cat-caret::after {
	top: 0;
	left: 5px;
	width: 2px;
	height: 12px;
}

.nia-lps-shop li.is-open > .nia-lps-cat-row .nia-lps-cat-toggle .nia-lps-cat-caret::after {
	transform: scaleY(0);
	opacity: 0;
}

/* ---------- On-card carat + colour options ---------- */
.nia-lps-shop .nia-lps-card-opts {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin: 2px 0 2px;
}

.nia-lps-shop .nia-lps-card-opt {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

/* KT pills */
.nia-lps-shop .nia-lps-card-opt--kt label {
	position: relative;
	display: inline-flex;
}

.nia-lps-shop .nia-lps-card-opt--kt input {
	position: absolute;
	inset: 0;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}

.nia-lps-shop .nia-lps-card-opt--kt span {
	display: inline-block;
	padding: 4px 11px;
	border: 1px solid var(--nia-line);
	border-radius: 7px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--nia-soft);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.nia-lps-shop .nia-lps-card-opt--kt input:checked + span {
	background: var(--nia-green);
	border-color: var(--nia-green);
	color: #fff;
}

/* Colour swatches */
.nia-lps-shop .nia-lps-card-opt--colour label {
	position: relative;
	display: inline-flex;
	line-height: 0;
	cursor: pointer;
}

.nia-lps-shop .nia-lps-card-opt--colour input {
	position: absolute;
	inset: 0;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}

.nia-lps-shop .nia-lps-card-opt--colour i {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--sw, #d8aa45);
	border: 1px solid rgba(0, 0, 0, 0.18);
	box-shadow: 0 0 0 2px transparent;
	transition: box-shadow 0.15s ease;
}

.nia-lps-shop .nia-lps-card-opt--colour input:checked + i {
	box-shadow: 0 0 0 2px var(--nia-green);
}

.nia-lps-shop .nia-lps-card-opt--colour label.is-disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

@media (max-width: 480px) {
	.nia-lps-shop .nia-lps-card-opts {
		gap: 7px;
	}

	.nia-lps-shop .nia-lps-card-opt--kt span {
		padding: 3px 8px;
		font-size: 10px;
	}

	.nia-lps-shop .nia-lps-card-opt--colour i {
		width: 16px;
		height: 16px;
	}
}

/* ---------- Add-to-cart toast (top of viewport, auto-hides) ---------- */
.nia-lps-toast {
	position: fixed;
	top: 24px;
	left: 50%;
	transform: translate(-50%, -24px);
	z-index: 100002;
	max-width: min(90vw, 420px);
	padding: 13px 24px;
	border-radius: 12px;
	background: #0c3b2a;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-align: center;
	box-shadow: 0 20px 50px -18px rgba(0, 0, 0, 0.55);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.nia-lps-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.nia-lps-toast.is-error {
	background: #9b2c2c;
}

/* ---------- Cart: custom Qty stepper (replaces Size), hide native qty ---------- */
.nia-lps-cart-customise .nia-lps-qty-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.nia-lps-qty-stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(20, 45, 35, 0.18);
	border-radius: 9px;
	overflow: hidden;
	width: max-content;
}

.nia-lps-qty-btn {
	width: 32px;
	height: 34px;
	border: 0;
	background: #f1ede6;
	color: #0c3b2a;
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease;
}

.nia-lps-qty-btn:hover {
	background: #e4ddd1;
}

.nia-lps-qty-proxy {
	width: 46px;
	height: 34px;
	border: 0;
	border-left: 1px solid rgba(20, 45, 35, 0.12);
	border-right: 1px solid rgba(20, 45, 35, 0.12);
	text-align: center;
	font-size: 14px;
	color: #1f2a24;
	background: #fff;
	-moz-appearance: textfield;
}

.nia-lps-qty-proxy::-webkit-outer-spin-button,
.nia-lps-qty-proxy::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Hide WooCommerce's native quantity box (our stepper drives it). */
.woocommerce-cart-form__cart-item .quantity.vamtam-quantity,
.woocommerce-cart-form .product-quantity .quantity {
	display: none !important;
}

/* =========================================================
   Custom Cart Page
   ========================================================= */
.nia-cart {
	--nia-bg: #f7f3ee;
	--nia-panel: #ffffff;
	--nia-ink: #1f2a24;
	--nia-soft: #7d8580;
	--nia-line: rgba(20, 45, 35, 0.12);
	--nia-green: #0c3b2a;
	--nia-gold: #b78a3c;
	max-width: 1280px;
	margin: 0 auto;
	padding: clamp(22px, 4vw, 48px) clamp(16px, 4vw, 40px) 60px;
	color: var(--nia-ink);
	font-family: inherit;
}

/* header + steps */
.nia-cart-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}

.nia-cart-head-title h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 4vw, 44px);
	margin: 0 0 8px;
	color: var(--nia-ink);
}

.nia-cart-rule {
	display: block;
	width: 80px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--nia-gold), rgba(183, 138, 60, 0));
}

.nia-cart-steps {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nia-cart-steps li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: var(--nia-soft);
}

.nia-cart-steps li:not(:last-child)::after {
	content: "";
	width: 34px;
	height: 1px;
	background: var(--nia-line);
	margin-left: 8px;
}

.nia-cart-step-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid var(--nia-line);
	color: var(--nia-soft);
}

.nia-cart-steps li.is-active {
	color: var(--nia-green);
}

.nia-cart-steps li.is-active .nia-cart-step-ico {
	background: var(--nia-green);
	border-color: var(--nia-green);
	color: #fff;
}

/* notices */
.nia-cart-notices .woocommerce-error,
.nia-cart-notices .woocommerce-message,
.nia-cart-notices .woocommerce-info {
	border-radius: 12px;
	margin-bottom: 18px;
}

/* layout */
.nia-cart-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: clamp(20px, 3vw, 36px);
	align-items: start;
}

.nia-cart-count {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	margin: 0 0 16px;
	color: var(--nia-ink);
}

/* item card */
.nia-cart-item {
	display: flex;
	gap: 18px;
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: 16px;
	margin-bottom: 16px;
	position: relative;
}

.nia-cart-item-media {
	flex: 0 0 130px;
	width: 130px;
	border-radius: 12px;
	overflow: hidden;
	background: #f3eee7;
	align-self: flex-start;
}

.nia-cart-item-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.nia-cart-item-body {
	flex: 1 1 auto;
	min-width: 0;
}

.nia-cart-item-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: var(--nia-ink);
	text-decoration: none;
	display: inline-block;
	margin-bottom: 12px;
}

.nia-cart-item-title:hover {
	color: var(--nia-green);
}

.nia-cart-item-opts {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 14px 18px;
	margin-bottom: 14px;
}

.nia-cart-opt {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.nia-cart-opt > span {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--nia-soft);
}

.nia-cart-opt select {
	border: 1px solid var(--nia-line);
	border-radius: 8px;
	padding: 8px 28px 8px 12px;
	font-size: 13px;
	color: var(--nia-ink);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%237d8580' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 9px center;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	min-width: 96px;
}

.nia-cart-item-note {
	display: block;
	margin-bottom: 12px;
}

.nia-cart-item-note > span {
	display: block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--nia-soft);
	margin-bottom: 6px;
}

.nia-cart-item-note textarea {
	width: 100%;
	border: 1px solid var(--nia-line);
	border-radius: 9px;
	padding: 10px 12px;
	font-size: 13px;
	color: var(--nia-ink);
	background: #fbf9f6;
	resize: vertical;
}

.nia-cart-item-note textarea:focus,
.nia-cart-opt select:focus {
	outline: none;
	border-color: var(--nia-green);
}

.nia-cart-item-chips {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 14px;
	border-radius: 9px;
	background: #f4f0ea;
	font-size: 12px;
	color: var(--nia-soft);
}

.nia-cart-item-chips svg {
	color: var(--nia-gold);
}

.nia-cart-item-chips i {
	font-style: normal;
}

.nia-cart-item-remove {
	flex: 0 0 auto;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--nia-line);
	border-radius: 9px;
	color: #b23b3b;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.nia-cart-item-remove:hover {
	background: #fbeeee;
	border-color: #e3b6b6;
}

.nia-cart-update-hidden {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

/* footer buttons */
.nia-cart-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.nia-cart-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
}

.nia-cart-btn--ghost {
	background: #fff;
	border: 1px solid var(--nia-line);
	color: var(--nia-ink);
}

.nia-cart-btn--ghost:hover {
	border-color: var(--nia-green);
	color: var(--nia-green);
}

/* empty */
.nia-cart-empty {
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: 48px 24px;
	text-align: center;
	color: var(--nia-soft);
}

.nia-cart-empty .nia-cart-btn {
	background: var(--nia-green);
	color: #fff;
	margin-top: 14px;
}

/* summary sidebar */
.nia-cart-summary {
	position: sticky;
	top: 20px;
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: 26px 22px;
	box-shadow: 0 20px 44px -34px rgba(12, 59, 42, 0.5);
}

.nia-cart-summary-badge {
	text-align: center;
	margin-bottom: 18px;
}

.nia-cart-summary-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--nia-green);
	color: #fff;
	margin-bottom: 10px;
}

.nia-cart-summary-title {
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--nia-ink);
}

.nia-cart-summary-lines {
	list-style: none;
	margin: 0;
	padding: 16px 0;
	border-top: 1px solid var(--nia-line);
	display: grid;
	gap: 14px;
}

.nia-cart-summary-lines li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: var(--nia-soft);
}

.nia-cart-summary-lines .nia-cart-free {
	color: var(--nia-green);
	font-weight: 700;
	letter-spacing: 0.04em;
}

.nia-cart-summary-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 16px 0;
	border-top: 1px solid var(--nia-line);
	border-bottom: 1px solid var(--nia-line);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: var(--nia-ink);
	margin-bottom: 18px;
}

.nia-cart-summary-total small {
	font-family: inherit;
	font-size: 10px;
	color: var(--nia-soft);
}

.nia-cart-checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	padding: 14px 18px;
	border-radius: 11px;
	background: var(--nia-green);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.2s ease;
}

.nia-cart-checkout:hover {
	background: #14513a;
}

/* voucher */
.nia-cart-voucher {
	margin-top: 12px;
}

.nia-cart-voucher-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 13px 16px;
	border: 1px solid var(--nia-gold);
	border-radius: 11px;
	background: transparent;
	color: var(--nia-gold);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
}

.nia-cart-voucher-toggle span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.nia-cart-voucher-caret {
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.nia-cart-voucher.is-open .nia-cart-voucher-caret {
	transform: rotate(-135deg);
}

.nia-cart-voucher-form {
	display: none;
	gap: 8px;
	margin-top: 10px;
}

.nia-cart-voucher.is-open .nia-cart-voucher-form {
	display: flex;
}

.nia-cart-voucher-form input {
	flex: 1;
	border: 1px solid var(--nia-line);
	border-radius: 9px;
	padding: 10px 12px;
	font-size: 13px;
}

.nia-cart-voucher-form button {
	border: 0;
	border-radius: 9px;
	padding: 10px 16px;
	background: var(--nia-green);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

/* summary trust badges */
.nia-cart-badges {
	list-style: none;
	margin: 22px 0 0;
	padding: 18px 0 0;
	border-top: 1px solid var(--nia-line);
	display: grid;
	gap: 16px;
}

.nia-cart-badges li {
	display: flex;
	align-items: center;
	gap: 12px;
}

.nia-cart-badge-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: rgba(183, 138, 60, 0.12);
	color: var(--nia-gold);
}

.nia-cart-badges span:last-child {
	display: grid;
	gap: 1px;
}

.nia-cart-badges strong {
	font-size: 13px;
	color: var(--nia-ink);
}

.nia-cart-badges small {
	font-size: 11px;
	color: var(--nia-soft);
}

@media (max-width: 900px) {
	.nia-cart-layout {
		grid-template-columns: 1fr;
	}

	.nia-cart-summary {
		position: static;
	}
}

@media (max-width: 680px) {
	.nia-cart {
		padding-left: 14px;
		padding-right: 14px;
	}

	/* Progress steps: allow horizontal scroll instead of overflow */
	.nia-cart-steps {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		gap: 8px;
		padding-bottom: 4px;
	}

	.nia-cart-steps::-webkit-scrollbar {
		display: none;
	}

	.nia-cart-steps li {
		flex: 0 0 auto;
		font-size: 12px;
	}

	.nia-cart-steps li:not(:last-child)::after {
		width: 18px;
		margin-left: 4px;
	}

	.nia-cart-step-ico {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 560px) {
	.nia-cart-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.nia-cart-item {
		flex-wrap: wrap;
		padding: 14px;
		gap: 14px;
	}

	.nia-cart-item-media {
		flex: 0 0 84px;
		width: 84px;
	}

	.nia-cart-item-body {
		flex: 1 1 140px;
	}

	.nia-cart-item-title {
		font-size: 17px;
		margin-bottom: 10px;
		padding-right: 36px;
	}

	/* Options stack and fill width */
	.nia-cart-item-opts {
		flex-wrap: wrap;
		gap: 12px 14px;
		width: 100%;
	}

	.nia-cart-opt {
		flex: 1 1 100px;
	}

	.nia-cart-opt select {
		min-width: 0;
		width: 100%;
	}

	.nia-cart-opt--qty {
		flex: 1 1 100%;
	}

	.nia-cart-item-remove {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 34px;
		height: 34px;
	}

	.nia-cart-foot {
		flex-direction: column;
	}

	.nia-cart-foot .nia-cart-btn {
		width: 100%;
		justify-content: center;
	}

	.nia-cart-summary {
		padding: 22px 18px;
	}

	.nia-cart-count {
		font-size: 19px;
	}
}

@media (max-width: 400px) {
	/* Customisation textarea + chips full width; opts two-up */
	.nia-cart-item {
		gap: 12px;
	}

	.nia-cart-item-media {
		flex-basis: 72px;
		width: 72px;
	}

	.nia-cart-opt {
		flex: 1 1 calc(50% - 7px);
	}

	.nia-cart-item-note,
	.nia-cart-item-chips {
		width: 100%;
	}
}

/* ---------- Cart button colour overrides (beat theme button styles) ---------- */
.nia-cart .nia-cart-checkout,
.nia-cart .nia-cart-checkout:hover,
.nia-cart .nia-cart-checkout:focus {
	background-color: var(--nia-green) !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
}

.nia-cart .nia-cart-checkout svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

.nia-cart .nia-cart-checkout:hover {
	background-color: #14513a !important;
}

.nia-cart .nia-cart-voucher-toggle,
.nia-cart .nia-cart-voucher-toggle:hover,
.nia-cart .nia-cart-voucher-toggle:focus {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--nia-gold) !important;
	border: 1px solid var(--nia-gold) !important;
}

.nia-cart .nia-cart-voucher-toggle svg {
	color: var(--nia-gold) !important;
	stroke: var(--nia-gold) !important;
}

.nia-cart .nia-cart-voucher-caret {
	border-color: var(--nia-gold) !important;
}

.nia-cart .nia-cart-voucher-form button,
.nia-cart .nia-cart-voucher-form button:hover,
.nia-cart .nia-cart-voucher-form button:focus {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--nia-green) !important;
	border: 0 !important;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 10px 14px !important;
}

.nia-cart .nia-cart-checkout,
.nia-cart .nia-cart-voucher-toggle {
	box-shadow: none !important;
}

/* ---------- Cart robustness: prevent theme cart-table CSS & overflow ---------- */
.nia-cart,
.nia-cart * {
	box-sizing: border-box;
}

.nia-cart .nia-cart-form {
	display: block;
	width: 100%;
	max-width: 100%;
}

.nia-cart img {
	max-width: 100%;
}

.nia-cart select,
.nia-cart input,
.nia-cart textarea {
	max-width: 100%;
}

.nia-cart .nia-cart-layout {
	display: grid;
	width: 100%;
	max-width: 100%;
}

.nia-cart .nia-cart-main {
	min-width: 0;
}

@media (max-width: 900px) {
	.nia-cart .nia-cart-layout {
		grid-template-columns: 1fr !important;
	}

	.nia-cart .nia-cart-summary {
		position: static !important;
		width: 100% !important;
	}
}

/* Hide the theme's duplicate page-title bar on the custom cart page. */
body.woocommerce-cart .page-header,
body.woocommerce-cart .elementor-page-title {
	display: none !important;
}

/* Keep only our own qty buttons inside the stepper (drop theme-injected ones). */
.nia-lps-qty-stepper .plus,
.nia-lps-qty-stepper .minus,
.nia-lps-qty-stepper .quantity-button,
.nia-lps-qty-stepper button:not(.nia-lps-qty-btn),
.nia-lps-qty-stepper input[type="number"]::-webkit-outer-spin-button,
.nia-lps-qty-stepper input[type="number"]::-webkit-inner-spin-button {
	display: none !important;
	-webkit-appearance: none !important;
}

/* ---------- Qty stepper responsive (mobile only) ---------- */
@media (max-width: 560px) {
	.nia-cart-opt--qty {
		flex: 1 1 100%;
	}

	.nia-cart-opt--qty .nia-lps-qty-stepper {
		display: flex;
		width: 100%;
		max-width: 200px;
	}

	.nia-cart-opt--qty .nia-lps-qty-btn {
		flex: 0 0 auto;
		width: 40px;
		height: 38px;
		font-size: 18px;
	}

	.nia-cart-opt--qty .nia-lps-qty-proxy {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		height: 38px;
		font-size: 15px;
	}
}

/* ---------- Cart: equal-width Karat / Colour / Qty boxes (desktop) ---------- */
@media (min-width: 561px) {
	.nia-cart-item-opts {
		align-items: flex-start;
	}

	.nia-cart-opt {
		flex: 1 1 0;
		min-width: 0;
	}

	.nia-cart-opt select {
		width: 100%;
		min-width: 0;
		height: 44px !important;
	}

	.nia-cart-opt--qty .nia-lps-qty-stepper {
		display: flex;
		width: 100%;
		height: 44px;
	}

	.nia-cart-opt--qty .nia-lps-qty-btn {
		flex: 0 0 auto;
		height: 100%;
	}

	.nia-cart-opt--qty .nia-lps-qty-proxy {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		height: 100%;
	}
}

/* =========================================================
   Custom Checkout Page
   ========================================================= */
.nia-checkout {
	--nia-bg: #f7f3ee;
	--nia-panel: #ffffff;
	--nia-ink: #1f2a24;
	--nia-soft: #7d8580;
	--nia-line: rgba(20, 45, 35, 0.12);
	--nia-green: #0c3b2a;
	--nia-gold: #b78a3c;
	max-width: 1280px;
	margin: 0 auto;
	padding: clamp(22px, 4vw, 48px) clamp(16px, 4vw, 40px) 60px;
	color: var(--nia-ink);
}

.nia-checkout,
.nia-checkout * {
	box-sizing: border-box;
}

body.woocommerce-checkout .page-header,
body.woocommerce-checkout .elementor-page-title {
	display: none !important;
}

.nia-checkout-body {
	margin-top: 8px;
}

/* notices / coupon-login toggles */
.nia-checkout .woocommerce-form-coupon-toggle,
.nia-checkout .checkout_coupon,
.nia-checkout .woocommerce-form-login-toggle {
	display: none !important;
}

.nia-checkout .woocommerce-info,
.nia-checkout .woocommerce-error,
.nia-checkout .woocommerce-message {
	border-radius: 12px;
	margin-bottom: 18px;
}

/* two-column checkout layout (JS wraps WC checkout into .nia-co-cols, like the cart) */
.nia-checkout .nia-co-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: clamp(18px, 2.5vw, 30px);
	align-items: start;
}

.nia-checkout .nia-co-cols #customer_details,
.nia-checkout .nia-co-cols #order_review,
.nia-checkout .nia-co-cols #order_review_heading {
	float: none !important;
	width: 100% !important;
	clear: none !important;
	margin: 0 0 14px !important;
}

.nia-checkout .nia-checkout-body {
	overflow: hidden;
}

/* "Additional information" (shipping section, repurposed) is empty here. */
.nia-checkout .woocommerce-shipping-fields,
.nia-checkout .woocommerce-additional-fields {
	display: none !important;
}

/* cards */
.nia-checkout .nia-co-right {
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: clamp(18px, 2.4vw, 26px);
}

.nia-checkout .nia-co-right #order_review_heading {
	margin-top: 0 !important;
}

.nia-checkout #order_review {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.nia-checkout #customer_details .col2-set {
	display: block;
	width: 100%;
}

.nia-checkout #customer_details .col-1,
.nia-checkout #customer_details .col-2 {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding: 0;
}

.nia-checkout #customer_details .col-1 {
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: clamp(18px, 2.4vw, 26px);
}

.nia-checkout #customer_details .col-2:empty {
	display: none;
}

/* Order notes are removed for this B2B flow; hide the empty section. */
.nia-checkout .woocommerce-additional-fields {
	display: none;
}

/* headings */
.nia-checkout h3,
.nia-checkout #order_review_heading {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: var(--nia-ink);
	margin-top: 0;
	margin-bottom: 16px;
}

/* form fields */
.nia-checkout .form-row {
	margin: 0 0 14px;
	padding: 0;
}

/* Billing fields: predictable two-column rows so we can center the OR badge. */
.nia-checkout .woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}

.nia-checkout .woocommerce-billing-fields__field-wrapper > .form-row {
	width: 100%;
}

.nia-checkout .woocommerce-billing-fields__field-wrapper > .form-row-first,
.nia-checkout .woocommerce-billing-fields__field-wrapper > .form-row-last {
	width: calc(50% - 10px);
}

/* PAN / GST: hide "(optional)" and show an OR separator centered between them */
.nia-checkout #billing_pan_card_field label .optional,
.nia-checkout #billing_gst_number_field label .optional {
	display: none !important;
}

.nia-checkout #billing_pan_card_field {
	position: relative;
	overflow: visible;
}

.nia-checkout .nia-pan-or {
	position: absolute;
	left: calc(100% + 10px);   /* 10px = half of the 20px gutter -> gutter centre */
	bottom: 9px;               /* aligns with the input row */
	transform: translateX(-50%);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	background: #0c3b2a;
	border: 2px solid var(--nia-panel, #fff);
	border-radius: 999px;
	line-height: 1;
	box-shadow: 0 4px 12px -3px rgba(12, 59, 42, 0.5);
}

/* Mobile: fields stack full width, OR sits centered between the two rows. */
@media (max-width: 600px) {
	.nia-checkout .woocommerce-billing-fields__field-wrapper > .form-row-first,
	.nia-checkout .woocommerce-billing-fields__field-wrapper > .form-row-last {
		width: 100%;
	}

	.nia-checkout #billing_pan_card_field {
		margin-bottom: 40px;
	}

	.nia-checkout #billing_gst_number_field {
		margin-top: 4px;
	}

	.nia-checkout .nia-pan-or {
		left: 50%;
		bottom: -37px;   /* badge top rests just below the PAN input, no overlap */
	}
}

.nia-checkout .form-row label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--nia-soft);
	margin-bottom: 6px;
}

.nia-checkout .input-text,
.nia-checkout input[type="text"],
.nia-checkout input[type="email"],
.nia-checkout input[type="tel"],
.nia-checkout input[type="password"],
.nia-checkout textarea,
.nia-checkout select,
.nia-checkout .select2-container .select2-selection {
	width: 100% !important;
	border: 1px solid var(--nia-line) !important;
	border-radius: 9px !important;
	padding: 11px 13px !important;
	font-size: 14px !important;
	color: var(--nia-ink) !important;
	background: #fbf9f6 !important;
	box-shadow: none !important;
	min-height: 44px;
}

.nia-checkout .input-text:focus,
.nia-checkout textarea:focus,
.nia-checkout select:focus {
	outline: none !important;
	border-color: var(--nia-green) !important;
}

/* order review table */
.nia-checkout #order_review .shop_table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
}

.nia-checkout #order_review .shop_table th,
.nia-checkout #order_review .shop_table td {
	padding: 10px 0;
	border-bottom: 1px solid var(--nia-line);
	font-size: 14px;
	text-align: left;
}

.nia-checkout #order_review .shop_table tfoot th,
.nia-checkout #order_review .shop_table tfoot td {
	font-weight: 700;
}

.nia-checkout #order_review .cart_item .product-name {
	color: var(--nia-ink);
}

/* payment */
.nia-checkout #payment {
	background: transparent;
	border-radius: 0;
}

.nia-checkout #payment ul.payment_methods {
	border: 1px solid var(--nia-line);
	border-radius: 12px;
	padding: 14px;
	margin: 0 0 16px;
	list-style: none;
}

.nia-checkout #payment .place-order {
	padding: 0;
}

/* place order button */
.nia-checkout #place_order,
.nia-checkout #payment #place_order,
.nia-checkout .button.alt,
.nia-checkout #place_order:hover {
	display: block;
	width: 100%;
	background-color: var(--nia-green) !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 11px !important;
	padding: 15px 20px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	box-shadow: none !important;
	cursor: pointer;
}

.nia-checkout #place_order:hover {
	background-color: #14513a !important;
}

/* terms / privacy */
.nia-checkout .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 14px;
	font-size: 13px;
	color: var(--nia-soft);
}

/* total net weight row in checkout review */
.nia-checkout .nia-total-netwt th,
.nia-checkout .nia-total-netwt td {
	font-weight: 700 !important;
	color: var(--nia-green) !important;
	font-size: 15px;
}

/* responsive */
@media (max-width: 600px) {
	.nia-checkout .nia-co-cols {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.nia-checkout #customer_details .col-1,
	.nia-checkout #customer_details .col-2,
	.nia-checkout .woocommerce-billing-fields,
	.nia-checkout .woocommerce-additional-fields,
	.nia-checkout #order_review {
		padding: 16px;
	}
}

/* =========================================================
   Thank You / Order Received page
   ========================================================= */
/* Full-width order-received page */
.nia-checkout.nia-thankyou {
	max-width: 100%;
}

.nia-thankyou .woocommerce-order {
	display: grid;
	gap: 18px 26px;
	max-width: none;
	width: 100%;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	align-items: start;
}

/* Full-width rows: success message, order overview, and the action buttons. */
.nia-thankyou .woocommerce-order > .woocommerce-notice,
.nia-thankyou .woocommerce-order > .woocommerce-notice--success,
.nia-thankyou .woocommerce-thankyou-order-received,
.nia-thankyou .woocommerce-order > ul.woocommerce-order-overview,
.nia-thankyou .nia-invoice-actions {
	grid-column: 1 / -1;
}

/* Order details table takes the wide column, customer details the sidebar. */
.nia-thankyou .woocommerce-order-details {
	grid-column: 1;
}

.nia-thankyou .woocommerce-customer-details {
	grid-column: 2;
}

@media (max-width: 900px) {
	.nia-thankyou .woocommerce-order {
		grid-template-columns: 1fr;
	}
	.nia-thankyou .woocommerce-order-details,
	.nia-thankyou .woocommerce-customer-details {
		grid-column: 1 / -1;
	}
}

/* success message */
.nia-thankyou .woocommerce-thankyou-order-received,
.nia-thankyou .woocommerce-notice--success {
	background: rgba(12, 59, 42, 0.06);
	border: 1px solid rgba(12, 59, 42, 0.2);
	border-radius: 14px;
	padding: 20px 24px;
	font-size: 18px;
	font-weight: 600;
	color: var(--nia-green);
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.nia-thankyou .woocommerce-thankyou-order-received::before {
	content: "";
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--nia-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.5' d='M5 13l4 4 10-11'/%3E%3C/svg%3E") no-repeat center;
}

/* order overview (number / date / email) */
.nia-thankyou ul.woocommerce-order-overview {
	list-style: none;
	margin: 0;
	padding: clamp(18px, 2.2vw, 28px) clamp(20px, 2.4vw, 32px);
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 18px 24px;
}

/* No pricing in this B2B flow: hide the empty Total / payment rows */
.nia-thankyou .woocommerce-order-overview__total,
.nia-thankyou .woocommerce-order-overview__payment-method {
	display: none !important;
}

.nia-thankyou ul.woocommerce-order-overview li {
	flex: 1 1 0;
	min-width: 200px;
	border: 0 !important;
	margin: 0;
	padding: 0 0 0 62px;
	position: relative;
	min-height: 46px;
	text-align: left;
	word-break: break-word;
	overflow-wrap: anywhere;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--nia-soft);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}

/* icon box for each overview item */
.nia-thankyou ul.woocommerce-order-overview li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: rgba(183, 138, 60, 0.12) no-repeat center;
	background-size: 22px 22px;
}

.nia-thankyou ul.woocommerce-order-overview li.woocommerce-order-overview__order::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b78a3c' stroke-width='1.7'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/svg%3E");
}

.nia-thankyou ul.woocommerce-order-overview li.woocommerce-order-overview__date::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b78a3c' stroke-width='1.7'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 9h16'/%3E%3C/svg%3E");
}

.nia-thankyou ul.woocommerce-order-overview li.woocommerce-order-overview__email::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b78a3c' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.nia-thankyou ul.woocommerce-order-overview li strong {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--nia-ink);
}

/* order details + customer details cards */
.nia-thankyou .woocommerce-order-details,
.nia-thankyou .woocommerce-customer-details {
	background: var(--nia-panel);
	border: 1px solid var(--nia-line);
	border-radius: 16px;
	padding: clamp(18px, 2.4vw, 26px);
	margin: 0;
}

.nia-thankyou .woocommerce-order-details__title,
.nia-thankyou .woocommerce-column__title,
.nia-thankyou .woocommerce-customer-details h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: var(--nia-ink);
	margin: 0 0 16px;
}

.nia-thankyou .woocommerce-order-details .shop_table {
	width: 100%;
	border-collapse: collapse;
}

.nia-thankyou .woocommerce-order-details .shop_table th,
.nia-thankyou .woocommerce-order-details .shop_table td {
	padding: 14px 0;
	border-bottom: 1px solid var(--nia-line);
	text-align: left;
	font-size: 14px;
	vertical-align: top;
}

/* product thumbnail + net weight in order items */
.nia-thankyou .nia-oi-thumb {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

.nia-thankyou .nia-oi-thumb img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

.nia-thankyou .woocommerce-order-details .shop_table td.product-name > a,
.nia-thankyou .woocommerce-order-details .shop_table td.product-name {
	font-weight: 600;
	color: var(--nia-ink);
}

.nia-thankyou .nia-oi-netwt {
	font-size: 13px;
	color: var(--nia-soft);
	margin-top: 4px;
	font-weight: 400;
}

.nia-thankyou .nia-oi-netwt strong {
	color: var(--nia-ink);
}

.nia-thankyou .woocommerce-order-details .shop_table .wc-item-meta,
.nia-thankyou .woocommerce-order-details .shop_table dl.variation {
	margin: 6px 0 0;
	font-size: 13px;
}

.nia-thankyou .woocommerce-customer-details address {
	border: 0;
	padding: 0;
	font-style: normal;
	font-size: 14px;
	color: var(--nia-ink);
	line-height: 1.7;
}

/* hide the order again / extra clutter if present */
.nia-thankyou .woocommerce-bacs-bank-details,
.nia-thankyou .order-again {
	margin-top: 8px;
}

@media (max-width: 560px) {
	.nia-thankyou .nia-oi-thumb img {
		width: 44px;
		height: 44px;
	}

	.nia-thankyou ul.woocommerce-order-overview {
		flex-direction: column;
		align-items: stretch;
	}

	.nia-thankyou ul.woocommerce-order-overview li {
		min-width: 0;
	}
}

/* =========================================================
   Side / mini-cart drawer: compact, no overflow
   ========================================================= */
.woocommerce-mini-cart .nia-lps-cart-customise,
.elementor-menu-cart__products .nia-lps-cart-customise,
.widget_shopping_cart .nia-lps-cart-customise,
.e-cart__products .nia-lps-cart-customise {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	max-width: 100% !important;
	gap: 8px !important;
	margin-top: 10px;
}

/* Only Customisation spans full width; KT / Colour / Qty stay on one line */
.woocommerce-mini-cart .nia-lps-cart-customise .is-wide,
.elementor-menu-cart__products .nia-lps-cart-customise .is-wide,
.widget_shopping_cart .nia-lps-cart-customise .is-wide,
.e-cart__products .nia-lps-cart-customise .is-wide {
	grid-column: 1 / -1 !important;
}

/* Qty stepper fits the drawer */
.woocommerce-mini-cart .nia-lps-qty-stepper,
.elementor-menu-cart__products .nia-lps-qty-stepper,
.widget_shopping_cart .nia-lps-qty-stepper,
.e-cart__products .nia-lps-qty-stepper {
	display: flex !important;
	width: 100% !important;
	max-width: 100%;
	height: 44px;
	border: 1px solid rgba(20, 45, 35, 0.18);
	border-radius: 10px;
	overflow: hidden;
}

.woocommerce-mini-cart .nia-lps-qty-btn,
.elementor-menu-cart__products .nia-lps-qty-btn,
.widget_shopping_cart .nia-lps-qty-btn,
.e-cart__products .nia-lps-qty-btn {
	flex: 0 0 auto;
	width: 30px;
	height: 100%;
	font-size: 15px;
	padding: 0;
}

.woocommerce-mini-cart .nia-lps-qty-proxy,
.elementor-menu-cart__products .nia-lps-qty-proxy,
.widget_shopping_cart .nia-lps-qty-proxy,
.e-cart__products .nia-lps-qty-proxy {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
	height: 100%;
	padding: 0 2px !important;
	text-align: center;
	border-left: 0 !important;
	border-right: 0 !important;
}

/* keep KT / Colour / Qty controls aligned + equal height */
.woocommerce-mini-cart .nia-lps-cart-customise > label,
.elementor-menu-cart__products .nia-lps-cart-customise > label,
.widget_shopping_cart .nia-lps-cart-customise > label,
.e-cart__products .nia-lps-cart-customise > label {
	align-content: start;
}

.woocommerce-mini-cart .nia-lps-cart-customise .is-wide textarea,
.elementor-menu-cart__products .nia-lps-cart-customise .is-wide textarea,
.widget_shopping_cart .nia-lps-cart-customise .is-wide textarea,
.e-cart__products .nia-lps-cart-customise .is-wide textarea {
	min-height: 52px;
}

/* compact selects so KT / Colour / Qty fit one line in the drawer */
.woocommerce-mini-cart .nia-lps-cart-customise select,
.elementor-menu-cart__products .nia-lps-cart-customise select,
.widget_shopping_cart .nia-lps-cart-customise select,
.e-cart__products .nia-lps-cart-customise select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	height: 44px !important;
	min-height: 44px !important;
	padding: 6px 22px 6px 10px !important;
	font-size: 12px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(20, 45, 35, 0.18) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath fill='%237d8580' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
}

.woocommerce-mini-cart .nia-lps-cart-customise span,
.elementor-menu-cart__products .nia-lps-cart-customise span,
.widget_shopping_cart .nia-lps-cart-customise span,
.e-cart__products .nia-lps-cart-customise span {
	font-size: 9px;
	letter-spacing: 0.5px;
}

/* Hide any theme-injected qty buttons / native qty inside the drawer stepper */
.woocommerce-mini-cart .nia-lps-qty-stepper .plus,
.woocommerce-mini-cart .nia-lps-qty-stepper .minus,
.elementor-menu-cart__products .nia-lps-qty-stepper .plus,
.elementor-menu-cart__products .nia-lps-qty-stepper .minus,
.nia-lps-qty-stepper button:not(.nia-lps-qty-btn) {
	display: none !important;
}

/* Prevent the customise block from forcing horizontal scroll in the drawer */
.woocommerce-mini-cart .nia-lps-cart-customise select,
.woocommerce-mini-cart .nia-lps-cart-customise textarea,
.elementor-menu-cart__products .nia-lps-cart-customise select,
.elementor-menu-cart__products .nia-lps-cart-customise textarea {
	max-width: 100% !important;
	min-height: 34px;
}

/* Hide duplicate WC item-data (Carat/Colour list) at the bottom of mini-cart items */
.woocommerce-mini-cart .variation,
.elementor-menu-cart__products .variation,
.widget_shopping_cart .variation,
.e-cart__products .variation,
.elementor-menu-cart__product .variation {
	display: none !important;
}

/* Net weight line on product cards */
.nia-lps-shop .nia-lps-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.nia-lps-shop .nia-lps-card-head h2 {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
}

.nia-lps-shop .nia-lps-card-netwt {
	flex: 0 0 auto;
	text-align: right;
	white-space: nowrap;
	line-height: 1.2;
}

.nia-lps-shop .nia-lps-card-netwt span {
	display: block;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 9px;
	color: var(--nia-soft);
}

.nia-lps-shop .nia-lps-card-netwt strong {
	font-size: 15px;
	font-weight: 800;
	color: var(--nia-ink);
}

/* =========================================================
   My Account -> View Order page
   ========================================================= */
body.woocommerce-view-order .woocommerce-MyAccount-content,
body.woocommerce-order-pay .woocommerce-MyAccount-content {
	color: #1f2a24;
}

body.woocommerce-view-order .woocommerce-order-details,
body.woocommerce-view-order .woocommerce-customer-details,
body.woocommerce-view-order .woocommerce-order-overview {
	background: #ffffff;
	border: 1px solid rgba(20, 45, 35, 0.12);
	border-radius: 16px;
	padding: clamp(18px, 2.4vw, 26px);
	margin: 0 0 20px;
}

body.woocommerce-view-order .woocommerce-order-details__title,
body.woocommerce-view-order .woocommerce-column__title,
body.woocommerce-view-order .woocommerce-customer-details h2,
body.woocommerce-view-order .woocommerce-order-details h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: #1f2a24;
	margin: 0 0 16px;
}

/* order status intro line */
body.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type,
body.woocommerce-view-order p.order-info {
	background: rgba(12, 59, 42, 0.06);
	border: 1px solid rgba(12, 59, 42, 0.2);
	border-radius: 12px;
	padding: 16px 18px;
	color: #0c3b2a;
	font-weight: 600;
}

/* order details table */
body.woocommerce-view-order .woocommerce-order-details .shop_table {
	width: 100%;
	border-collapse: collapse;
}

body.woocommerce-view-order .woocommerce-order-details .shop_table th,
body.woocommerce-view-order .woocommerce-order-details .shop_table td {
	padding: 14px 0;
	border-bottom: 1px solid rgba(20, 45, 35, 0.12);
	text-align: left;
	font-size: 14px;
	vertical-align: top;
}

/* product thumbnail + net weight (shared hook classes) */
body.woocommerce-view-order .nia-oi-thumb {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

body.woocommerce-view-order .nia-oi-thumb img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

body.woocommerce-view-order .nia-oi-netwt {
	font-size: 13px;
	color: #7d8580;
	margin-top: 4px;
}

body.woocommerce-view-order .nia-oi-netwt strong {
	color: #1f2a24;
}

/* no pricing in B2B: hide empty totals if shown */
body.woocommerce-view-order .woocommerce-order-details .shop_table tfoot tr.order-total,
body.woocommerce-view-order .woocommerce-order-overview__total {
	display: none;
}

body.woocommerce-view-order .woocommerce-customer-details address {
	border: 0;
	padding: 0;
	font-style: normal;
	font-size: 14px;
	color: #1f2a24;
	line-height: 1.7;
}

@media (max-width: 600px) {
	body.woocommerce-view-order .nia-oi-thumb img {
		width: 44px;
		height: 44px;
	}

	body.woocommerce-view-order .woocommerce-order-details,
	body.woocommerce-view-order .woocommerce-customer-details {
		padding: 16px;
	}
}

/* =========================================================
   Order item alignment: image left, name + meta + net wt as one column
   (applies to Thank You and View Order)
   ========================================================= */
.woocommerce-order-details td.product-name {
	position: relative;
	padding-left: 72px !important;
	min-height: 62px;
}

.woocommerce-order-details td.product-name .nia-oi-thumb {
	position: absolute;
	left: 0;
	top: 14px;
	margin: 0 !important;
}

.woocommerce-order-details td.product-name .nia-oi-thumb img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

.woocommerce-order-details td.product-name .wc-item-meta,
.woocommerce-order-details td.product-name dl.variation,
.woocommerce-order-details td.product-name .nia-oi-netwt {
	margin-left: 0;
	margin-top: 6px;
}

.woocommerce-order-details td.product-name .wc-item-meta p,
.woocommerce-order-details td.product-name dl.variation {
	margin: 4px 0 0;
}

/* ===== Branded invoice download/print buttons (order-received & view-order) ===== */
.nia-invoice-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 22px 0 8px;
}
.nia-invoice-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 22px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1;
	border-radius: 6px;
	text-decoration: none;
	transition: all .2s ease;
	cursor: pointer;
}
.nia-invoice-btn--primary,
.nia-invoice-btn--primary:link,
.nia-invoice-btn--primary:visited {
	background: #0c3b2a;
	color: #fff !important;
	border: 1px solid #0c3b2a;
}
.nia-invoice-btn--primary:hover,
.nia-invoice-btn--primary:focus {
	background: #b78a3c;
	border-color: #b78a3c;
	color: #fff !important;
}
.nia-invoice-btn--ghost {
	background: transparent;
	color: #0c3b2a;
	border: 1px solid #b78a3c;
}
.nia-invoice-btn--ghost:hover,
.nia-invoice-btn--ghost:focus {
	background: #b78a3c;
	color: #fff !important;
	border-color: #b78a3c;
}

/* ===== Product gallery zoom lightbox ===== */
.nia-lps-gallery figure.is-primary img {
	cursor: zoom-in;
}

/* Product card image acts as a zoom trigger (button reset). */
.nia-lps-shop .nia-lps-card-media.nia-lps-card-zoom {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	background: none;
	cursor: zoom-in;
	font: inherit;
	color: inherit;
	text-align: left;
}

body.nia-lps-lightbox-open {
	overflow: hidden;
}

.nia-lps-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(12, 59, 42, 0.92);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	animation: niaLpsFade 0.2s ease;
}

@keyframes niaLpsFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

.nia-lps-lightbox-stage {
	max-width: 92vw;
	max-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nia-lps-lightbox-stage img {
	max-width: 92vw;
	max-height: 90vh;
	width: auto;
	height: auto;
	object-fit: contain;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
	border-radius: 4px;
	cursor: zoom-in;
	transition: transform 0.25s ease;
}

.nia-lps-lightbox-stage img.is-zoomed {
	transform: scale(2);
	cursor: zoom-out;
}

.nia-lps-lightbox-close {
	position: absolute;
	top: 20px;
	right: 26px;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	background: transparent;
	color: #fff;
	font-size: 28px;
	line-height: 1;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.nia-lps-lightbox-close:hover {
	background: #b78a3c;
	border-color: #b78a3c;
	color: #fff;
}

/* ===== "More From This Category" – reuse listing card styling ===== */
.nia-lps-related.nia-lps-shop {
	background: transparent;
	padding: 0;
	margin-top: 54px;
}

.nia-lps-related-head {
	margin-bottom: 22px;
}

.nia-lps-related-head .nia-lps-section-kicker {
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--nia-gold, #b78a3c);
	margin-bottom: 6px;
}

.nia-lps-related-head h2 {
	font-family: "Sorts Mill Goudy", Georgia, serif;
	font-size: 26px;
	color: var(--nia-green, #0c3b2a);
	margin: 0;
}

/* The related track reuses the shop grid + card styling (it carries
   .nia-lps-shop and .nia-lps-grid). Reset the old horizontal-slider styles
   from frontend.css so it renders as a clean responsive grid (no stray
   implicit columns / scroll lines). */
.nia-lps-related .nia-lps-related-track.nia-lps-grid {
	display: grid !important;
	grid-template-columns: repeat(var(--nia-lps-columns, 4), minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	grid-auto-columns: auto !important;
	overflow: visible !important;
	scroll-snap-type: none !important;
	padding: 0 !important;
	gap: 26px;
}

@media (max-width: 1100px) {
	.nia-lps-related .nia-lps-related-track.nia-lps-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	.nia-lps-related .nia-lps-related-track.nia-lps-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* ===== Cart: highlight Save button when there are unsaved changes ===== */
.nia-cart-save.is-dirty {
	background: #0c3b2a !important;
	color: #fff !important;
	border-color: #0c3b2a !important;
	box-shadow: 0 6px 18px -6px rgba(12, 59, 42, 0.6);
}

.nia-cart-save.is-dirty::after {
	content: " •";
	color: #d9b878;
}

/* ===== Cart item: bottom row (chips left, net weight right side) ===== */
.nia-cart-item-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.nia-cart-item-netwt {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	margin-left: auto;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--nia-soft, #7d8580);
}

.nia-cart-item-netwt strong {
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 700;
	color: var(--nia-green, #0c3b2a);
}

/* =========================================================
   Custom Order (design request) page
   ========================================================= */
.nia-custom-order {
	--co-green: #0c3b2a;
	--co-gold: #b78a3c;
	--co-rose: #b5765e;
	--co-ink: #1f2a24;
	--co-soft: #7d8580;
	--co-line: rgba(20, 45, 35, 0.14);
	--co-panel: #ffffff;
	background: #f7f1ec;
	padding: 0 0 clamp(30px, 4vw, 60px);
}

.nia-custom-order .nia-co-form {
	margin: 0;
}

/* ---------- Hero ---------- */
.nia-custom-order .nia-co-hero {
	position: relative;
	background-color: #efe4d6;
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	padding: clamp(32px, 6vw, 74px) clamp(20px, 6vw, 80px);
	overflow: hidden;
}

.nia-custom-order .nia-co-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, #f5ece0 0%, #f5ece0 34%, rgba(245, 236, 224, 0.7) 50%, rgba(245, 236, 224, 0) 68%);
}

.nia-custom-order .nia-co-hero-inner {
	position: relative;
	z-index: 2;
	max-width: 560px;
}

.nia-custom-order .nia-co-kicker {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--co-rose);
}

.nia-custom-order .nia-co-hero-inner h1 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 5.2vw, 54px);
	line-height: 1.04;
	color: var(--co-green);
}

.nia-custom-order .nia-co-rule {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 120px;
	margin: 18px 0;
}

.nia-custom-order .nia-co-rule::before {
	content: "";
	flex: 1;
	height: 2px;
	background: var(--co-gold);
}

.nia-custom-order .nia-co-rule i {
	width: 9px;
	height: 9px;
	background: var(--co-gold);
	transform: rotate(45deg);
	clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
}

.nia-custom-order .nia-co-sub {
	margin: 0;
	max-width: 380px;
	font-size: 16px;
	line-height: 1.55;
	color: #5c6660;
}

/* ---------- Card + layout ---------- */
.nia-custom-order .nia-co-card {
	max-width: 1180px;
	margin: clamp(-30px, -3vw, -50px) auto 0;
	position: relative;
	z-index: 3;
	background: var(--co-panel);
	border: 1px solid var(--co-line);
	border-radius: 20px;
	box-shadow: 0 30px 70px -46px rgba(12, 59, 42, 0.5);
	padding: clamp(22px, 3vw, 40px);
}

.nia-custom-order .nia-co-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: clamp(24px, 3vw, 42px);
	align-items: start;
}

/* ---------- Section headers ---------- */
.nia-custom-order .nia-co-section {
	margin-bottom: 30px;
}

.nia-custom-order .nia-co-section:last-child {
	margin-bottom: 0;
}

.nia-custom-order .nia-co-section-head {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 20px;
}

.nia-custom-order .nia-co-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(183, 138, 60, 0.14);
	color: var(--co-gold);
	flex: 0 0 auto;
}

.nia-custom-order .nia-co-section-head h2 {
	position: relative;
	margin: 0;
	padding-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--co-green);
}

.nia-custom-order .nia-co-section-head h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 2px;
	background: var(--co-gold);
}

/* ---------- Fields ---------- */
.nia-custom-order .nia-co-fields {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.nia-custom-order .nia-co-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.nia-custom-order .nia-co-field--full {
	margin-bottom: 22px;
}

.nia-custom-order .nia-co-field > span {
	font-size: 12.5px;
	font-weight: 600;
	color: #55605a;
}

.nia-custom-order .nia-co-field > span em {
	font-style: normal;
	font-weight: 500;
	color: var(--co-soft);
}

/* Input with leading icon */
.nia-custom-order .nia-co-input {
	position: relative;
	display: block;
}

.nia-custom-order .nia-co-input svg {
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--co-soft);
	pointer-events: none;
}

.nia-custom-order .nia-co-input input {
	padding-left: 38px;
}

.nia-custom-order input[type="text"],
.nia-custom-order input[type="email"],
.nia-custom-order input[type="tel"],
.nia-custom-order select,
.nia-custom-order textarea {
	width: 100%;
	border: 1px solid var(--co-line);
	border-radius: 11px;
	padding: 13px 14px;
	font-size: 14px;
	color: var(--co-ink);
	background: #fbf9f6;
	font-family: inherit;
}

.nia-custom-order textarea {
	resize: vertical;
	min-height: 104px;
	background: #fbf9f6;
}

.nia-custom-order input:focus,
.nia-custom-order select:focus,
.nia-custom-order textarea:focus {
	outline: none;
	border-color: var(--co-green);
	background: #fff;
}

.nia-custom-order .nia-co-phone-row {
	display: flex;
	align-items: center;
	border: 1px solid var(--co-line);
	border-radius: 11px;
	background: #fbf9f6;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.nia-custom-order .nia-co-phone-row:focus-within {
	border-color: var(--co-green);
	background: #fff;
}

.nia-custom-order .nia-co-phone-code {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: 0 12px;
	font-size: 14px;
	color: var(--co-ink);
	white-space: nowrap;
}

.nia-custom-order .nia-co-phone-row input[type="tel"] {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	border: 0;
	border-left: 1px solid var(--co-line);
	border-radius: 0 11px 11px 0;
	background: transparent;
	padding: 13px 14px;
}

.nia-custom-order .nia-co-phone-row input[type="tel"]:focus {
	background: transparent;
}

/* Select with chevron */
.nia-custom-order .nia-co-select {
	-webkit-appearance: none;
	appearance: none;
	background: #fbf9f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%237d8580' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center;
	padding-right: 34px;
	cursor: pointer;
}

/* Design details two-up row */
.nia-custom-order .nia-co-design-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-bottom: 22px;
}

/* Upload box */
.nia-custom-order .nia-co-upload {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	text-align: center;
	padding: 30px 14px;
	border: 1.5px dashed var(--co-line);
	border-radius: 14px;
	background: #fbf9f6;
	color: var(--co-soft);
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.nia-custom-order .nia-co-upload:hover {
	border-color: var(--co-gold);
	background: #f7f1e8;
}

.nia-custom-order .nia-co-upload svg {
	color: var(--co-gold);
}

.nia-custom-order .nia-co-upload-label {
	font-style: normal;
	font-size: 14px;
	font-weight: 700;
	color: var(--co-ink);
}

.nia-custom-order .nia-co-upload small {
	font-size: 11.5px;
}

.nia-custom-order .nia-co-upload.has-file {
	border-color: var(--co-green);
	background: rgba(12, 59, 42, 0.05);
}

/* Metal color swatches */
.nia-custom-order .nia-co-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.nia-custom-order .nia-co-swatch {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 13px;
	border: 1px solid var(--co-line);
	border-radius: 10px;
	font-size: 13px;
	color: var(--co-ink);
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.nia-custom-order .nia-co-swatch input {
	position: absolute;
	inset: 0;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}

.nia-custom-order .nia-co-swatch i {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--sw, #d8aa45);
	border: 1px solid rgba(0, 0, 0, 0.15);
	flex: 0 0 auto;
}

.nia-custom-order .nia-co-swatch:has(input:checked) {
	border-color: var(--co-green);
	background: rgba(12, 59, 42, 0.06);
	font-weight: 600;
}

/* ---------- Sidebar ---------- */
.nia-custom-order .nia-co-side {
	display: grid;
	gap: 18px;
	position: sticky;
	top: 20px;
}

.nia-custom-order .nia-co-side-title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Preview card (dark green) */
.nia-custom-order .nia-co-preview-card {
	background: var(--co-green);
	border-radius: 16px;
	padding: 22px;
	color: #fff;
}

.nia-custom-order .nia-co-preview-card .nia-co-side-title {
	color: #fff;
}

.nia-custom-order .nia-co-preview-card .nia-co-side-title svg {
	color: var(--co-gold);
}

.nia-custom-order .nia-co-side-note {
	margin: 8px 0 14px;
	font-size: 12.5px;
	color: rgba(255, 255, 255, 0.72);
}

.nia-custom-order .nia-co-preview {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	border: 1.5px dashed rgba(255, 255, 255, 0.35);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	overflow: hidden;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.nia-custom-order .nia-co-preview:hover,
.nia-custom-order .nia-co-preview.is-dragover {
	border-color: var(--co-gold);
	background: rgba(255, 255, 255, 0.09);
}

.nia-custom-order .nia-co-preview-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12.5px;
	padding: 14px;
}

.nia-custom-order .nia-co-preview-empty strong {
	color: #fff;
}

.nia-custom-order .nia-co-preview-empty svg {
	color: var(--co-gold);
}

.nia-custom-order .nia-co-preview-empty small {
	color: rgba(255, 255, 255, 0.55);
}

.nia-custom-order .nia-co-preview-img {
	width: 100%;
	height: 100%;
	max-height: 240px;
	object-fit: cover;
	display: block;
}

/* Selected options card */
.nia-custom-order .nia-co-summary-card {
	background: #faf3ee;
	border: 1px solid var(--co-line);
	border-radius: 16px;
	padding: 22px;
}

.nia-custom-order .nia-co-summary-card .nia-co-side-title {
	color: var(--co-green);
}

.nia-custom-order .nia-co-summary-card .nia-co-side-title svg {
	color: var(--co-gold);
}

.nia-custom-order .nia-co-summary {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: grid;
	gap: 14px;
}

.nia-custom-order .nia-co-summary li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
}

.nia-custom-order .nia-co-summary li span {
	color: var(--co-soft);
}

.nia-custom-order .nia-co-summary li strong {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--co-ink);
	font-weight: 600;
	text-align: right;
	max-width: 62%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nia-custom-order .nia-co-summary strong i {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--sw, #d59a7f);
	border: 1px solid rgba(0, 0, 0, 0.15);
	flex: 0 0 auto;
}

/* Submit */
.nia-custom-order .nia-co-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	margin-top: 18px;
	border: 0;
	border-radius: 11px;
	padding: 14px 20px;
	background: var(--co-green);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.03em;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.nia-custom-order .nia-co-submit svg {
	color: var(--co-gold);
}

.nia-custom-order .nia-co-submit:hover {
	background: #0f4a35;
	transform: translateY(-1px);
}

.nia-custom-order .nia-co-submit[disabled] {
	opacity: 0.6;
	cursor: progress;
}

.nia-custom-order .nia-co-secure {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 12px 0 0;
	font-size: 12px;
	color: var(--co-soft);
}

.nia-custom-order .nia-co-secure svg {
	color: var(--co-gold);
}

.nia-custom-order .nia-co-message {
	margin-top: 12px;
	font-size: 13px;
	text-align: center;
}

.nia-custom-order .nia-co-message.is-ok {
	color: var(--co-green);
	font-weight: 600;
}

.nia-custom-order .nia-co-message.is-error {
	color: #9b2c2c;
	font-weight: 600;
}

/* Production-time note (custom order + checkout) */
.nia-custom-order .nia-co-note,
.nia-order-note {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 26px 0 0;
	padding: 15px 18px;
	border: 1px solid rgba(183, 138, 60, 0.4);
	border-left: 4px solid #b78a3c;
	border-radius: 12px;
	background: #fbf5ea;
	font-size: 13.5px;
	line-height: 1.6;
	color: #5c5343;
}

.nia-order-note {
	max-width: 1280px;
	margin: 0 auto 20px;
	box-sizing: border-box;
}

.nia-custom-order .nia-co-note svg,
.nia-order-note svg {
	color: #b78a3c;
	flex: 0 0 auto;
	margin-top: 1px;
}

.nia-custom-order .nia-co-note strong,
.nia-order-note strong {
	color: #0c3b2a;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
	.nia-custom-order .nia-co-grid {
		grid-template-columns: 1fr;
	}
	.nia-custom-order .nia-co-side {
		position: static;
	}
}

@media (max-width: 680px) {
	.nia-custom-order .nia-co-fields,
	.nia-custom-order .nia-co-design-row {
		grid-template-columns: 1fr;
	}
	.nia-custom-order .nia-co-card {
		margin-top: 0;
		border-radius: 16px;
	}
	.nia-custom-order .nia-co-hero::before {
		background: linear-gradient(180deg, rgba(245, 236, 224, 0.85) 0%, rgba(245, 236, 224, 0.6) 100%);
	}
}