/* === MOBILE-ONLY FIX: product title + short description === */
@media (max-width: 576px) {

  /* 1) Product main title: 20% smaller on phones */
  .single-product .product_title {
    font-size: 1.15em !important;       /* 20% smaller */
    line-height: 1.3;
	font-weight: 700 !important;   /* ← makes it bold ONLY here */
  }

  /* 2) Short description: put it in a clean centered container + 20% smaller */
  .single-product .woocommerce-product-details__short-description {
    font-size: 0.8em !important;        /* 20% smaller */
    max-width: 92vw;                     /* centered, prevents sticking to right */
    width: 92vw;
    margin-inline: auto;                 /* center container */
    padding-inline: 12px;                /* small side padding */
    box-sizing: border-box;
    text-align: start;                   /* better reading on mobile */
    direction: rtl;                      /* ensure RTL */
    overflow-wrap: anywhere;             /* prevent overflow */
    word-break: normal;
  }

  /* 3) Make media inside short description truly centered and responsive */
  .single-product .woocommerce-product-details__short-description img,
  .single-product .woocommerce-product-details__short-description iframe,
  .single-product .woocommerce-product-details__short-description video {
    display: block;
    margin-inline: auto;                 /* center */
    max-width: 100% !important;
    height: auto;
  }

  /* 4) Normalize paragraph spacing (optional) */
  .single-product .woocommerce-product-details__short-description p {
    margin: 0 0 0.9rem;
  }
}


/* 1) Register your Persian font */
@font-face {
  font-family: 'CustomRTL';
  src: url('../fonts/custom-rtl.woff2') format('woff2');
  font-weight: 100 900;           /* works for variable or single-weight */
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+200C, U+FB50-FDFF, U+FE70-FEFF, U+0020-007E; /* Persian + basic Latin */
}

/* 2) Reusable token */
:root {
  --shop-rtl-font: 'CustomRTL', 'IRANSansWeb', 'IRANSansX', 'Vazirmatn', Tahoma, Arial, sans-serif;
}

/* 3) FORCE the font on the exact areas you asked for */
.single-product .product_title,                                   /* product title */
.single-product .woocommerce-product-details__short-description,  /* short desc */
.wc-collapsible-desc,                                             /* long desc wrapper */
.wc-collapsible-desc *,
.wc-archive-heading,                                              /* heading box: راهنمای محصولات */
.wc-collapsible-archive__body,                                    /* category desc wrapper */
.wc-collapsible-archive__body *,
.wc-desc-toggle, .wc-archive-toggle {                             /* ادامه مطلب / بستن */
  font-family: var(--shop-rtl-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* (Optional) also force on product cards in category grids */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  font-family: var(--shop-rtl-font) !important;
}
/* Shrink all rem-based text by ~10% on Woo pages only */
body.woo-text-80 { font-size: 80%; }

/* Ensure key areas inherit the scaled size cleanly */
body.woo-text-80 .single-product .product_title,
body.woo-text-80 .single-product .woocommerce-product-details__short-description,
body.woo-text-80 .wc-collapsible-desc,
body.woo-text-80 .wc-collapsible-desc *,
body.woo-text-80 .wc-archive-heading,
body.woo-text-80 .wc-collapsible-archive__body,
body.woo-text-80 .wc-collapsible-archive__body *,
body.woo-text-80 .wc-desc-toggle,
body.woo-text-80 .wc-archive-toggle {
  font-size: inherit !important;
  line-height: 1.75;
}


/* Product long description */
body.woo-text-75 .wc-collapsible-desc h1,
body.woo-text-75 .wc-collapsible-desc h2,
body.woo-text-75 .wc-collapsible-desc h3,
body.woo-text-75 .wc-collapsible-archive__body h1,
body.woo-text-75 .wc-collapsible-archive__body h2,
body.woo-text-75 .wc-collapsible-archive__body h3{
  font-size: 85% !important;
}