/* ========================================================================== v68 — ONE FONT FAMILY: Tajawal, self-hosted -------------------------------------------------------------------------- Owner decision 2026-09-14: one text family for the whole storefront, in all three languages. Tajawal was chosen because one family carries both scripts: its Arabic files cover the full Arabic block, harakat and Arabic-Indic digits, and its Latin files cover U+0000-00FF plus œ/Œ and typographic punctuation, i.e. every French accented letter. Coverage was checked glyph by glyph with fontTools against these exact files before adoption. Replaces three Google-hosted families (Lato, Poppins, Cairo) and the The7 Roboto/Arial settings. Weights 400/500/700 only; the browser maps 600 to 700, so no faux bold is synthesised. unicode-range means an Arabic page never downloads the Latin files and vice versa, apart from digits and punctuation that fall in the Latin range. Loaded LAST so it wins without touching the approved sheets. Icon fonts (The7 icomoon, WooCommerce, star, wishlist) set their family on the icon element or its pseudo-element and are excluded below. License: SIL Open Font License 1.1. ========================================================================== */ @font-face { font-family: "Tajawal"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tajawal/tajawal-arabic-400.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; } @font-face { font-family: "Tajawal"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tajawal/tajawal-latin-400.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Tajawal"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/tajawal/tajawal-arabic-500.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; } @font-face { font-family: "Tajawal"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/tajawal/tajawal-latin-500.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Tajawal"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tajawal/tajawal-arabic-700.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; } @font-face { font-family: "Tajawal"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tajawal/tajawal-latin-700.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --eclat-font: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif; /* the child design system */ --wd-font-body: var(--eclat-font); --wd-font-head: var(--eclat-font); /* every The7 typography variable in use on the site */ --the7-base-font-family: var(--eclat-font); --the7-additional-logo-elements-font-family: var(--eclat-font); --the7-additional-menu-elements-font-family: var(--eclat-font); --the7-breadcrumbs-font-family: var(--eclat-font); --the7-btn-s-font-family: var(--eclat-font); --the7-btn-m-font-family: var(--eclat-font); --the7-btn-l-font-family: var(--eclat-font); --the7-btn-lg-font-family: var(--eclat-font); --the7-btn-xl-font-family: var(--eclat-font); --the7-close-menu-caption-font-family: var(--eclat-font); --the7-close-mobile-menu-caption-font-family: var(--eclat-font); --the7-filter-font-family: var(--eclat-font); --the7-form-md-font-family: var(--eclat-font); --the7-h1-font-family: var(--eclat-font); --the7-h2-font-family: var(--eclat-font); --the7-h3-font-family: var(--eclat-font); --the7-h4-font-family: var(--eclat-font); --the7-h5-font-family: var(--eclat-font); --the7-h6-font-family: var(--eclat-font); --the7-mega-menu-desc-font-family: var(--eclat-font); --the7-mega-menu-title-font-family: var(--eclat-font); --the7-menu-caption-font-family: var(--eclat-font); --the7-menu-font-family: var(--eclat-font); --the7-microwidget-button-font-family: var(--eclat-font); --the7-microwidget-button-2-font-family: var(--eclat-font); --the7-microwidgets-in-top-line-font-family: var(--eclat-font); --the7-mobile-menu-caption-font-family: var(--eclat-font); --the7-mobile-menu-font-family: var(--eclat-font); --the7-mobile-menu-microwidgets-font-family: var(--eclat-font); --the7-mobile-microwidgets-font-family: var(--eclat-font); --the7-mobile-sub-menu-font-family: var(--eclat-font); --the7-mw-search-font-family: var(--eclat-font); --the7-page-title-font-family: var(--eclat-font); --the7-product-microwidget-content-font-family: var(--eclat-font); --the7-sub-subtitle-font-family: var(--eclat-font); --the7-submenu-font-family: var(--eclat-font); --the7-subtitle-font-family: var(--eclat-font); --the7-top-bar-font-family: var(--eclat-font); --the7-widget-content-font-family: var(--eclat-font); --the7-widget-title-font-family: var(--eclat-font); --the7-woo-content-font-family: var(--eclat-font); --the7-woo-title-font-family: var(--eclat-font); } /* * Rules that name a family directly (The7 "Roboto"/"Arial" literals, two * "Cairo" literals in the child sheets) do not read the variables, so text * elements are pinned here. Icon carriers are excluded by element and class. */ html body, html body :is(h1, h2, h3, h4, h5, h6, p, a, span, li, dt, dd, label, legend, strong, b, em, small, blockquote, figcaption, cite, td, th, caption, button, input, select, textarea, option, div, nav, section, article, header, footer, aside, time, mark, del, ins, sub, sup):not(i):not([class*="icon"]):not([class^="tinvwl-"]):not([class*=" tinvwl-"]):not(.star-rating):not(.star-rating *):not([class*="dt-icon"]):not([class*="the7-mw-icon"]) { font-family: var(--eclat-font) !important; }