/* =========================================================
   Metta Pic v46 FORCE — Yekan font · black hero · 5-col grid
   Loads LAST. Maximum specificity.
   ========================================================= */

/* ---- Font: Yekan (primary) + Vazirmatn fallback ---- */
@font-face {
  font-family: "Yekan";
  src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekan";
  src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yekan";
  src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html, body, body.mp-theme, body.mp-home, body.woocommerce,
body *, body *::before, body *::after,
button, input, select, textarea, .button, a.button,
.mp-pcard, .mp-hero2, .site-header, .site-footer {
  font-family: "Yekan", "Vazirmatn", Tahoma, Arial, sans-serif !important;
}

/* ---- Global dark base ---- */
html, body, body.mp-theme, body.mp-home {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
  color: #f2f2f2 !important;
}

/* ---- HERO: pure BLACK (not white) ---- */
body.mp-home section.mp-hero2,
body section.mp-hero2,
section.mp-hero2.mp-hero2,
.mp-hero2 {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  padding: 56px 0 64px !important;
}
body.mp-home .mp-hero2 .mp-hero2-title,
.mp-hero2 .mp-hero2-title,
.mp-hero2 h1 {
  color: #ffffff !important;
}
body.mp-home .mp-hero2 .mp-hero2-lead,
.mp-hero2 .mp-hero2-lead {
  color: #b8b8b8 !important;
}
.mp-hero2 .mp-hero2-pill {
  color: #ddd !important;
  border-color: rgba(255,255,255,.3) !important;
  background: transparent !important;
}
.mp-hero2 .mp-hero2-logo {
  filter: brightness(0) invert(1) !important;
  height: 48px !important;
  max-width: 160px !important;
  display: block !important;
}
/* white primary button on black hero */
.mp-hero2 .mp-hero2-actions .mp-btn-dark {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}
.mp-hero2 .mp-hero2-actions .mp-btn-line {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.55) !important;
}
.mp-hero2 .mp-hero2-frame {
  background: #111 !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* kill any leftover white hero */
body.mp-home .mp-hero.mp-hero-lancer,
.mp-hero.mp-hero-lancer,
body.mp-home section.mp-hero:not(.mp-hero2) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* ---- PRODUCT GRID: mobile 2 · tablet 3 · laptop 5 · xl 6 ---- */
body.mp-home .mp-popular .mp-pcard-grid,
body.mp-home .mp-popular .mp-pcard-grid-5,
body.mp-home .mp-cat-products .mp-pcard-grid,
body.mp-home .mp-cat-products .mp-pcard-grid-5,
body.mp-home .mp-pcard-grid.mp-pcard-grid-5,
.mp-pcard-grid.mp-pcard-grid-5 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  body.mp-home .mp-popular .mp-pcard-grid-5,
  body.mp-home .mp-cat-products .mp-pcard-grid-5,
  .mp-pcard-grid.mp-pcard-grid-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  body.mp-home .mp-popular .mp-pcard-grid,
  body.mp-home .mp-popular .mp-pcard-grid-5,
  body.mp-home .mp-cat-products .mp-pcard-grid,
  body.mp-home .mp-cat-products .mp-pcard-grid-5,
  body.mp-home .mp-pcard-grid.mp-pcard-grid-5,
  .mp-pcard-grid.mp-pcard-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (min-width: 1400px) {
  body.mp-home .mp-popular .mp-pcard-grid-5,
  body.mp-home .mp-cat-products .mp-pcard-grid-5,
  .mp-pcard-grid.mp-pcard-grid-5 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* also force shop archive */
@media (min-width: 992px) {
  body.woocommerce ul.products,
  .woocommerce ul.products.columns-5,
  .woocommerce ul.products {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* cards themselves must not force width */
.mp-pcard-grid .mp-pcard {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Header icons white */
.site-header .header-cart,
.site-header .header-icon,
.site-header .menu-toggle {
  color: #fff !important;
}
.site-header .menu-toggle span {
  background: #fff !important;
}
.site-header .header-cart svg,
.site-header .header-icon svg {
  stroke: #fff !important;
  color: #fff !important;
}
.site-header .brand-logo {
  filter: brightness(0) invert(1) !important;
  height: 30px !important;
  max-width: 100px !important;
}

/* Sections dark */
.mp-popular,
.mp-cat-strip,
.mp-cat-products,
.mp-consult,
.mp-about-teaser,
.mp-faq-home {
  background: #0a0a0a !important;
  color: #f0f0f0 !important;
}
.mp-section-head h2 { color: #fff !important; }
.mp-section-head p { color: #999 !important; }

.mp-pcard {
  background: #141414 !important;
  border-color: #2a2a2a !important;
  color: #f0f0f0 !important;
}
.mp-pcard-title { color: #fff !important; }
.mp-pcard-now { color: #fff !important; }
.mp-pcard-off {
  background: none !important;
  color: #fff !important;
}
.mp-pcard-cart {
  background: #fff !important;
  color: #000 !important;
}
.mp-pcard-media {
  background: #1a1a1a !important;
}

/* Override base.css white body */
body[data-page="home"] {
  background: #0a0a0a !important;
  color: #f2f2f2 !important;
}