/* Optional brand layer. The previous design remains in theme.css. */
@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
}

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/dm-sans-latin.woff2") format("woff2");
}

.saffronthreads-signature {
	--font-stack-headings: "Cormorant Garamond", Georgia, serif;
	--font-stack-body: "DM Sans", Arial, sans-serif;
	--khatamband-pattern: url("../images/khatamband.svg");
	--khatamband-size: 192px 192px;
	background-image: var(--khatamband-pattern);
	background-size: var(--khatamband-size);
	font-optical-sizing: auto;
}

.saffronthreads-signature::before { content: none; }

.saffronthreads-signature .vertical-slider {
	background-image: var(--khatamband-pattern);
	background-size: var(--khatamband-size);
}

.saffronthreads-signature :where(h1, .h1) { font-size: 98px; }
.saffronthreads-signature :where(h2, .h2) { font-size: 68px; }
.saffronthreads-signature :where(h4, .h4) { font-size: 28px; }
.saffronthreads-signature .text-size--larger { font-size: 24px; }
.saffronthreads-signature .journal-card__title { font-size: 38px; }
.saffronthreads-signature .sidebar__menu a { font-size: 58px; }

.saffronthreads-signature :is(h1, h2, h3, h4, .product-item__title) {
	overflow-wrap: anywhere;
}

.brand-wordmark {
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-height: 40px;
	font-family: var(--font-stack-headings);
	font-size: 36px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0;
	white-space: nowrap;
}

.brand-wordmark__threads {
	position: relative;
	font-style: italic;
}

.brand-wordmark__threads::after {
	content: "";
	position: absolute;
	inset-inline-end: 2px;
	inset-block-end: -3px;
	width: 30px;
	height: 1px;
	background: var(--color-brass);
}

.saffronthreads-signature .logo { min-width: 0; }

.saffronthreads-signature .slide-heading .slide-title { font-size: 80px; }
.saffronthreads-signature .slide-heading .slide-caption { font-size: 24px; }
.saffronthreads-signature .product__title { font-size: 32px; }
.saffronthreads-signature .saffronthreads-account-page .section-header__title { font-size: 56px; }
.saffronthreads-signature :is(.saffronthreads-cart-shell, .saffronthreads-cart-page) .section-header__title { font-size: 56px; }
.saffronthreads-signature :is(#cart-drawer-title, #search-drawer-title) { font-size: 36px; }
.saffronthreads-signature .saffronthreads-cart-summary h2 { font-size: 32px; }
.saffronthreads-signature .account-panel h2 { font-size: 36px; }

.saffronthreads-signature .product-item__title {
	font-family: var(--font-stack-headings);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

.saffronthreads-signature :is(.footer-item__title, .toggle__title, .product__vendor) {
	font-family: var(--font-stack-body);
}

.saffronthreads-signature :is(.product-item__price, .price, .product-gallery-navigation__count) {
	font-variant-numeric: tabular-nums;
}

.saffronthreads-signature .section-header__title {
	position: relative;
}

.saffronthreads-signature .section-header__title::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: -14px;
	width: 36px;
	height: 1px;
	background: var(--color-brass);
}

.saffronthreads-signature .craft-band .button--underline {
	border-bottom-color: var(--color-brass);
}

.saffronthreads-signature :is(.woocommerce-tabs ul.tabs li.active a, .woocommerce-MyAccount-navigation .is-active a, .sidebar__menu .current-menu-item > a) {
	text-decoration: underline;
	text-decoration-color: var(--color-brass);
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
}

.saffronthreads-signature .product-item__link:is(:hover, :focus-visible) .product-item__title > span {
	text-decoration: underline;
	text-decoration-color: var(--color-brass);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

@media (max-width: 1023px) {
	.saffronthreads-signature :where(h1, .h1) { font-size: 64px; }
	.saffronthreads-signature :where(h2, .h2) { font-size: 52px; }
	.saffronthreads-signature :where(h4, .h4) { font-size: 24px; }
	.saffronthreads-signature .slide-heading .slide-title { font-size: 60px; }
	.saffronthreads-signature .brand-wordmark { font-size: 32px; }
}

@media (max-width: 640px) {
	.saffronthreads-signature :where(h1, .h1) { font-size: 38px; }
	.saffronthreads-signature :where(h2, .h2) { font-size: 32px; }
	.saffronthreads-signature :where(h4, .h4) { font-size: 18px; }
	.saffronthreads-signature .text-size--larger { font-size: 18px; }
	.saffronthreads-signature .journal-card__title { font-size: 24px; }
	.saffronthreads-signature .sidebar__menu a { font-size: 38px; }
	.saffronthreads-signature .brand-wordmark { font-size: 28px; }
	.saffronthreads-signature .slide-heading .slide-title { font-size: 38px; }
	.saffronthreads-signature .slide-heading .slide-caption { font-size: 18px; }
	.saffronthreads-signature .product__title { font-size: 24px; }
	.saffronthreads-signature .product-item__title { font-size: 16px; }
	.saffronthreads-signature .saffronthreads-account-page .section-header__title { font-size: 38px; }
	.saffronthreads-signature :is(.saffronthreads-cart-shell, .saffronthreads-cart-page) .section-header__title { font-size: 38px; }
}

@media (max-width: 360px) {
	.saffronthreads-signature .header .brand-wordmark { font-size: 24px; }
}