/* Sagrada Family Shop — custom styles */

.site-header-bar {
	background: var(--wp--preset--color--white);
	border-bottom: 1px solid var(--wp--preset--color--sand);
	box-shadow: 0 1px 0 rgba(27, 107, 90, 0.06);
}

.trust-bar {
	background: var(--wp--preset--color--teal-dark);
	color: var(--wp--preset--color--white);
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
}

.trust-bar a {
	color: var(--wp--preset--color--sand);
	text-decoration: none;
}

.hero-cover {
	min-height: 62vh !important;
}

.hero-cover .wp-block-cover__inner-container {
	max-width: 1200px;
}

.category-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--sand);
	border-radius: 8px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	overflow: hidden;
}

.category-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(27, 107, 90, 0.12);
}

.disclaimer-bar {
	background: var(--wp--preset--color--sand);
	font-size: 0.75rem;
	color: var(--wp--preset--color--stone);
	border-top: 1px solid rgba(61, 61, 59, 0.1);
}

.woocommerce ul.products li.product {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--sand);
	border-radius: 8px;
	padding: 1rem !important;
	transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 8px 24px rgba(27, 107, 90, 0.1);
}

.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--teal-dark);
	font-weight: 600;
	font-size: 1.05rem;
}

.woocommerce span.onsale {
	background: var(--wp--preset--color--rose) !important;
}

.woocommerce div.product .product_title {
	font-family: var(--wp--preset--font-family--serif);
	color: var(--wp--preset--color--teal-dark);
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--wp--preset--color--teal) !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--wp--preset--color--teal) !important;
	border-radius: 4px;
	font-weight: 600;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--wp--preset--color--teal-dark) !important;
}

.site-footer {
	background: var(--wp--preset--color--stone);
	color: var(--wp--preset--color--sand);
}

.site-footer a {
	color: var(--wp--preset--color--cream);
}

.site-footer h2,
.site-footer h3,
.site-footer h4 {
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--serif);
}

.legal-page .wp-block-heading {
	margin-top: 2rem;
}

.legal-page h2:first-of-type {
	margin-top: 0;
}

@media (max-width: 781px) {
	.hero-cover {
		min-height: 48vh !important;
	}

	.hero-cover h1 {
		font-size: 2rem !important;
	}
}