/**
 * Equippedly — sitewide typography foundation (Nike-inspired athletic system).
 *
 * Display/marketing: Barlow Condensed 700/800
 * Body / UI / nav / products / buttons: Inter 400–700
 *
 * Reuses self-hosted Barlow WOFF2 under assets/fonts/ and Inter from fonts.css.
 * Does not alter layout, imagery, pricing logic, or TPC canvas typography.
 *
 * DYR oversized hero/section scales remain in dyr-typography-modern.css.
 */

/* —— Barlow Condensed (latin + latin-ext) — single sitewide load —— */

@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-SemiBold-latin-ext.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-Bold-latin-ext.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-ExtraBold-latin-ext.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* —— Token remap (foundation.css defaults → athletic system) —— */

:root {
	--eq-font-display: "Barlow Condensed", "Clash Display", "General Sans", ui-sans-serif, system-ui,
		-apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--eq-font-heading: "Barlow Condensed", "General Sans", "Inter", ui-sans-serif, system-ui,
		-apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	/* Body stack unchanged — Inter already first in foundation. */
	--eq-font-ui: "Inter", "General Sans", ui-sans-serif, system-ui, sans-serif;
}

html[dir="rtl"] {
	--eq-font-display: "Noto Kufi Arabic", "Barlow Condensed", "Clash Display", "Segoe UI", Tahoma, sans-serif;
	--eq-font-heading: "Noto Kufi Arabic", "Barlow Condensed", "General Sans", "Segoe UI", Tahoma, sans-serif;
	--eq-font-body: Tahoma, "Segoe UI", "Noto Kufi Arabic", "Inter", sans-serif;
	--eq-font-ui: Tahoma, "Segoe UI", "Noto Kufi Arabic", "Inter", sans-serif;
}

/* —— Marketing / editorial utility classes —— */

.eq-display-xl,
.eq-display-l {
	font-family: var(--eq-font-display);
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.0;
}

.eq-h1 {
	font-family: var(--eq-font-display);
	font-weight: 800;
	letter-spacing: -0.012em;
	line-height: 1.05;
}

.eq-h2 {
	font-family: var(--eq-font-heading);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.1;
}

.eq-h3 {
	font-family: var(--eq-font-heading);
	font-weight: 700;
	letter-spacing: -0.008em;
	line-height: 1.15;
}

/* Compact H4 stays Inter — product/UI density, not billboard marketing. */
.eq-h4 {
	font-family: var(--eq-font-ui);
	font-weight: 600;
	letter-spacing: -0.01em;
}

.eq-eyebrow {
	font-family: var(--eq-font-ui);
	font-weight: 600;
	letter-spacing: 0.1em;
}

/* —— Buttons (Inter bold; preserve Volt/outline roles elsewhere) —— */

.eq-btn,
button.eq-btn,
a.eq-btn {
	font-family: var(--eq-font-ui);
	font-weight: 700;
	letter-spacing: 0.02em;
}

/* —— Header / navigation —— */

.eq-header .eq-nav__link,
.eq-drawer .eq-drawer__link {
	font-family: var(--eq-font-heading, "Barlow Condensed", sans-serif);
	font-weight: 600;
}

.eq-header .eq-market-trigger,
.eq-header .eq-lang-switch a,
.eq-drawer .eq-nav__link,
.eq-bottom-nav__label {
	font-family: var(--eq-font-ui);
	font-weight: 600;
}

