/* Subtle silver details on top of the Just Vege design (theme 1.4.0, approved mockups S1–S6).
   Everything is scoped to body.jv-silver (Customizer → Just Vege: look). Green stays the primary
   colour; nothing here changes sizes or the layout (borders are swapped, not added). */
.jv-silver {
	--jv-sv: #c9cdd2;
	--jv-sv-mid: #afb5bb;
	--jv-sv-edge: linear-gradient(135deg, #eef0f2 0%, #c4c9ce 26%, #f7f8f9 50%, #b2b8be 76%, #e7e9ec 100%);
	--jv-sv-line: linear-gradient(90deg, rgba(201, 205, 210, 0) 0%, #c9cdd2 16%, #f1f2f4 50%, #c9cdd2 84%, rgba(201, 205, 210, 0) 100%);
}

/* Navigation: a hairline under the header and the category bar; a silver ring on the current item. */
.jv-silver .jv-header,
.jv-silver .jv-cats {
	border-bottom-color: transparent;
}

.jv-silver .jv-header::after,
.jv-silver .jv-cats::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: var(--jv-sv-line);
	pointer-events: none;
}

.jv-silver .jv-nav__list .current-menu-item > a,
.jv-silver .jv-nav__list a[aria-current="page"] {
	box-shadow: inset 0 -3px 0 var(--jv-green), inset 0 0 0 1px var(--jv-sv);
	border-radius: 6px 6px 0 0;
}

.jv-silver .jvc-ful {
	border-color: var(--jv-sv);
}

.jv-silver .jvc-ful__ic,
.jv-silver .jv-howto__num {
	outline: 1px solid var(--jv-sv);
	outline-offset: 2px;
}

.jv-silver .jv-cats__link:not(.is-active):not([aria-current="true"]) {
	border-color: #d5d8dc;
}

/* Buttons: a soft highlight on green, a faint silver edge on black, a thin silver halo on hover. */
.jv-silver .jv-btn--primary,
.jv-silver .jvq-btn--primary,
.jv-silver .jvc-fuld__btn--primary {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.jv-silver .jv-btn--dark,
.jv-silver .jvq-btn--dark,
.jv-silver .jvc-fuld__btn--dark {
	box-shadow: inset 0 0 0 1px rgba(214, 218, 222, 0.22);
}

@media (hover: hover) and (pointer: fine) {
	.jv-silver .jv-btn--primary:hover:not(:focus-visible),
	.jv-silver .jv-add-btn:hover:not(:focus-visible),
	.jv-silver .jv-btn--outline:hover:not(:focus-visible),
	.jv-silver .jv-btn--dark:hover:not(:focus-visible) {
		outline: 1px solid var(--jv-sv);
		outline-offset: 3px;
	}

	.jv-silver .jvc-ful:hover {
		border-color: var(--jv-sv-mid);
	}

	.jv-silver .jv-dish-card__photo:hover {
		outline: 1px solid var(--jv-sv);
		outline-offset: -1px;
	}
}

/* Cards and sections: a thin metallic edge instead of the grey border. Selected cards stay green. */
.jv-silver .jv-dish-card,
.jv-silver .jv-pkg,
.jv-silver .jv-cart-panel__inner,
.jv-silver .jvq-card,
.jv-silver .jvc-fuld__pick,
.jv-silver .jvq-radio,
.jv-silver .woocommerce-checkout #payment ul.payment_methods > li {
	border-color: transparent;
	background: linear-gradient(#fff, #fff) padding-box, var(--jv-sv-edge) border-box;
}

.jv-silver .jvc-fuld__pick.is-on,
.jv-silver .jvq-radio:has(input:checked),
.jv-silver .woocommerce-checkout #payment ul.payment_methods > li:has(input:checked) {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(var(--jv-green-ink), var(--jv-green-ink)) border-box;
}

@media (max-width: 760px) {
	.jv-silver .jv-dish-card--photo {
		background: #fff;
		border-color: var(--jv-mist);
		box-shadow: 0 1px 0 var(--jv-sv);
	}
}

/* Dividers: silver lines in summaries and tables. */
.jv-silver .jv-hours__row,
.jv-silver .jvq-table td,
.jv-silver .jvq-hist > li,
.jv-silver .jv-minicart li {
	border-bottom-color: #dcdfe3;
}

/* Small details: a silver dash after small headings, footer accents. */
.jv-silver .jv-eyebrow::after,
.jv-silver .jvq-eyebrow::after,
.jv-silver .jvc-fuld__eyebrow::after {
	content: "";
	display: inline-block;
	width: 28px;
	height: 1px;
	margin-left: 12px;
	vertical-align: middle;
	background: linear-gradient(90deg, var(--jv-sv-mid), rgba(201, 205, 210, 0));
}

.jv-silver .jv-footer {
	box-shadow: inset 0 1px 0 rgba(201, 205, 210, 0.35);
}

.jv-silver .jv-footer__title {
	position: relative;
}

.jv-silver .jv-footer__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 28px;
	height: 1px;
	background: linear-gradient(90deg, #c9cdd2, rgba(201, 205, 210, 0));
}

/* The dark tray package card stays dark, with the same silver edge. */
.jv-silver .jv-pkg--trays {
	background: linear-gradient(var(--jv-black), var(--jv-black)) padding-box, var(--jv-sv-edge) border-box;
	background-color: var(--jv-black);
}