/* RTL overrides for Arabic — loaded only in AR mode */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

:root{
  --display:'Cairo','Poppins',sans-serif;
  --body:'Tajawal','Nunito',sans-serif;
}
body{font-family:var(--body);letter-spacing:0}
h1,h2,h3,h4{font-family:var(--display)}

/* flip directional spacing */
.topbar .socials a{margin-left:0;margin-right:14px}
.brand span small{letter-spacing:.08em}
.nav-links a{letter-spacing:0}

/* hero: art on the left in RTL feels natural, keep grid but swap emphasis */
.about-media .frame{inset:18px 18px -18px -18px;}

/* facts table alignment */
.facts th,.facts td{text-align:right}

/* page-head circle to the left */
.page-head::after{right:auto;left:-60px}

/* footer text align */
.site-footer{text-align:right}

/* nutrition label stays LTR-ish but align arabic right */
.nutri td{text-align:right}
.nutri td:last-child{text-align:left}

/* language button */
.lang-btn{background:var(--orange);color:#fff!important;padding:3px 12px;border-radius:30px;font-weight:700}

/* brew steps arabic bigger */
.brew-step .ar{direction:rtl;font-size:16px}

/* form fields RTL */
.form-field input,.form-field textarea{text-align:right}

/* info rows */
.info-row{flex-direction:row}