/* NovinCode visual layer for Simple Shop. Business logic remains in the plugin. */
.sps-storefront {
	--sps-primary: #2563eb;
	--sps-primary-dark: #1d4ed8;
	--sps-text: #0b1734;
	--sps-muted: #71809d;
	--sps-border: #e5eaf3;
	--sps-soft: #f6f8fc;
	--sps-danger: #be123c;
		max-width: 1160px;
		margin: 40px auto 70px;
}

.sps-storefront .sps-eyebrow { color: var(--sps-primary); font-weight: 850; }
.sps-storefront h1, .sps-storefront h2, .sps-storefront h3 { color: var(--sps-text); letter-spacing: -.025em; }
.sps-storefront .sps-button { border-radius: 12px; background: linear-gradient(135deg, #2563eb, #4f46e5); box-shadow: 0 10px 22px rgba(37, 99, 235, .18); }
.sps-storefront .sps-button:hover { background: linear-gradient(135deg, #1d4ed8, #4338ca); }

.sps-storefront .sps-product-card { border-radius: 21px; border-color: var(--sps-border); box-shadow: 0 10px 30px rgba(19, 35, 73, .06); }
.sps-storefront .sps-product-card:hover { border-color: rgba(37, 99, 235, .28); box-shadow: 0 18px 38px rgba(37, 99, 235, .12); }
.sps-storefront .sps-product-image { background: linear-gradient(135deg, #f1f6ff, #f8faff); }
.sps-storefront .sps-price ins { color: var(--sps-primary); }
.sps-storefront .sps-product-actions { gap: 12px; }

.sps-storefront .sps-archive-heading,
.sps-storefront .sps-cart-heading,
.sps-storefront .sps-checkout-heading,
.sps-storefront .sps-order-hero {
		border-radius: 25px;
		border-color: rgba(37, 99, 235, .15);
		background: radial-gradient(circle at 10% 10%, rgba(34, 211, 238, .17), transparent 17rem), linear-gradient(135deg, #eef5ff, #fff 66%, #f4f0ff);
}

.sps-storefront .sps-archive-heading h1 { font-size: clamp(1.8rem, 4vw, 2.7rem); }
.sps-storefront .sps-archive-sidebar { border-radius: 21px; box-shadow: 0 13px 32px rgba(19, 35, 73, .06); }
.sps-storefront .sps-filter-check:hover, .sps-storefront .sps-category-links a:hover, .sps-storefront .sps-category-links a.is-active { color: var(--sps-primary); border-color: rgba(37, 99, 235, .36); background: #eff6ff; }

.sps-storefront .sps-single-summary,
.sps-storefront .sps-product-tabs,
.sps-storefront .sps-order-box,
.sps-storefront .sps-order-info-box,
.sps-storefront .sps-checkout-section,
.sps-storefront .sps-checkout-summary,
.sps-storefront .sps-account-card,
.sps-storefront .sps-account-panel,
.sps-storefront .sps-account-sidebar {
		border-color: var(--sps-border);
		border-radius: 21px;
		box-shadow: 0 10px 28px rgba(19, 35, 73, .045);
}

.sps-storefront .sps-product-heading { font-size: clamp(1.65rem, 4vw, 2.35rem); }
.sps-storefront .sps-gallery-main { border-radius: 21px; background: linear-gradient(135deg, #eef5ff, #f8faff); }
.sps-storefront .sps-gallery-thumb.is-active { border-color: var(--sps-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, .1); }
.sps-storefront .sps-tabs-nav { border-radius: 18px 18px 0 0; background: #f7f9fd; }
.sps-storefront .sps-tabs-nav button.is-active { color: var(--sps-primary); border-color: var(--sps-primary); }

.sps-storefront .sps-cart,
.sps-storefront .sps-checkout { border-radius: 25px; }
.sps-storefront .sps-cart-summary,
.sps-storefront .sps-checkout-summary { border: 1px solid var(--sps-border); border-radius: 21px; background: #fff; }
.sps-storefront .sps-cart-row, .sps-storefront .sps-checkout-item { border-color: var(--sps-border); border-radius: 13px; }
.sps-storefront .sps-checkout input, .sps-storefront .sps-checkout select, .sps-storefront .sps-checkout textarea, .sps-storefront .sps-account-form input, .sps-storefront .sps-account-form textarea { border-radius: 11px; border-color: var(--sps-border); background: #fbfcff; }
.sps-storefront .sps-checkout input:focus, .sps-storefront .sps-checkout select:focus, .sps-storefront .sps-checkout textarea:focus { border-color: var(--sps-primary); box-shadow: 0 0 0 3px rgba(37, 99, 235, .1); outline: 0; }
.sps-storefront .sps-payment-option.is-selected { border-color: rgba(37, 99, 235, .4); background: #eff6ff; }

.sps-storefront .sps-account-shell { gap: 20px; }
.sps-storefront .sps-account-sidebar { background: linear-gradient(180deg, #0b1734, #142c69); color: #fff; }
.sps-storefront .sps-account-sidebar a { color: rgba(255, 255, 255, .72); border-radius: 10px; }
.sps-storefront .sps-account-sidebar a.is-active, .sps-storefront .sps-account-sidebar a:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.sps-storefront .sps-account-dashboard-card:hover { border-color: rgba(37, 99, 235, .35); }

.sps-storefront .sps-success-mark, .sps-storefront .sps-thank-you-icon { background: linear-gradient(135deg, #2563eb, #4f46e5); box-shadow: 0 12px 30px rgba(37, 99, 235, .2); }
.sps-storefront .sps-order-actions a.sps-order-secondary { color: var(--sps-primary); }

@media (max-width: 700px) {
		.sps-storefront { width: min(100% - 30px, 1160px); margin-top: 24px; }
		.sps-storefront .sps-archive-heading, .sps-storefront .sps-cart-heading, .sps-storefront .sps-checkout-heading { padding: 24px 20px; }
}