/*
Theme Name: Buyvay
Theme URI: https://buyvay.com
Description: Buyvay child theme for Shoptimizer — spiritual bracelets, women's imitation jewellery, and men's accessories. Purple & pink brand system with trust-focused storefront styles.
Author: Buyvay
Author URI: https://buyvay.com
Template: shoptimizer
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: buyvay
*/

/* -------------------------------------------------------------------------
   Buyvay design tokens
   ------------------------------------------------------------------------- */
:root {
	--buyvay-purple: #6b2d8b;
	--buyvay-purple-deep: #4a1a63;
	--buyvay-pink: #e91e8c;
	--buyvay-pink-soft: #f7b6d9;
	--buyvay-lavender: #f6eefb;
	--buyvay-mist: #faf6fc;
	--buyvay-ink: #1a1224;
	--buyvay-muted: #6b5f78;
	--buyvay-surface: #ffffff;
	--buyvay-border: #eadff3;
	--buyvay-success: #1f8a5b;
	--buyvay-gradient: linear-gradient(135deg, var(--buyvay-purple) 0%, var(--buyvay-pink) 100%);
	--buyvay-radius: 14px;
	--buyvay-shadow: 0 12px 40px rgba(107, 45, 139, 0.12);
}

/* Soft atmospheric page ground */
body {
	background:
		radial-gradient(1200px 600px at 10% -10%, rgba(233, 30, 140, 0.08), transparent 55%),
		radial-gradient(900px 500px at 100% 0%, rgba(107, 45, 139, 0.1), transparent 50%),
		var(--buyvay-mist);
	color: var(--buyvay-ink);
}

/* Buttons / ATC — brand gradient feel while staying crisp */
.button,
button.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.checkout-button,
.wp-block-button__link {
	border-radius: 999px !important;
	letter-spacing: 0.02em;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.checkout-button {
	background: var(--buyvay-gradient) !important;
	border: 0 !important;
	box-shadow: 0 8px 24px rgba(233, 30, 140, 0.28);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
	box-shadow: 0 12px 28px rgba(107, 45, 139, 0.32);
}

/* Product cards — light lift, no heavy “card UI” chrome */
ul.products li.product {
	border-radius: var(--buyvay-radius);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: var(--buyvay-shadow);
}

ul.products li.product img {
	border-radius: calc(var(--buyvay-radius) - 2px);
	background: var(--buyvay-lavender);
}

/* Trust strip under add-to-cart area */
.buyvay-trust-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 1.25rem 0 0;
	padding: 0.9rem 1rem;
	background: var(--buyvay-lavender);
	border: 1px solid var(--buyvay-border);
	border-radius: var(--buyvay-radius);
}

.buyvay-trust-strip span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	font-size: 0.78rem;
	line-height: 1.3;
	color: var(--buyvay-purple-deep);
	text-align: center;
	font-weight: 600;
}

@media (max-width: 600px) {
	.buyvay-trust-strip {
		grid-template-columns: 1fr;
	}
}

/* Category archive intro */
.term-description,
.woocommerce-products-header__description {
	background: linear-gradient(180deg, var(--buyvay-lavender), transparent);
	border-radius: var(--buyvay-radius);
	padding: 1rem 1.15rem;
	color: var(--buyvay-muted);
}

/* Links */
a {
	color: var(--buyvay-purple);
}

a:hover {
	color: var(--buyvay-pink);
}

/* Sale badge */
.onsale,
span.onsale {
	background: var(--buyvay-pink) !important;
	border-radius: 999px !important;
}

/* Footer polish */
.site-footer,
.colophon {
	border-top: 1px solid var(--buyvay-border);
}

/* Checkout / cart trust cue */
.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .cart-collaterals {
	border-radius: var(--buyvay-radius);
}

/* Smooth image reveal on product grids */
ul.products li.product img {
	transition: transform 0.45s ease;
}

ul.products li.product:hover img {
	transform: scale(1.03);
}

/* Solid CTAs (no gradient) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
.checkout-button {
	background: var(--buyvay-purple-deep) !important;
	border: 0 !important;
	box-shadow: none !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover {
	background: #2a0e3c !important;
	filter: none;
	transform: translateY(-1px);
	box-shadow: none !important;
}

/* PDP ROI blocks */
.buyvay-eyebrow {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--buyvay-pink);
	margin: 0 0 0.5rem;
}

.buyvay-promise {
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--buyvay-ink);
	margin: 0 0 0.85rem;
	max-width: 36rem;
}

.buyvay-value-stack {
	list-style: none;
	margin: 1rem 0 1.15rem;
	padding: 0;
	border-top: 1px solid var(--buyvay-border);
	border-bottom: 1px solid var(--buyvay-border);
}

.buyvay-value-stack li {
	display: grid;
	grid-template-columns: 1.1rem 1fr;
	gap: 0.55rem;
	padding: 0.7rem 0;
	border-bottom: 1px solid var(--buyvay-border);
	font-size: 0.95rem;
	color: var(--buyvay-ink);
}

.buyvay-value-stack li:last-child {
	border-bottom: 0;
}

.buyvay-value-stack li::before {
	content: "✓";
	color: var(--buyvay-success);
	font-weight: 700;
}

.buyvay-value-stack strong {
	display: block;
	font-weight: 600;
}

.buyvay-value-stack small {
	display: block;
	color: var(--buyvay-muted);
	font-size: 0.82rem;
	margin-top: 0.15rem;
	font-weight: 400;
}

.buyvay-box-contents {
	margin: 0.75rem 0 0;
	font-size: 0.88rem;
	color: var(--buyvay-muted);
}

/* Dynamic stone guide */
.buyvay-stone-guide {
	margin: 2.5rem 0 1.5rem;
	padding: 1.5rem 0 0;
	border-top: 1px solid var(--buyvay-border);
	clear: both;
}

.buyvay-stone-guide__head {
	max-width: 40rem;
	margin-bottom: 1.25rem;
}

.buyvay-stone-guide__head h2 {
	font-size: clamp(1.7rem, 3vw, 2.3rem);
	margin: 0.25rem 0 0.5rem;
}

.buyvay-stone-guide__head p {
	color: var(--buyvay-muted);
	margin: 0;
}

.buyvay-stone-purpose-list {
	display: grid;
	gap: 0.25rem;
}

.buyvay-stone-purpose {
	display: grid;
	grid-template-columns: 3.25rem 1fr;
	gap: 0.9rem;
	align-items: start;
	padding: 1rem 0;
	border-bottom: 1px solid var(--buyvay-border);
}

.buyvay-stone-purpose:last-child {
	border-bottom: 0;
}

.buyvay-stone-purpose__swatch {
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.15;
	padding: 0.25rem;
}

.buyvay-for-when {
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--buyvay-pink);
	margin-bottom: 0.2rem;
}

.buyvay-stone-purpose h3 {
	font-family: "Outfit", system-ui, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 0.25rem;
}

.buyvay-stone-purpose p {
	margin: 0;
	color: var(--buyvay-muted);
	font-size: 0.92rem;
}

@media (max-width: 600px) {
	.buyvay-stone-purpose {
		grid-template-columns: 2.75rem 1fr;
	}
}