/* ================================================================
   DATIS Products v1.8.9 — Portada typography system
   Scope: ONLY .datis-product-app output.
   Fonts are expected to be loaded by the WordPress Font Library.
   ================================================================ */

.datis-product-app{
  --datis-product-font-display:
    "Portada ARA var",
    "Portada ARA",
    sans-serif;

  --datis-product-font-text:
    "Portada Text ARA var",
    "Portada Text ARA",
    sans-serif;

  --datis-product-font-en:
    "Manrope",
    "Avenir Next",
    "Segoe UI Variable",
    "Segoe UI",
    Arial,
    sans-serif;

  font-family:var(--datis-product-font-text)!important;
  font-synthesis:none;
  font-optical-sizing:auto;
}

/* Normal reading copy */
.datis-product-app p,
.datis-product-app li,
.datis-product-app label,
.datis-product-app input,
.datis-product-app textarea,
.datis-product-app select,
.datis-product-app option,
.datis-product-app table,
.datis-product-app td,
.datis-product-app dd,
.datis-product-app dt,
.datis-product-app summary,
.datis-product-app figcaption,
.datis-product-app blockquote,
.datis-product-app small,
.datis-product-app span:not([class*="icon"]):not([class^="icon"]){
  font-family:var(--datis-product-font-text)!important;
}

.datis-product-app p,
.datis-product-app li,
.datis-product-app label,
.datis-product-app input,
.datis-product-app textarea,
.datis-product-app select,
.datis-product-app option,
.datis-product-app td,
.datis-product-app dd,
.datis-product-app dt{
  font-weight:400!important;
}

/* Display hierarchy */
.datis-product-app h1,
.datis-product-app h2,
.datis-product-app h3,
.datis-product-app h4,
.datis-product-app h5,
.datis-product-app h6,
.datis-product-app strong,
.datis-product-app th,
.datis-product-app button,
.datis-product-app .button,
.datis-product-app [role="button"]:not([class*="icon"]):not([class^="icon"]),
.datis-product-app input[type="submit"],
.datis-product-app input[type="button"],
.datis-product-app .datis-section-badge,
.datis-product-app [class*="kicker"],
.datis-product-app [class*="eyebrow"]{
  font-family:var(--datis-product-font-display)!important;
}

.datis-product-app h1{font-weight:700!important}
.datis-product-app h2,
.datis-product-app h3{font-weight:600!important}
.datis-product-app h4,
.datis-product-app h5,
.datis-product-app h6{font-weight:500!important}
.datis-product-app strong,
.datis-product-app th,
.datis-product-app button,
.datis-product-app .button,
.datis-product-app [role="button"]:not([class*="icon"]):not([class^="icon"]),
.datis-product-app .datis-section-badge,
.datis-product-app [class*="kicker"],
.datis-product-app [class*="eyebrow"]{font-weight:600!important}

/* Product models, names, prices and intentional emphasis */
.datis-product-app :is(
  .datis-product-price-value,
  .datis-shop-card-price strong,
  .datis-shop-card-title,
  .datis-related-card h4,
  .datis-cat-product-card h3,
  .dcv-product-card h3,
  [class*="product-title"],
  [class*="product-name"],
  [class*="model"],
  [class*="price-value"]
){
  font-family:var(--datis-product-font-display)!important;
  font-weight:600!important;
}

.datis-product-app :is(.datis-product-price-value,[class*="price-value"]){font-weight:700!important}

/* CTA surfaces: anchors that visually act as buttons */
.datis-product-app :is(
  .datis-product-btn,
  .datis-cat-btn,
  .dcv-btn,
  .datis-related-cta,
  .datis-download-card>a,
  .datis-shop-card-actions a,
  .datis-shop-hero-actions a,
  .datis-shop-finder a,
  .datis-final-cta a,
  .datis-product-mid-cta a,
  .datis-quote-submit-control
){
  font-family:var(--datis-product-font-display)!important;
  font-weight:600!important;
}

.datis-product-app :is(
  .datis-product-btn-primary,
  .datis-shop-card-actions .is-primary,
  .datis-quote-submit-control
){font-weight:700!important}

/* Breadcrumbs, filters, controls and data tables use Text Portada */
.datis-product-app :is(
  [class*="breadcrumb"],
  [class*="filter"],
  [class*="sort"],
  [class*="result-count"]
),
.datis-product-app :is([class*="breadcrumb"],[class*="filter"],[class*="sort"]) *{
  font-family:var(--datis-product-font-text)!important;
  font-weight:400!important;
}


.datis-product-app [class*="pagination"],
.datis-product-app [class*="pagination"] *{
  font-family:var(--datis-product-font-display)!important;
  font-weight:600!important;
}

/* English is always Manrope; Persian keeps the Portada display/text roles. */
.datis-product-app :is([lang="en"],[dir="ltr"],.datis-is-english,.datis-inline-en){
  font-family:var(--datis-product-font-en)!important;
  font-synthesis:none;
}
.datis-product-app :is(h1,h2,h3,h4,h5,h6,strong,th,button,.button) :is([lang="en"],[dir="ltr"],.datis-inline-en),
.datis-product-app :is(h1,h2,h3,h4,h5,h6,strong,th,button,.button)[lang="en"]{
  font-family:var(--datis-product-font-en)!important;
  font-weight:inherit!important;
}
.datis-product-app :is(p,li,td,label,small,figcaption) :is([lang="en"],[dir="ltr"],.datis-inline-en),
.datis-product-app :is(p,li,td,label,small,figcaption)[lang="en"]{
  font-family:var(--datis-product-font-en)!important;
  font-weight:inherit!important;
}


/* v1.8.9.1 — final scoped semantic normalization.
   This deliberately has higher specificity than legacy plugin CSS only. */
.datis-product-app.datis-product-app.datis-product-app :is(h1,h2,h3,h4,h5,h6,
  [class*="section-title"],[class*="card-title"],[class*="product-title"],
  [class*="product-name"],[class*="heading"],[class*="headline"]) {
  font-family:var(--datis-product-font-display)!important;
  font-synthesis:none!important;
}

.datis-product-app.datis-product-app.datis-product-app :is(
  p,li,label,input,textarea,select,option,td,dt,dd,summary,figcaption,blockquote,small,
  [class*="description"],[class*="subtitle"],[class*="-copy"],[class*="-note"],[class*="-hint"]
){
  font-family:var(--datis-product-font-text)!important;
}

.datis-product-app.datis-product-app.datis-product-app :is(a,button,[role="button"],input[type="submit"],input[type="button"],
  .datis-product-btn,.datis-cat-btn,.dcv-btn,.datis-related-cta,.datis-download-card>a){
  font-family:var(--datis-product-font-display)!important;
}

/* Inline English inside headings stays Manrope with the heading weight. */
.datis-product-app.datis-product-app.datis-product-app :is(h1,h2,h3,h4,h5,h6,[class*="title"],[class*="heading"],[class*="headline"])
  :is([lang="en"],[dir="ltr"],.datis-inline-en){
  font-family:var(--datis-product-font-en)!important;
  font-weight:inherit!important;
}

/* Final English override: models, codes, badges and JS-wrapped Latin runs. */
.datis-product-app.datis-product-app.datis-product-app :is(
  [lang="en"],[dir="ltr"],.datis-is-english,.datis-inline-en,
  [class*="-model"],[class*="-code"],[class*="product-en"],
  [class*="english"],[class*="kicker"],[class*="eyebrow"],
  .datis-key-spec-label,.datis-key-spec-hint
){
  font-family:var(--datis-product-font-en)!important;
  font-synthesis:none!important;
}