/* =========================================================
   RTL overrides for Arabic version
   Loaded after style.css. Layout containers (flex/grid) are
   intentionally left in normal (ltr) direction to avoid
   flex/grid axis mirroring bugs (overflow / clipping).
   Only text-bearing elements get direction:rtl + right align,
   so Arabic reads correctly while the page skeleton matches
   the other language versions exactly.
   ========================================================= */

body {
  font-family: 'Cairo', 'Montserrat', sans-serif;
}
h1, h2, h3, h4 {
  font-family: 'Cairo', 'Cormorant Garamond', serif;
}

/* Text-bearing elements: right-to-left reading direction + right alignment */
p, h1, h2, h3, h4, blockquote, li,
.eyebrow, .signature, .price-desc, .pricing-note,
.testimonial-text, .stat-label, .form-success,
.faq-question span, .faq-answer p,
.price-accordion-title, .price-accordion-subtitle,
input, select, textarea, option {
  direction: rtl;
  text-align: right;
}

/* Center-aligned headings/descriptions stay centered */
.section-head, .eyebrow.center, .section-desc,
.quote-eyebrow, .big-quote, .quote-footer,
.pricing-group-title,
.pricelist-block-head, .pricelist-block-title, .pricelist-block-subtitle {
  text-align: center;
}

/* Price accordion header: keep icon on the visual left (DOM-last) while
   title/subtitle text reads right-to-left inside their own column */
.price-accordion-header { text-align: right; }
.price-accordion-header-text { align-items: flex-end; }

/* Testimonial author block: avatar photo stays visually first (DOM order
   unchanged), name/location text reads right-to-left */
.testimonial-author { direction: rtl; }
.testimonial-author div { text-align: right; }

/* Contact section: centered block, but the info list itself reads RTL
   and stays centered as a group instead of inline-flex LTR alignment */
.contact-centered .contact-info {
  text-align: right;
  display: flex;
  align-items: flex-end;
}
.contact-info li { flex-direction: row-reverse; justify-content: flex-end; }

/* Price list rows: keep name on the right, price on the left (RTL reading) */
.pricelist-item {
  direction: rtl;
  text-align: right;
}
.pricelist-category-title {
  direction: rtl;
  text-align: right;
}
.pricelist-item-name { direction: rtl; text-align: right; }

/* Blockquote accent border on the right instead of left */
blockquote {
  border-left: none;
  border-right: 3px solid var(--gold);
  padding-left: 0;
  padding-right: 20px;
}

/* Bio block accent border on the right instead of left */
.bio-block {
  border-left: 1px solid #eee2c8;
  border-right: 3px solid var(--gold);
}
.bio-toggle { direction: rtl; }

/* Check-list icon stays before text visually (icon still first in DOM) */
.check-list li { direction: rtl; text-align: right; }

/* Nav links + form placeholders read right-to-left */
#main-nav a, .footer-nav a, .contact-info li {
  direction: rtl;
}

/* Buttons: keep icon-plus-text layout but align text properly */
.btn { direction: rtl; }