/* Arabic + Russian: create-your-cake, account, login and favorites pages.
   Loaded after css/i18n.css. The shared layout already mirrors itself (flex and
   grid follow the text direction); this file only fixes what does not. */

/* ---------- Arabic ---------- */
/* Arabic glyphs are visually smaller than Latin at the same size, and the
   uppercase / letter-spaced small labels the English design uses are switched
   off in i18n.css, so give the small labels a little more size. */
html[lang="ar"] .eyebrow{font-size:.875rem}
html[lang="ar"] .iform__legend{font-size:1rem}
html[lang="ar"] .iform__pill span{font-size:.9375rem;padding:.55rem 1.15rem}
html[lang="ar"] .iform__field{font-size:.9375rem}
html[lang="ar"] .iform__field span{font-weight:600}
html[lang="ar"] .iform__hint,html[lang="ar"] .iform__note{font-size:.9375rem}
html[lang="ar"] .ihero__body{line-height:1.9}
html[lang="ar"] .ihero__title{line-height:1.3}
html[lang="ar"] .account-tab{font-size:.9375rem}
html[lang="ar"] .account-form label{font-size:.9375rem}
html[lang="ar"] .account-form__hint,html[lang="ar"] .account-order__meta,html[lang="ar"] .account-order__items,html[lang="ar"] .account-empty,html[lang="ar"] .account-rec__price{font-size:.875rem}
html[lang="ar"] .account-rec__kind{font-size:.8125rem}
html[lang="ar"] .account-rec__name,html[lang="ar"] .favorite-card__name{font-size:.9375rem}
html[lang="ar"] .admin-link-btn{font-size:.9375rem}
html[lang="ar"] .admin-status{font-size:.8125rem}

/* Inputs that hold Latin-script data (phone, e-mail) read left to right but
   sit on the start (right) edge of the field. */
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"]{direction:ltr;text-align:right}
html[dir="rtl"] input[type="tel"]::placeholder,
html[dir="rtl"] input[type="email"]::placeholder{direction:ltr}

/* Selects keep the arrow on the start side of the text in RTL; give the text
   room so it never runs under the arrow. */
html[dir="rtl"] .iform__field select{padding-inline:1.3rem 2.4rem}

/* The step number and its title: keep the number on the reading-start side. */
html[dir="rtl"] .iform__n{direction:ltr}

/* ---------- Russian ---------- */
/* Cyrillic words run about a quarter longer than English. Keep the spaced
   uppercase labels from crowding, and let long buttons and tabs wrap. */
html[lang="ru"] .iform__legend{letter-spacing:.06em}
html[lang="ru"] .iform__pill span{letter-spacing:.04em;font-size:.6875rem}
html[lang="ru"] .iform__field span{letter-spacing:.01em}
html[lang="ru"] .ihero__title{font-size:clamp(2.2rem,4.2vw,4.2rem);overflow-wrap:anywhere}
html[lang="ru"] .iform__submit .btn,html[lang="ru"] .closing__actions .btn{white-space:normal;text-align:center}
html[lang="ru"] .account-tabs{flex-wrap:wrap}
html[lang="ru"] .account-rec__kind{letter-spacing:.04em}
html[lang="ru"] .account-chooser__card h2{overflow-wrap:anywhere}

@media (max-width:600px){
  html[lang="ru"] .ihero__title{font-size:clamp(1.9rem,8vw,2.6rem)}
}

/* Order status chips: the translated labels already carry their own capitals. */
html[lang="ru"] .admin-status,html[lang="ar"] .admin-status{text-transform:none}