/*
 * RTL Stylesheet for Sabarah Theme (Arabic)
 * Loaded when hatan_is_arabic() returns true.
 */

/* =========================================================
   RTL Base
   ========================================================= */

body {
  font-family: var(--font-arabic);
  direction: rtl;
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-arabic);
}

/* Arabic letter-spacing should be minimal */
.eyebrow { letter-spacing: 0.04em; }

/* =========================================================
   Header RTL
   ========================================================= */

.header-inner-wrap { direction: rtl; }
.primary-nav .nav-list { flex-direction: row-reverse; }
.header-actions { flex-direction: row-reverse; }

/* =========================================================
   Hero RTL
   ========================================================= */

.hero-eyebrow { flex-direction: row-reverse; }

/* Arabic headline size adjustment */
.hero-title { font-size: clamp(2.3rem, 5.5vw, 4.8rem); }

/* Hero content on RTL side */
[dir="rtl"] .hero-content {
  margin-inline-start: auto;
  margin-inline-end: 0;
  text-align: right;
}

/* Scroll indicator stays centered */
.scroll-indicator { inset-inline-start: 50%; }

/* =========================================================
   Origin Statement RTL
   ========================================================= */

.origin-statement p {
  font-family: var(--font-arabic);
  font-style: normal;
}

/* =========================================================
   Story Section RTL
   ========================================================= */

.story-grid {
  direction: rtl;
}
.story-grid .story-text {
  direction: rtl;
  text-align: right;
}

/* =========================================================
   Values RTL
   ========================================================= */

.values-grid { direction: rtl; }
.value-item  { text-align: right; }
.value-icon  { margin-inline: 0 auto; }

/* =========================================================
   Menu CTA RTL
   ========================================================= */

.menu-cta-inner { direction: rtl; }

/* =========================================================
   Footer RTL
   ========================================================= */

.footer-grid       { direction: rtl; }
.footer-bottom     { flex-direction: row-reverse; }
.footer-social     { flex-direction: row-reverse; }
.footer-nav        { direction: rtl; text-align: right; }
.footer-badges-row { flex-direction: row-reverse; }
.payment-badges    { flex-direction: row-reverse; }

/* =========================================================
   WooCommerce RTL
   ========================================================= */

ul.products { direction: rtl; }

table.shop_table { direction: rtl; text-align: right; }
table.shop_table th,
table.shop_table td { text-align: right !important; }

.woocommerce form .form-row label { text-align: right; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  text-align: right !important;
  direction: rtl !important;
}

.woocommerce-breadcrumb { direction: rtl; }

/* =========================================================
   Blog / Posts RTL
   ========================================================= */

.blog-grid     { direction: rtl; }
.post-card-body { text-align: right; direction: rtl; }

/* =========================================================
   Mobile Navigation RTL
   ========================================================= */

.mobile-nav { direction: rtl; }
.mobile-nav-list { direction: rtl; }

/* =========================================================
   Language toggle appearance in Arabic mode
   ========================================================= */

.lang-toggle { font-family: var(--font-sans); }