/* =========================================================================
   🆕 NEW FILE — Padel Point — right-to-left layer (Arabic).  Loaded after styles.css / devices.css, only by /ar/ pages
   (<html lang="ar" dir="rtl">).  Browsers already mirror flex / grid rows and inline text for dir="rtl";
   this file fixes what styles.css pins to the physical left / right, and adapts type to Arabic script.
   Device mock-ups and hero photos are artwork: they are NOT mirrored.
   ========================================================================= */
@font-face{
  font-family:"Noto Sans Arabic Variable"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("../fonts/NotoSansArabic-Variable.woff2") format("woff2-variations");
  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;
}
:root{
  /* Latin letters and digits keep the brand fonts (URW DIN / Handel Gothic); Arabic letters fall through to Noto Sans Arabic */
  --font-display:"Handel Gothic","URW DIN","Noto Sans Arabic Variable","Segoe UI",Tahoma,"Geeza Pro",system-ui,sans-serif;
  --font-sans:"URW DIN","Noto Sans Arabic Variable","Segoe UI",Tahoma,"Geeza Pro",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}

/* ---- Arabic script: no letter-spacing (it breaks the joined letters), no capitals, roomier lines ---- */
[dir="rtl"] *,[dir="rtl"] *::before,[dir="rtl"] *::after{ letter-spacing:normal !important; }
[dir="rtl"] *{ text-transform:none !important; }
[dir="rtl"] body{ line-height:1.75; }
[dir="rtl"] .display{ line-height:1.3; }
[dir="rtl"] .h2{ line-height:1.35; }
[dir="rtl"] .h3{ line-height:1.4; }
[dir="rtl"] .lead,[dir="rtl"] p{ line-height:1.8; }

/* ---- Header / navigation ---- */
[dir="rtl"] .nav-links a{ white-space:nowrap; }
[dir="rtl"] .lang-dropdown{ right:auto; left:0; }
[dir="rtl"] .lang-option{ text-align:right; }
[dir="rtl"] .store-badge .sb-text{ text-align:right; }

/* ---- Hero ---- */
[dir="rtl"] .hero-personal{ border-left:0; padding-left:0; border-right:3px solid var(--pp-yellow); padding-right:16px; }

/* ---- Numbers + units (unit sits to the left of the number in RTL) ---- */
[dir="rtl"] .kpi{ text-align:right; }
[dir="rtl"] .kpi .kv span,[dir="rtl"] .det-stat .v span{ margin-left:0; margin-right:3px; }
[dir="rtl"] .stat + .stat::before{ left:auto; right:0; }
[dir="rtl"] .ps{ border-right:0; border-left:1px solid rgba(255,255,255,.1); }
[dir="rtl"] .ps:last-child{ border-left:0; }
@media(max-width:640px){ [dir="rtl"] .ps:nth-child(even){ border-left:0; } }
[dir="rtl"] .stat-num,[dir="rtl"] .ps-val,[dir="rtl"] .kv,[dir="rtl"] .rating-score,[dir="rtl"] .price-main{ unicode-bidi:isolate; }

/* ---- Comparison table: the sticky columns stick to the right edge ---- */
[dir="rtl"] .cmp .feat-name{ text-align:right; left:auto; right:0; border-right:0; border-left:1px solid var(--pp-gray-200); }
[dir="rtl"] .cmp .col-us{ left:auto; right:210px; box-shadow:-2px 0 8px rgba(0,0,0,.08); }
@media(max-width:640px){ [dir="rtl"] .cmp .col-us{ right:130px; left:auto; } }
[dir="rtl"] .price-tooltip{ direction:rtl; }
[dir="rtl"] .price-period{ margin-left:0; margin-right:2px; }

/* ---- FAQ ---- */
[dir="rtl"] .faq-q{ text-align:right; padding:24px 0 24px 44px; }
[dir="rtl"] .faq-q::after{ right:auto; left:6px; }
[dir="rtl"] .faq-a-inner{ padding:0 0 24px 44px; }

/* ---- Quotes and callouts: the accent bar moves to the right ---- */
[dir="rtl"] .founder-quote{ border-left:0; border-right:3px solid var(--pp-blue); border-radius:var(--r-md) 0 0 var(--r-md); }
[dir="rtl"] .founder-body em,[dir="rtl"] .founder-quote,[dir="rtl"] em,[dir="rtl"] i{ font-style:normal; }
[dir="rtl"] .video-tag{ left:auto; right:18px; }

/* ---- Forms: e-mail fields stay left-to-right, text starts on the right ---- */
[dir="rtl"] input[type="email"]{ direction:ltr; text-align:right; }

/* ---- Untranslated user reviews (other languages) stay left-to-right ---- */
[dir="rtl"] [dir="ltr"]{ text-align:left; }

/* ---- Footer ---- */
[dir="rtl"] .footer-links a{ white-space:nowrap; }

/* ---- Download pop-up (inline styles in the markup, hence !important) ---- */
[dir="rtl"] .modal .text-right{ text-align:left; }
[dir="rtl"] .modal .text-left,[dir="rtl"] .huawei-download-zone,[dir="rtl"] .apple-download-zone{ text-align:right !important; }
[dir="rtl"] .modal ol{ padding-left:0 !important; padding-right:16px !important; }

/* ---- Feature guide page (padel-point-guide.html) ---- */

[dir="rtl"] .legend .lg-label{ margin-right:0; margin-left:4px; }
[dir="rtl"] .copy ul{ padding-left:0; padding-right:18px; }
[dir="rtl"] table.compat th,[dir="rtl"] table.compat td:first-child{ text-align:right; }

/* ---- Artwork that sits on the page edge in RTL: keep it inside the viewport ---- */
[dir="rtl"] .swing-w.s1{ left:0; }

/* ---- Buttons: Arabic labels can be longer than the English ones, let them wrap instead of overflowing ---- */
[dir="rtl"] .btn{ white-space:normal; height:auto; min-height:54px; padding-top:10px; padding-bottom:10px; line-height:1.5; text-align:center; }
[dir="rtl"] .nav .btn{ white-space:nowrap; min-height:44px; padding-top:0; padding-bottom:0; height:44px; }

/* ---- Big numbers are Latin digits: they keep the tight tracking of the original design ---- */
[dir="rtl"] .stat-num,[dir="rtl"] .ps-val,[dir="rtl"] .dn{ letter-spacing:-.03em !important; }