/* Gentelle v2.8.9G1 - OLD SITE TYPOGRAPHY CORRECTION
   Old Gentelle site font assets referenced:
   - Raleway
   - Roboto Slab
   - Roboto

   Correct mapping:
   - Body / navigation / forms / product text: Raleway
   - Headings / section titles: Roboto Slab
   - Roboto retained as an old-site compatibility fallback
*/

@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Roboto+Slab:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");

:root{
  --gt-font-body:"Raleway","Roboto",Arial,Tahoma,sans-serif;
  --gt-font-heading:"Roboto Slab","Roboto",Georgia,serif;
}

/* English / Latin storefront */
html body{
  font-family:var(--gt-font-body)!important;
}

/* Preserve icon glyph fonts while normalising ordinary text. */
body :where(
  p,span,a,button,input,select,textarea,label,
  li,dt,dd,small,strong,b,em,
  table,thead,tbody,tfoot,tr,th,td,
  nav,header,footer,section,article,aside,
  .product-card,.product-meta,.price,.stock,.badge,
  .breadcrumb,.breadcrumbs,.menu,.mega-menu,
  .footer,.gt-sa-footer,.gtp-page,.gtp-header
):not(i):not(svg):not(path):not([class*="icon"]):not([class*="fa-"]):not([class*="material"]){
  font-family:var(--gt-font-body)!important;
}

h1,h2,h3,h4,h5,h6,
.section-title,.page-title,
.product-title,.product-name,
.hero-title,.room-title,
.gt-sa-newsletter h3,
.gt-sa-footer h4,
.gtp-page h1,.gtp-page h2,.gtp-page h3,.gtp-page h4{
  font-family:var(--gt-font-heading)!important;
}

/* Buttons and commerce controls follow the old site's clean Raleway UI. */
button,
input,
select,
textarea,
.primary-btn,
.secondary-btn,
.add-to-cart,
.add-to-basket,
.checkout-btn,
.qty,
.price,
.sale-price,
.regular-price{
  font-family:var(--gt-font-body)!important;
}

/*
  Raleway and Roboto Slab are primarily Latin-facing on the old site.
  Arabic text therefore keeps the same font stack behaviour and naturally
  falls through to a capable Arabic system face where a glyph is unavailable.
  This avoids replacing Arabic with an unrelated downloaded font.
*/
html[dir="rtl"] body,
html[lang="ar"] body{
  font-family:"Raleway","Roboto",Tahoma,Arial,sans-serif!important;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6{
  font-family:"Roboto Slab","Roboto",Tahoma,Arial,sans-serif!important;
}
