/*
 * The Mohur reusable visual components.
 * These selectors style editable pattern classes and standard block markup;
 * they do not own content or commerce behavior.
 */

.the-mohur-site-header {
	position: relative;
	z-index: 10;
	background: var(--tm-color-background);
}

.the-mohur-site-header > .wp-block-group {
	min-height: clamp(4.75rem, 8vw, 6rem);
	align-items: center;
}

.the-mohur-site-header .wp-block-site-title {
	margin: 0;
}

.the-mohur-site-header .wp-block-site-title a {
	letter-spacing: 0.03em;
}

.the-mohur-site-header .wp-block-navigation {
	gap: var(--tm-space-m);
}

.the-mohur-site-footer {
	background: var(--tm-color-background);
}

.the-mohur-site-footer > .wp-block-group:first-child {
	padding-block-end: var(--tm-space-l);
}

.the-mohur-site-footer .wp-block-separator {
	margin-block: var(--tm-space-l);
}

.wp-block-separator {
	border: 0;
	border-block-start: 1px solid var(--tm-color-border);
}

.wp-block-quote,
.wp-block-pullquote {
	margin-block: var(--tm-space-l);
	padding-inline-start: var(--tm-space-m);
	border-inline-start: 1px solid var(--tm-color-accent);
	color: var(--tm-color-primary-dark);
}

