/**
 * Vazirmatn font, applied site-wide across WordPress (frontend, admin, login)
 * to match the Next.js storefront typography.
 * The font URL is rewritten at enqueue time via wp_add_inline_style is not used;
 * the @font-face below is loaded from a relative path resolved by the stylesheet location.
 */

@font-face {
	font-family: "Vazirmatn";
	src: url("../fonts/Vazirmatn-Variable.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* Apply Vazirmatn everywhere, keeping a sensible fallback stack. */
:root {
	--cme-font-sans: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/*
 * Target text-bearing elements explicitly (incl. links, which WooCommerce's
 * RTL stylesheet forces to Tahoma). We avoid the universal selector and bare
 * span/i/::before so we don't clobber icon fonts (dashicons, WooCommerce icons).
 */
body,
button,
input,
select,
optgroup,
textarea,
h1, h2, h3, h4, h5, h6,
p, a, li, dt, dd, label, legend,
th, td, caption, figcaption, blockquote, cite,
.wp-core-ui,
.editor-styles-wrapper,
.block-editor-writing-flow,
.woocommerce,
.woocommerce-page,
.woocommerce a,
.woocommerce button,
.woocommerce input,
.woocommerce label {
	font-family: var(--cme-font-sans) !important;
}

/* Keep icon fonts intact — never override these. */
.dashicons,
.dashicons-before::before,
[class^="dashicons-"]::before,
i[class^="fa"],
i[class*=" fa"] {
	font-family: revert !important;
}

/* Fix admin product-list columns collapsing to 0 width (Rank Math SEO details
   + brands), which made their text wrap one character per line and produced
   extremely tall rows. */
.wp-list-table th.column-rank_math_seo_details,
.wp-list-table td.column-rank_math_seo_details {
	min-width: 200px !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
.wp-list-table th.column-product_brand,
.wp-list-table td.column-product_brand {
	min-width: 90px !important;
	word-break: normal !important;
}