/*
 * SIBED — RTL Stylesheet (Arabic)
 * Clean rewrite — no duplicate rules
 */

/* ── Base ── */
body { direction: rtl; text-align: right; }

/* ── Eyebrow (decorative line flips to right) ── */
.eyebrow            { flex-direction: row-reverse; letter-spacing: 0; }
.display            { letter-spacing: 0; }

/* ── Navbar ── */
#nav                { flex-direction: row-reverse; }
.nav-menu           { direction: rtl; }
.nav-menu a         { letter-spacing: 0; }
.lang-switcher      { margin-left: 0; margin-right: 16px; }
.lang-dropdown      { right: auto; left: 0; }

/* ── Hero ── */
.hero-left          { text-align: right; }
.hero-eyebrow       { justify-content: flex-start; }
.hero-actions       { flex-direction: row-reverse; justify-content: flex-start; }
.btn-arrow          { transform: scaleX(-1); }
.hero-right         { order: -1; }

/* ── Products ── */
.product-footer     { flex-direction: row-reverse; }
.product-tags       { justify-content: flex-end; }

/* ── Story / جودتنا ── */
.story-grid         { direction: rtl; }
.story-text         { text-align: right; }
.story-title        { text-align: right; }
.story-text p       { text-align: right; }
.story-values       { direction: rtl; }
.story-accent-box   { right: auto; left: -28px; }

/* Story values row: number on RIGHT, text fills LEFT */
.story-value {
  flex-direction: row-reverse;
  align-items: flex-start;
}
.sv-num {
  margin-right: 0;
  margin-left: 0;
  text-align: right;
}
.sv-content {
  flex: 1;
  text-align: right;
}
.sv-content h4 { text-align: right; }
.sv-content p  { text-align: right; }

/* ── About / مكونات مختارة ── */
.about-grid                    { direction: rtl; }
.about-grid > div:first-child  { text-align: right; }
.about-grid h2                 { text-align: right; }
.about-grid p                  { text-align: right; }

/* About pillars: icon on RIGHT, text fills LEFT */
.about-pillar {
  flex-direction: row-reverse;
  align-items: flex-start;
}
.about-pillar-icon {
  margin-right: 0;
  margin-left: 16px;
  flex-shrink: 0;
}
.about-pillar-text {
  flex: 1;
  text-align: right;
}
.about-pillar-text h4 { text-align: right; }
.about-pillar-text p  { text-align: right; }

/* About stats & contact */
.about-stat            { text-align: right; }
.about-contact-bar     { flex-direction: row-reverse; }
.about-contact-item    { flex-direction: row-reverse; }

/* ── Banner ── */
.banner-text { text-align: right; }

/* ── Other products ── */
.other-card-body { text-align: right; }

/* ── Footer ── */
.footer-main          { direction: rtl; }
.footer-socials       { justify-content: flex-start; }
.footer-contact-info  { align-items: flex-start; }
.footer-contact-link  { flex-direction: row-reverse; }
.footer-bottom        { flex-direction: row-reverse; }