/*
 * Shared Alcazar commerce presentation.
 *
 * Cart and Checkout keep their native WooCommerce blocks and reuse this page
 * shell, compact header, typography, notices and surface language.
 */

.alcazar-commerce-header {
	box-sizing: border-box;
	padding: clamp(1.5rem, 3vw, 2.5rem) var(--wp--preset--spacing--small) 0;
}

.alcazar-commerce-header-inner {
	gap: 1rem;
}

.alcazar-commerce-back .wp-block-button__link {
	min-height: 2.625rem;
	padding: 0.6875rem 1rem;
	border-color: var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1;
	text-transform: uppercase;
	transition: border-color 180ms ease, color 180ms ease;
}

.alcazar-commerce-back .wp-block-button__link:hover,
.alcazar-commerce-back .wp-block-button__link:focus-visible {
	border-color: var(--wp--preset--color--accent);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--accent-dark);
}

.alcazar-commerce-context {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0;
	color: #a1a1aa;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.2;
	text-transform: uppercase;
}

.alcazar-commerce-context::before {
	width: 1rem;
	height: 1rem;
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f6ebb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
	content: "";
	flex: 0 0 auto;
}

.alcazar-account-context::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f6ebb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.alcazar-commerce-page {
	box-sizing: border-box;
	padding: 2rem var(--wp--preset--spacing--small) clamp(4rem, 8vw, 7rem);
}

.wp-site-blocks > .alcazar-commerce-header-part + .alcazar-commerce-page {
	margin-block-start: 0;
}

.alcazar-commerce-intro {
	margin-bottom: 1.5rem;
}

.alcazar-commerce-title {
	margin: 0;
	color: var(--wp--preset--color--contrast);
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 300;
	letter-spacing: -0.04em;
	line-height: 1.1;
}

.alcazar-commerce-description {
	max-width: 42rem;
	margin: 0.75rem 0 0;
	color: var(--wp--preset--color--muted-text);
	font-size: 0.9375rem;
	font-weight: 300;
	line-height: 1.7;
}

.alcazar-commerce-page .wc-block-components-notice-banner {
	border-radius: 1rem;
}

.alcazar-commerce-page > .wp-block-post-content {
	margin-block-start: 1.5rem;
}

@media (max-width: 700px) {

	.alcazar-commerce-header {
		padding-top: 1.25rem;
	}

	.alcazar-commerce-page {
		padding-top: 1.75rem;
		padding-bottom: 4rem;
	}
}

@media (max-width: 480px) {

	.alcazar-commerce-context {
		font-size: 0.625rem;
		letter-spacing: 0.14em;
	}

	.alcazar-commerce-back .wp-block-button__link {
		padding-inline: 0.875rem;
		letter-spacing: 0.14em;
	}
}