.eq-header .eq-logo,
.eq-header .eq-wordmark {
	font-family: var(--eq-font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* —— Footer —— */

.eq-footer,
.eq-footer a,
.eq-footer p,
.eq-footer li {
	font-family: var(--eq-font-ui);
}

.eq-footer .eq-footer__heading,
.eq-footer .eq-h4,
.eq-footer [class*="__title"] {
	font-family: var(--eq-font-heading);
	font-weight: 700;
}

/* —— Product names (Inter) / prices (Inter bold) —— */

.eq-card-product__name,
.eq-card-product__name a,
.eq-showroom-card__title,
.eq-showroom-card__title a,
.eq-create-card__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.eq-pdp-hero__title {
	font-family: var(--eq-font-ui);
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* PDP series / material labels stay compact UI */
.eq-pdp-hero__series,
.eq-showroom-card__material {
	font-family: var(--eq-font-ui);
	font-weight: 600;
	letter-spacing: 0.08em;
}

.eq-card-product__price,
.eq-showroom-card__price,
.eq-pdp-hero__price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-Price-amount,
.amount {
	font-family: var(--eq-font-ui);
	font-weight: 700;
}

/* —— Shared marketing sections (homepage CYW, support, newsletter) —— */

.eq-create-way .eq-h2,
.eq-support-panel__title,
.eq-newsletter__title,
.eq-help-page .eq-help-hero .eq-h1,
.eq-hero__title {
	font-family: var(--eq-font-display);
	font-weight: 800;
	letter-spacing: -0.012em;
	line-height: 1.05;
}

.eq-create-way__lead,
.eq-support-panel__body,
.eq-hero__copy,
.eq-newsletter__copy {
	font-family: var(--eq-font-ui);
}

.eq-create-card__copy,
.eq-support-panel__action-title {
	font-family: var(--eq-font-ui);
}

.eq-support-panel__action-title {
	font-weight: 700;
}

/* —— Shop archive headings —— */

.eq-shop .eq-h1,
.eq-shop .eq-h2,
.woocommerce-products-header .woocommerce-products-header__title,
.woocommerce-products-header .page-title {
	font-family: var(--eq-font-display);
	font-weight: 800;
	letter-spacing: -0.012em;
}

/* —— Cart / checkout: Inter UI; headings Barlow but NOT oversized —— */

.woocommerce-cart .eq-h1,
.woocommerce-cart .eq-h2,
.woocommerce-checkout .eq-h1,
.woocommerce-checkout .eq-h2,
.woocommerce-cart-form .product-name,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading,
.cart-collaterals .cart_totals > h2,
.woocommerce-order .woocommerce-order-details__title {
	font-family: var(--eq-font-heading);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account,
.woocommerce-cart input,
.woocommerce-checkout input,
.woocommerce-cart select,
.woocommerce-checkout select,
.woocommerce-cart textarea,
.woocommerce-checkout textarea,
.woocommerce-cart label,
.woocommerce-checkout label,
.woocommerce-cart table,
.woocommerce-checkout table,
.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-cart .checkout-button,
.woocommerce-checkout #place_order {
	font-family: var(--eq-font-ui);
}

.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-checkout #place_order,
.woocommerce-cart .checkout-button {
	font-weight: 700;
}

/* Keep checkout/cart headings readable — never inherit DYR billboard sizes */
.woocommerce-cart .eq-display-xl,
.woocommerce-checkout .eq-display-xl,
.woocommerce-cart .eq-display-l,
.woocommerce-checkout .eq-display-l {
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.1;
}

/* —— Forms (storefront) —— */

.eq-form__label,
.eq-form__input,
.eq-form__select,
.eq-form__textarea,
.eq-newsletter input,
.eq-newsletter button {
	font-family: var(--eq-font-ui);
}

.eq-newsletter button,
.eq-form .eq-btn {
	font-weight: 700;
}

/* —— Bricks frontend headings that inherit theme tokens —— */

.bricks-is-frontend .brxe-heading.eq-display-l,
.bricks-is-frontend .brxe-heading.eq-display-xl,
.bricks-is-frontend .brxe-heading.eq-h1 {
	font-family: var(--eq-font-display);
	font-weight: 800;
}

.bricks-is-frontend .brxe-heading.eq-h2,
.bricks-is-frontend .brxe-heading.eq-h3 {
	font-family: var(--eq-font-heading);
	font-weight: 700;
}

/* —— TPC configure host: do not restyle canvas / design text —— */

html.eq-tpc-configure .tpc-app,
html.eq-tpc-configure .tpc-canvas,
body.eq-tpc-configure .tpc-app,
body.eq-tpc-configure .tpc-canvas,
body.eq-tpc-configure [class*="tpc-"] canvas,
body.eq-tpc-configure [class*="artwork"] {
	font-family: inherit;
}