/* Arabic + Russian: Traditional collection page and Wedding & Engagement page.
   Loaded after i18n.css. The grids on both pages (hero image / copy columns,
   collection rows, detail grid) mirror on their own because the document
   direction flips the grid and flex flow; only the pieces that hard-code a
   left/right side are handled here. */

/* ---------- RTL: Traditional hero (image pinned to one side) ---------- */
@media (min-width:901px){
  html[dir="rtl"] .thero__media{inset:0 0 0 auto}
  html[dir="rtl"] .thero__grid{margin-left:0;margin-right:52%;padding:var(--space-lg) clamp(2rem,5vw,5.5rem) var(--space-lg) var(--gutter)}
}
@media (min-width:901px) and (max-width:1180px){
  html[dir="rtl"] .thero__grid{padding-left:var(--gutter);padding-right:2.5rem}
}

/* ---------- RTL: Wedding hero + "create your cake" copy columns ---------- */
@media (min-width:901px){
  html[dir="rtl"] .whero__copy,
  html[dir="rtl"] .wcreate__copy{padding:var(--space-lg) clamp(2rem,6vw,7rem) var(--space-lg) var(--gutter)}
}
@media (min-width:901px) and (max-width:1180px){
  html[dir="rtl"] .whero__copy{padding-left:var(--gutter);padding-right:2.5rem}
}

/* ---------- RTL: gallery details ---------- */
/* The dot between "suited to" items sits on the item's leading side. */
html[dir="rtl"] .toccasions__list li:not(:last-child)::after{margin-left:0;margin-right:1.6rem}
/* Process arrows point the way the steps now read. */
html[dir="rtl"] .tprocess__arrow svg{transform:scaleX(-1)}

/* ---------- Arabic: no synthetic italics ---------- */
html[lang="ar"] .toccasions__list,
html[lang="ar"] .tprocess__list .step__n{font-style:normal}
html[lang="ar"] .wc__name{line-height:1.25}
html[lang="ar"] .wc__num,
html[lang="ar"] .wprocess__n{line-height:1.2}
html[lang="ar"] .thero__title,
html[lang="ar"] .whero__title{line-height:1.3}

/* ---------- Russian: longer words ---------- */
html[lang="ru"] .whero__title em{white-space:normal}
html[lang="ru"] .thero__title{font-size:clamp(2.2rem,3.7vw,4rem)}
html[lang="ru"] .whero__title{font-size:clamp(2.2rem,3.6vw,4.2rem)}
html[lang="ru"] .wintro__inner .h2{font-size:clamp(2rem,3.8vw,4rem)}
html[lang="ru"] .wc__name{font-size:clamp(1.9rem,3.1vw,3.2rem);letter-spacing:.02em;overflow-wrap:anywhere}
html[lang="ru"] .tgrid__ref{letter-spacing:.06em}
html[lang="ru"] .tprocess__list li{white-space:normal}
html[lang="ru"] .wprocess__t{letter-spacing:.06em}
@media (max-width:1180px){
  html[lang="ru"] .tprocess__list{flex-wrap:wrap;row-gap:var(--space-sm)}
}
@media (max-width:900px){
  html[lang="ru"] .thero__title,
  html[lang="ru"] .whero__title{font-size:clamp(2rem,8vw,3rem)}
  html[lang="ru"] .wc__name{font-size:clamp(2rem,9vw,3rem)}
}