/*=========================================
  ANA Restaurant — RTL (Arabic) overrides
=========================================

  main.css already ships component-scoped RTL rules for the header and
  footer (.rtl-header / .rtl-footer, applied by header.php / footer.php
  via ana_is_rtl_request()). This file only fixes the remaining
  *physical* left/right rules on the Homepage sections that main.css
  does not already scope for RTL — decorative corner shapes, the social
  background wordmark, and two directional arrow glyphs. It is enqueued
  only when the current request is RTL (see inc/enqueue.php), and is
  additive: it never overrides typography, spacing tokens or color, only
  side-dependent positioning.
==========================================*/

/* Hero corner shapes (angle_shape sits top-right / angle-shape-reverse
   sits bottom-left in LTR — mirror both for RTL reading direction). */
html[dir="rtl"] .angle_shape {
	right: auto;
	left: 0;
}

html[dir="rtl"] .angle_shape::before {
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

html[dir="rtl"] .angle-shape-reverse {
	left: auto;
	right: 0;
}

html[dir="rtl"] .angle-shape-reverse::before {
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

/* Social section background wordmark. */
html[dir="rtl"] .social-section .logo_background {
	right: auto;
	left: 2%;
}

/* Menu teaser: chef illustration mirrors to the opposite side. */
html[dir="rtl"] .chef_section {
	text-align: left;
}

html[dir="rtl"] .chef_section img {
	margin-left: 0;
	margin-right: auto;
}

/* Menu teaser link arrow ("→") sits at the trailing edge in both
   directions — mirror its offset and flip the glyph. */
html[dir="rtl"] .exp_menu .menu-group .menu-btn::after {
	right: auto;
	left: 0;
	content: "←";
}

html[dir="rtl"] .menu_btns a::after {
	transform: scaleX(-1);
}

/* Reveal/animate-on-scroll translateX-based effects stay symmetrical
   (translateY only), so no mirroring is required there. */