/*
  RTL overrides for IKOWAINA.
  Most spacing/positioning in style.css already uses logical CSS
  properties (inset-inline-start/end, margin-inline, etc.) which flip
  automatically in RTL. This file only overrides the few remaining
  physical-direction rules and anything that needs to mirror visually
  (icons, arrows, decorative gradients).
*/

html[dir="rtl"] body{
  font-family:'IBM Plex Sans Arabic','Inter',sans-serif;
}

/* Hero decorative sparkles read more naturally mirrored in RTL */
html[dir="rtl"] .hero{
  background:linear-gradient(225deg,#0B1B33,#1B3660);
}

/* Chevron / arrow icons that point in a physical direction */
html[dir="rtl"] .chevron,
html[dir="rtl"] .icon-flip{
  transform:scaleX(-1);
}

/* Skip link should hug the opposite edge */
html[dir="rtl"] .skip-link{
  left:auto; right:0; border-radius:0 0 0 8px;
}

/* Newsletter / search input icon spacing already handled by logical
   properties in the base stylesheet, this just guards against any
   third-party plugin CSS assuming LTR float direction */
html[dir="rtl"] .alignleft{ float:right; margin-right:0; margin-left:20px; }
html[dir="rtl"] .alignright{ float:left; margin-left:0; margin-right:20px; }

/* WooCommerce star ratings and price/del/ins order read correctly with
   logical properties already, but the review stars graphic itself
   should not be mirrored */
html[dir="rtl"] .star-rating{ transform:none; }

/* Cart/wishlist badge sits on the opposite corner automatically via
   inset-inline-end, no override needed — kept here as a documented
   no-op so future edits know this was checked. */