/* ==========================================================================
   Zarna Jewels — Arabic, right to left (Oct 2026)
   Loaded after every other stylesheet, only when the page is in Arabic (html[dir="rtl"], head.blade.php).
   Bootstrap itself is swapped for bootstrap.rtl.min.css; this file corrects the site's own styles.
   ========================================================================== */

/* Arabic typefaces: the Latin fonts of the site have no Arabic letters */
html[dir="rtl"] {
    --zh-sans: "IBM Plex Sans Arabic", "Inter Tight", Arial, sans-serif;
    --zh-serif: "Noto Naskh Arabic", "IBM Plex Sans Arabic", Georgia, serif;
}
html[dir="rtl"] body,
html[dir="rtl"] button, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea {
    font-family: "IBM Plex Sans Arabic", "Inter Tight", Arial, sans-serif;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 {
    font-family: "Noto Naskh Arabic", "IBM Plex Sans Arabic", Georgia, serif;
    letter-spacing: 0 !important;
}
/* letter-spacing and upper case do not suit Arabic script */
html[dir="rtl"] * { letter-spacing: 0 !important; }
html[dir="rtl"] .zr, html[dir="rtl"] .zr-mobilebar, html[dir="rtl"] .zr-modal { --zr-sans: "IBM Plex Sans Arabic", Arial, sans-serif; --zr-serif: "Noto Naskh Arabic", "IBM Plex Sans Arabic", serif; }

/* prices, phone numbers, codes and e-mail addresses stay left to right inside Arabic text */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] .zh-count { direction: ltr; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"] { text-align: right; }

/* icons that point the way (arrows, chevrons) turn round */
html[dir="rtl"] .bi-arrow-right, html[dir="rtl"] .bi-arrow-left, html[dir="rtl"] .bi-chevron-right, html[dir="rtl"] .bi-chevron-left,
html[dir="rtl"] .bi-arrow-right-short, html[dir="rtl"] .bi-box-arrow-right { display: inline-block; transform: scaleX(-1); }

/* header */
html[dir="rtl"] .zh-lang__item small { margin-left: 0; margin-right: auto; }

/* product names, descriptions and the SEO texts stay in English: their full stops, brackets and numbers keep the
   English order ("…in 18K gold." not ".…in 18K gold"), while the block keeps the Arabic right alignment */
html[dir="rtl"] .zk-hero h1, html[dir="rtl"] .zk-hero__intro, html[dir="rtl"] .zk-card__title,
html[dir="rtl"] .zd-title__main, html[dir="rtl"] .zd-title__sub,
html[dir="rtl"] .za-item__title, html[dir="rtl"] .hp-card__link, html[dir="rtl"] .zj-seo p, html[dir="rtl"] .zj-seo li,
html[dir="rtl"] .zj-seo h2, html[dir="rtl"] .zj-seo h3 { unicode-bidi: plaintext; text-align: right; }
/* account details: dates, e-mail addresses and tax numbers keep their own order ("13 Sep 2025", not "Sep 2025 13") */
html[dir="rtl"] .za-dl dd { unicode-bidi: plaintext; text-align: right; }
/* the home page designs (classic .hp, editorial .td, emerald .te, noir .tn, royal .tr) are written in English too */
html[dir="rtl"] :is(.hp, .td, .te, .tn, .tr) :is(p, h1, h2, h3, li, blockquote, strong, small, figcaption, dt, dd) { unicode-bidi: plaintext; }