/*
Theme Name: Sweets Cake Staging
Theme URI: https://sweetscake.sg/
Description: Sweets Cake & Dessert storefront shell for the WooCommerce-powered React app.
Version: 0.2.9
Author: Sweets Cake
License: GPL-2.0-or-later
Text Domain: sweets-cake-staging
*/

/* WordPress-backed account/cart pages use the same warm storefront language. */
.sweets-cake-wordpress-page {
	background: var(--cream, #fdfcf9);
}

.sc-static-header {
	grid-template-columns: 1fr auto 1fr;
}

.sc-brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
}

.sc-brand-symbol {
	width: 34px;
	height: 48px;
	object-fit: contain;
}

.sc-brand-wordmark {
	width: 106px;
	height: auto;
	color: var(--ink, #333333);
}

.sc-static-actions {
	justify-content: flex-end;
}

.sc-static-main {
	min-height: 62vh;
	padding-top: 48px;
	padding-bottom: 88px;
}

.sc-static-main > h1 {
	margin: 20px 0 28px;
}

.sc-woocommerce-content {
	max-width: 960px;
	padding: clamp(22px, 4vw, 48px);
	background: var(--surface, #fffefa);
	border: 1px solid var(--line, #e9dfd5);
	border-radius: var(--radius, 20px);
	box-shadow: var(--shadow-soft, 0 12px 36px #68472c0a);
}

.sc-woocommerce-content .woocommerce {
	width: 100%;
}

.sc-woocommerce-content .woocommerce h2,
.sc-woocommerce-content .woocommerce h3 {
	font-family: "Fraunces Variable", Georgia, serif;
	font-weight: 500;
}

.sc-woocommerce-content .woocommerce form .form-row input.input-text,
.sc-woocommerce-content .woocommerce form .form-row textarea,
.sc-woocommerce-content .woocommerce form .form-row select,
.sc-woocommerce-content .woocommerce input.input-text,
.sc-woocommerce-content .woocommerce textarea,
.sc-woocommerce-content .woocommerce select {
	min-height: 48px;
	padding: 11px 13px;
	border: 1px solid #b5a18f;
	border-radius: 10px;
	background: #faf6f1;
}

.sc-woocommerce-content .woocommerce button.button,
.sc-woocommerce-content .woocommerce a.button,
.sc-woocommerce-content .woocommerce input.button {
	padding: 13px 22px;
	border: 1px solid var(--mocha, #8b6f56);
	border-radius: 999px;
	background: var(--mocha, #8b6f56);
	color: #fff;
	font-weight: 500;
}

.sc-woocommerce-content .woocommerce button.button:hover,
.sc-woocommerce-content .woocommerce a.button:hover,
.sc-woocommerce-content .woocommerce input.button:hover {
	background: #765b43;
	color: #fff;
}

.sc-woocommerce-content .woocommerce a {
	color: #70543e;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sc-woocommerce-content .woocommerce a.button,
.sc-woocommerce-content .woocommerce input.button,
.sc-woocommerce-content .woocommerce button.button {
	text-decoration: none;
}

.sc-woocommerce-content .woocommerce-info,
.sc-woocommerce-content .woocommerce-message {
	border-top-color: var(--mocha, #8b6f56);
	background: var(--beige, #f6eee6);
	color: var(--ink, #333333);
}

.sc-woocommerce-content .woocommerce-info::before,
.sc-woocommerce-content .woocommerce-message::before {
	color: var(--mocha, #8b6f56);
}

.sc-woocommerce-content .woocommerce-error {
	border-top-color: #a04d3d;
	background: #fff1ed;
	color: #6e2f27;
}

.sc-woocommerce-content .woocommerce .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sc-woocommerce-content .woocommerce .woocommerce-MyAccount-navigation li {
	margin: 0 0 8px;
}

.sc-woocommerce-content .woocommerce .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 10px 12px;
	border-radius: 10px;
}

.sc-woocommerce-content .woocommerce .woocommerce-MyAccount-navigation .is-active a,
.sc-woocommerce-content .woocommerce .woocommerce-MyAccount-navigation a:hover {
	background: var(--beige, #f6eee6);
}

.sc-static-footer .sc-brand {
	align-items: flex-start;
}

.sc-static-footer .sc-footer-brand {
	gap: 0;
}

.sc-static-footer .sc-brand-logo {
	display: block;
	width: 154px;
	height: auto;
	max-width: 100%;
}

@media (max-width: 767px) {
	.sc-static-header {
		height: auto;
		min-height: 74px;
		grid-template-columns: 1fr auto;
		padding: 10px 16px;
	}

	.sc-static-header .sc-brand {
		justify-self: start;
	}

	.sc-static-header nav {
		display: none;
	}

	.sc-static-actions .button {
		min-height: 42px;
		padding: 9px 14px;
		font-size: 12px;
	}

	.sc-static-main {
		padding-top: 28px;
		padding-bottom: 54px;
	}

	.sc-woocommerce-content {
		padding: 20px 16px;
	}

	.sc-static-footer .footer-main {
		grid-template-columns: 1fr;
		gap: 16px;
		padding-top: 28px;
		padding-bottom: 20px;
	}

	.sc-static-footer .social {
		justify-self: start;
	}
}