/* ============================================================
   ASMON JEWELRY — Pelak font face declarations
   ============================================================
   Locally-hosted Pelak FA (Farsi-numeral variant), 5 weights:
   Regular 400 · Medium 500 · SemiBold 600 · Bold 700 · ExtraBold 800
   ============================================================ */

@font-face {
  font-family: 'PelakFA';
  src: url('../fonts/PelakFA-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../fonts/PelakFA-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../fonts/PelakFA-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../fonts/PelakFA-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PelakFA';
  src: url('../fonts/PelakFA-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Override theme tokens. theme.css defaults:
     --font-sans:    'Vazirmatn', Tahoma, system-ui, sans-serif
     --font-display: 'Cormorant Garamond', 'Vazirmatn', serif
   Headings use --font-display. Cormorant Garamond has no Persian
   glyphs, so for Persian text the browser falls back to the next
   family in the stack — we put PelakFA there. */
:root {
  --font-sans:    'PelakFA', 'Vazirmatn', Tahoma, system-ui, sans-serif !important;
  --font-display: 'Cormorant Garamond', 'PelakFA', 'Vazirmatn', serif !important;
}

/* Belt-and-braces: hit body + common WC/WP elements directly with
   !important so inherited rules from plugins (e.g. Elementor, JetEngine)
   can't pin them to another family. */
body,
input, select, textarea, button {
  font-family: 'PelakFA', 'Vazirmatn', Tahoma, system-ui, sans-serif !important;
}

/* Headings — ensure the display token (with PelakFA Persian
   fallback) wins even if individual headings have inline
   font-family declarations from page builders or plugins. */
h1, h2, h3, h4, h5, h6,
.section-title,
.eyebrow,
.product-card-title,
.account-stat-num,
.account-quick-card strong {
  font-family: var(--font-display) !important;
}