/* CATALOUG_GLOBAL_CAIRO_FONT_FINAL_V3_START
   Final site-wide typography:
   - Cairo for Arabic + English
   - Mobile + Desktop
   - preserve component font-weight
   - no icon-font override
*/

:root {
  --font-body-family: "Cairo", sans-serif !important;
  --font-heading-family: "Cairo", sans-serif !important;
  --font-body-style: normal;
  --font-heading-style: normal;
}

/*
  Base document typography.
  We set FAMILY only and intentionally do not force one global weight.
*/
html,
body {
  font-family: "Cairo", sans-serif !important;
}

/*
  Text-bearing native elements.
*/
button,
input,
select,
textarea,
option,
label,
legend,
summary,
details,
p,
a,
li,
ol,
ul,
small,
strong,
b,
em,
i,
blockquote,
figcaption,
caption,
th,
td,
address,
time,
mark,
del,
ins,
sub,
sup {
  font-family: "Cairo", sans-serif !important;
}

/*
  Headings and Dawn title classes.
  Weight remains controlled by the original Shopify/Dawn CSS.
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.title,
.title-wrapper-with-link,
.card__heading,
.product__title,
.collection-hero__title {
  font-family: "Cairo", sans-serif !important;
}

/*
  Common Shopify/Dawn text components.
*/
.header__menu-item,
.menu-drawer__menu-item,
.facets__heading,
.facets__summary,
.mobile-facets__heading,
.mobile-facets__summary,
.product-count,
.card-information,
.card__information,
.price,
.price-item,
.caption,
.caption-with-letter-spacing,
.button,
.shopify-payment-button__button,
.field__input,
.select__select,
.quantity__input,
.product-form__input,
.product-form__submit,
.badge,
.pagination__item,
.footer,
.footer *,
.collection,
.collection *,
.product,
.product * {
  font-family: "Cairo", sans-serif !important;
}

/*
  Preserve semantic boldness.
  Cairo has the required weights loaded from Google Fonts.
*/
strong,
b {
  font-weight: 700 !important;
}

/*
  Do NOT force Cairo onto icon systems or SVG.
*/
svg,
svg *,
.icon,
.icon *,
[class*="icon-"],
[class^="icon-"],
[class*="fa-"],
[class^="fa-"],
[class*="material-icons"],
[class^="material-icons"] {
  font-family: inherit !important;
}

/*
  Preserve Cataloug logo treatment.
*/
.cataloug-header-logo,
.cataloug-header-logo *,
.cataloug-native-logo,
.cataloug-native-logo *,
.header__heading-logo {
  font-family: inherit !important;
}

/* CATALOUG_GLOBAL_CAIRO_FONT_FINAL_V3_END */