/* ============================================================================
   SaudiRental — arabic.css
   ARABIC ONLY, NON-DIRECTION. Typography and wording-specific adjustments that
   have nothing to do with mirroring (those live in layouts/rtl.css).
   ============================================================================ */

/* Tajawal renders a little smaller than Segoe at the same px, and Arabic needs
   more leading for its ascenders/descenders to breathe. */
body { font-size: 15.5px; line-height: 1.75; letter-spacing: 0; }

h1, h2, h3, h4, h5, h6 { line-height: 1.5; }

/* The home hero has a deliberately large display heading; Arabic needs more
   vertical room than the Latin treatment defined in app.css. */
.hero h1 { line-height: 1.32; letter-spacing: 0; }

/* Arabic numerals inside prices/dates stay Latin for scanability, and tabular so
   a column of rents lines up (docs/17 "numbers/currency remain readable"). */
.money, .table td, .lease-summary dd {
    font-feature-settings: "tnum" 1;
    font-variant-numeric: tabular-nums;
}

/* Arabic has no letter case, so uppercase + letter-spacing on labels just
   distorts the glyphs. */
.table > thead > tr > th,
.hp-caption,
.text-uppercase {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Arabic labels run longer than the English original; give form labels room
   rather than letting them wrap mid-phrase. */
.form-label { line-height: 1.7; }