.wp-block-quote cite,
.wp-block-pullquote cite {
	color: var(--tm-color-muted);
	font-family: var(--tm-font-body);
	font-size: 0.75rem;
	font-style: normal;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wp-block-gallery {
	gap: var(--tm-space-xs);
}

.wp-block-cover {
	min-height: clamp(24rem, 60vw, 48rem);
}

.wp-block-search__inside-wrapper {
	border: 1px solid var(--tm-color-border);
	border-radius: var(--tm-radius-none);
	background: var(--tm-color-white);
}

.wp-block-search__input {
	min-height: 2.75rem;
	border: 0;
	background: transparent;
	color: var(--tm-color-text);
}

.wp-block-search__button {
	min-width: 2.75rem;
	border: 0;
	border-inline-start: 1px solid var(--tm-color-border);
	border-radius: var(--tm-radius-none);
	background: transparent;
	color: var(--tm-color-primary);
}

.wp-block-social-links {
	gap: var(--tm-space-xs);
}

.wp-block-social-link {
	border: 1px solid var(--tm-color-border);
	border-radius: var(--tm-radius-none);
	background: transparent;
	color: var(--tm-color-primary);
}

.wp-block-query-pagination {
	gap: var(--tm-space-s);
	align-items: center;
}

.wp-block-query-pagination-numbers {
	display: flex;
	gap: var(--tm-space-xs);
}

.wp-block-query-pagination-numbers .page-numbers {
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0.65rem 0.75rem;
	border-block-end: 1px solid transparent;
	color: var(--tm-color-text);
	text-align: center;
	text-decoration: none;
}

.wp-block-query-pagination-numbers .page-numbers.current {
	border-block-end-color: var(--tm-color-primary);
	color: var(--tm-color-primary);
}

.wp-block-details {
	border-block: 1px solid var(--tm-color-border);
}

.wp-block-details summary {
	min-height: 3.5rem;
	padding-block: var(--tm-space-s);
	color: var(--tm-color-primary-dark);
	font-weight: 700;
	cursor: pointer;
}

.wp-block-details[open] {
	padding-block-end: var(--tm-space-s);
}

.the-mohur-pattern {
	position: relative;
}

.the-mohur-pattern--editorial-hero {
	display: grid;
	min-height: min(72vh, 48rem);
	align-content: center;
}

.the-mohur-pattern--editorial-hero .wp-block-heading {
	max-width: 11ch;
	font-size: clamp(3.5rem, 8vw, 7rem);
	letter-spacing: -0.035em;
}

.the-mohur-pattern--editorial-hero .wp-block-paragraph {
	max-width: 54ch;
}

.the-mohur-pattern--product-collection-heading {
	align-items: end;
	border-block-end: 1px solid var(--tm-color-border);
	padding-block-end: var(--tm-space-m);
}

.the-mohur-pattern--product-collection-heading .wp-block-heading {
	margin-block-end: 0;
}

.the-mohur-pattern--split-image-text {
	align-items: stretch;
	gap: clamp(var(--tm-space-l), 7vw, var(--tm-space-3xl));
}

.the-mohur-pattern--split-image-text > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.the-mohur-pattern--split-image-text .the-mohur-media-placeholder {
	min-height: clamp(20rem, 45vw, 40rem);
}

.the-mohur-pattern--three-category-cards,
.the-mohur-pattern--four-category-cards,
.the-mohur-pattern--editorial-image-grid {
	gap: 1px;
	background: var(--tm-color-border);
}

.the-mohur-pattern--three-category-cards > .wp-block-column,
.the-mohur-pattern--four-category-cards > .wp-block-column,
.the-mohur-pattern--editorial-image-grid > .wp-block-column {
	padding: var(--tm-space-xs);
	background: var(--tm-color-background);
}

.the-mohur-pattern--three-category-cards .the-mohur-media-placeholder,
.the-mohur-pattern--four-category-cards .the-mohur-media-placeholder {
	aspect-ratio: 4 / 5;
	min-height: 0;
}

.the-mohur-pattern--three-category-cards h3,
.the-mohur-pattern--four-category-cards h3 {
	margin-block: var(--tm-space-s) 0;
	font-family: var(--tm-font-display);
	font-size: clamp(1.35rem, 1rem + 1vw, 2rem);
	font-weight: 500;
}

.the-mohur-pattern--editorial-image-grid .the-mohur-media-placeholder {
	min-height: clamp(14rem, 30vw, 24rem);
}

.the-mohur-pattern--trust-strip {
	margin-block: var(--tm-space-section-s);
	border-block: 1px solid var(--tm-color-border);
	background: var(--tm-color-surface);
}

.the-mohur-pattern--trust-strip > .wp-block-column {
	display: flex;
	min-height: 6rem;
	align-items: center;
	justify-content: center;
	padding: var(--tm-space-m);
	text-align: center;
}

.the-mohur-pattern--trust-strip > .wp-block-column + .wp-block-column {
	border-inline-start: 1px solid var(--tm-color-border);
}

.the-mohur-pattern--trust-strip h3 {
	margin: 0;
	color: var(--tm-color-text);
	font-family: var(--tm-font-body);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;
}

.the-mohur-pattern--brand-credibility,
.the-mohur-pattern--personalisation-story,
.the-mohur-pattern--story-banner,
.the-mohur-pattern--bulk-cta,
.the-mohur-pattern--wedding-cta,
.the-mohur-pattern--contact-cta,
.the-mohur-pattern--newsletter {
	padding-block: var(--tm-space-section-m);
}

.the-mohur-pattern--brand-credibility,
.the-mohur-pattern--personalisation-story,
.the-mohur-pattern--newsletter {
	background: var(--tm-color-surface);
}

.the-mohur-pattern--story-banner,
.the-mohur-pattern--bulk-cta,
.the-mohur-pattern--wedding-cta,
.the-mohur-pattern--contact-cta {
	background: var(--tm-color-primary-dark);
	color: var(--tm-color-background);
}

.the-mohur-pattern--story-banner h2,
.the-mohur-pattern--bulk-cta h2,
.the-mohur-pattern--wedding-cta h2,
.the-mohur-pattern--contact-cta h2 {
	color: var(--tm-color-background);
}

.the-mohur-pattern--newsletter {
	border-block: 1px solid var(--tm-color-border);
}

.the-mohur-pattern--newsletter > .wp-block-heading,
.the-mohur-pattern--newsletter > .wp-block-paragraph {
	max-width: 42rem;
}

.the-mohur-pattern--design-system {
	--tm-showcase-gap: clamp(1rem, 2vw, 2rem);
}

.tm-showcase-swatch {
	display: flex;
	min-height: 7rem;
	align-items: end;
	padding: var(--tm-space-s);
	border: 1px solid var(--tm-color-border);
}

.tm-showcase-swatch--burgundy {
	background: var(--tm-color-primary);
	color: var(--tm-color-background);
}

.tm-showcase-swatch--maroon {
	background: var(--tm-color-primary-dark);
	color: var(--tm-color-background);
}

.tm-showcase-swatch--ivory {
	background: var(--tm-color-background);
}

.tm-showcase-swatch--cream {
	background: var(--tm-color-surface);
}

.tm-showcase-swatch--gold {
	background: var(--tm-color-accent);
	color: var(--tm-color-primary-dark);
}

.tm-showcase-swatch--taupe {
	background: var(--tm-color-muted);
	color: var(--tm-color-primary-dark);
}

.tm-showcase-swatch--charcoal {
	background: var(--tm-color-text);
	color: var(--tm-color-background);
}

.tm-showcase-swatch--border {
	background: var(--tm-color-border);
}

.tm-showcase-swatch--white {
	background: var(--tm-color-white);
}

.tm-showcase-form {
	display: grid;
	max-width: 42rem;
	gap: var(--tm-space-xs);
	margin-block-start: var(--tm-space-l);
}

.tm-showcase-form label {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.tm-showcase-form input,
.tm-showcase-form textarea {
	width: 100%;
	padding: 0.8rem 0.9rem;
	border: 1px solid var(--tm-color-border);
	border-radius: var(--tm-radius-none);
	background: var(--tm-color-white);
	color: var(--tm-color-text);
}

.tm-showcase-form input:focus,
.tm-showcase-form textarea:focus {
	border-color: var(--tm-color-primary);
	outline: 2px solid var(--tm-color-primary);
	outline-offset: 2px;
}

.tm-showcase-form__hint {
	margin: 0;
	color: var(--tm-color-muted);
	font-size: 0.8rem;
}

.tm-showcase-media-grid {
	gap: clamp(var(--tm-space-l), 5vw, var(--tm-space-3xl));
}

.tm-showcase-details {
	border-block: 1px solid var(--tm-color-border);
}

.tm-showcase-details summary {
	min-height: 3.5rem;
	padding-block: var(--tm-space-s);
	color: var(--tm-color-primary-dark);
	font-weight: 700;
	cursor: pointer;
}

.tm-showcase-details[open] {
	padding-block-end: var(--tm-space-s);
}

.tm-newsletter-inline {
	display: flex;
	max-width: 34rem;
	border-block-end: 1px solid var(--tm-color-primary);
}

.tm-newsletter-inline input[type="email"] {
	flex: 1;
	min-width: 0;
	min-height: 2.75rem;
	border: 0;
	background: transparent;
	color: var(--tm-color-text);
}

.tm-newsletter-inline button {
	min-width: 2.75rem;
	border: 0;
	background: transparent;
	color: var(--tm-color-primary);
}

@media (max-width: 781px) {
	.the-mohur-pattern--editorial-hero {
		min-height: auto;
	}

	.the-mohur-pattern--trust-strip {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.the-mohur-pattern--trust-strip > .wp-block-column {
		min-height: 5rem;
	}

	.the-mohur-pattern--trust-strip > .wp-block-column + .wp-block-column {
		border-inline-start: 0;
	}

	.the-mohur-pattern--trust-strip > .wp-block-column:nth-child(odd) {
		border-inline-end: 1px solid var(--tm-color-border);
	}

	.the-mohur-pattern--trust-strip > .wp-block-column:nth-child(n + 3) {
		border-block-start: 1px solid var(--tm-color-border);
	}
}