/* Scarfsstudios - luxury minimalist overrides for WooCommerce + layout */

:root {
	--ss-cream: #F7F1E6;
	--ss-beige: #EAD9BD;
	--ss-black: #1C1C1C;
	--ss-charcoal: #2A2A28;
	--ss-gold: #C9A14A;
	--ss-white: #FFFFFF;
}

body {
	letter-spacing: 0.01em;
}

/* Generous whitespace, no boxed/cluttered feel */
.wp-block-group, .wp-block-columns {
	max-width: 100%;
}

a {
	transition: color 0.25s ease;
}

/* Navigation */
.wp-block-navigation a {
	text-transform: uppercase;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
}

/* Buttons sitewide */
.wp-block-button__link,
.wc-block-components-button,
.single_add_to_cart_button,
a.button, button.button {
	border-radius: 0 !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.85rem !important;
	background-color: var(--ss-black) !important;
	color: var(--ss-cream) !important;
	border: 1px solid var(--ss-black) !important;
	transition: all 0.25s ease;
}
.wp-block-button__link:hover,
.wc-block-components-button:hover,
.single_add_to_cart_button:hover,
a.button:hover, button.button:hover {
	background-color: var(--ss-gold) !important;
	color: var(--ss-black) !important;
	border-color: var(--ss-gold) !important;
}

/* Outline / secondary buttons (e.g. wishlist) */
.yith-wcwl-add-to-wishlist a,
.add_to_wishlist {
	border: 1px solid var(--ss-black);
	color: var(--ss-black);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.8rem;
	padding: 0.6em 1.2em;
	transition: all 0.25s ease;
}
.yith-wcwl-add-to-wishlist a:hover {
	border-color: var(--ss-gold);
	color: var(--ss-gold);
}

/* Shop grid / product cards */
ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 2.5rem !important;
}
ul.products li.product {
	background: var(--ss-white);
	padding: 1.5rem 1.5rem 2rem;
	text-align: center;
	border: 1px solid rgba(28,28,28,0.06);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
ul.products li.product:hover {
	box-shadow: 0 12px 30px rgba(28,28,28,0.08);
	transform: translateY(-2px);
}
ul.products li.product img {
	aspect-ratio: 4/5;
	object-fit: cover;
	margin-bottom: 1rem;
}
ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.25rem;
	color: var(--ss-black);
}
ul.products li.product .price {
	color: var(--ss-gold);
	font-weight: 600;
}

/* Star ratings */
.star-rating { color: var(--ss-gold); }
.star-rating::before { color: rgba(28,28,28,0.15); }
.star-rating span::before { color: var(--ss-gold); }

/* Single product price */
.summary .price, p.price {
	color: var(--ss-gold);
	font-size: 1.6rem;
}

/* Occasion / category pill links on archive headers */
.term-description, .woocommerce-products-header__title {
	font-family: var(--wp--preset--font-family--heading);
}

/* Sale badge - minimalist gold ribbon rather than loud red */
.onsale {
	background: var(--ss-black) !important;
	color: var(--ss-gold) !important;
	border-radius: 0 !important;
	text-transform: uppercase;
	font-size: 0.7rem !important;
	letter-spacing: 0.05em;
	font-weight: 600;
	padding: 0.4em 0.9em !important;
}

/* Bundle / trust notices in cart */
.woocommerce-message, .woocommerce-info {
	border-top-color: var(--ss-gold) !important;
	background: var(--ss-white);
}
.woocommerce-message::before, .woocommerce-info::before {
	color: var(--ss-gold) !important;
}

/* Newsletter / footer trust strip */
.ss-trust-strip {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.5rem;
	padding: 2rem 1rem;
	border-top: 1px solid rgba(28,28,28,0.08);
	border-bottom: 1px solid rgba(28,28,28,0.08);
	font-size: 0.85rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--ss-charcoal);
}

/* Section dividers - thin gold rule, used sparingly */
.ss-divider {
	width: 60px;
	height: 1px;
	background: var(--ss-gold);
	margin: 1.5rem auto;
}

@media (max-width: 600px) {
	ul.products { grid-template-columns: 1fr 1fr !important; gap: 1.25rem !important; }
	ul.products li.product { padding: 1rem; }
}

/* Footer sits on black - links must not inherit the sitewide black link colour */
footer a {
	color: var(--ss-cream) !important;
}
footer a:hover {
	color: var(--ss-gold) !important;
}