/**
 * Favania Theme - Global Font Overrides
 * این فایل فونت Peyda رو با PeydaFaNumWeb جایگزین می‌کنه
 */

/* Global Body & Root */
body,
html {
  font-family: 'PeydaFaNumWeb', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* All Elements - Fallback */
* {
  font-family: inherit;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'PeydaFaNumWeb', sans-serif !important;
}

/* Paragraphs & Text */
p, span, div, a, li, td, th, label, input, textarea, select, button {
  font-family: 'PeydaFaNumWeb', sans-serif;
}

/* WordPress Admin */
.block-editor-writing-flow,
.editor-styles-wrapper,
.block-editor-block-list__layout {
  font-family: 'PeydaFaNumWeb', sans-serif !important;
}

/* Override Peyda References */
[style*="font-family: 'Peyda"] {
  font-family: 'PeydaFaNumWeb', sans-serif !important;
}

/* WooCommerce */
.woocommerce,
.woocommerce-page {
  font-family: 'PeydaFaNumWeb', sans-serif !important;
}

/* Blocks */
.wp-block {
  font-family: 'PeydaFaNumWeb', sans-serif !important;
}

/* =====================================
   Page Title Override
   عنوان صفحه را مخفی می‌کنیم چون در hero نمایش داده می‌شود
   ===================================== */
.page .wp-block-post-title {
  display: none !important;
}

/* =====================================
   Hero Full Width & Gradient
   تمام صفحات داخلی باید hero full-width داشته باشند
   ===================================== */

/* About Page Hero - Full Width */
.about-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.about-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(34, 34, 34, 0.95) 100%
  ) !important;
}

/* Contact Page Hero - Full Width */
.contact-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.contact-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(34, 34, 34, 0.95) 100%
  ) !important;
}

/* Agency Request Hero - Full Width */
.agency-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.agency-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(34, 34, 34, 0.95) 100%
  ) !important;
}

/* Branches Page Hero - Full Width */
.branches-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.branches-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(34, 34, 34, 0.95) 100%
  ) !important;
}

/* Brands Page Hero - Full Width */
.brands-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.brands-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(34, 34, 34, 0.95) 100%
  ) !important;
}

/* Company Profile Hero - Full Width */
.company-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.company-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(34, 34, 34, 0.95) 100%
  ) !important;
}

/* Catalogs Page Hero - Full Width */
.catalogs-hero {
  width: 100vw !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.catalogs-hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(34, 34, 34, 0.9) 100%
  ) !important;
}