/* =============================================
   BEST REGARDS CHOCOLATE — Arabic / RTL Styles
   ============================================= */

html[lang="ar"] {
  direction: rtl;
}

body {
  font-family: 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
}

/* Override serif font with Arabic-friendly alternative */
h1, h2, h3, h4,
.nav-logo-name,
.footer-brand-name {
  font-family: 'Segoe UI', 'Tahoma', Georgia, serif;
}

/* Nav adjustments for RTL */
.nav-inner {
  flex-direction: row-reverse;
}

.nav-links {
  flex-direction: row-reverse;
}

.nav-actions {
  flex-direction: row-reverse;
}

.nav-logo {
  flex-direction: row-reverse;
}

/* Hero */
.hero-inner {
  direction: rtl;
  text-align: right;
}

.hero-actions {
  justify-content: flex-start;
  flex-direction: row-reverse;
}

/* About */
.about-inner {
  flex-direction: row-reverse;
}

/* Footer */
.footer-grid {
  direction: rtl;
}

.footer-col ul {
  text-align: right;
}

.footer-brand {
  text-align: right;
}

.footer-socials {
  justify-content: flex-end;
}

.footer-bottom {
  flex-direction: row-reverse;
}

/* Forms */
.form-row {
  flex-direction: row-reverse;
}

.form-group label {
  text-align: right;
}

/* Help pages */
.help-layout {
  flex-direction: row-reverse;
  direction: rtl;
}

.help-nav {
  text-align: right;
}

/* Story page */
.story-grid {
  direction: rtl;
}

.story-content {
  text-align: right;
}

/* Shop sidebar */
.shop-layout {
  direction: rtl;
}

.filter-btn {
  text-align: right;
}

/* Cart & checkout */
.cart-drawer-header,
.cart-item-info {
  direction: rtl;
  text-align: right;
}

.modal-header {
  flex-direction: row-reverse;
}

.order-summary {
  direction: rtl;
}

/* Page headers */
.page-header {
  direction: rtl;
}

/* Contact cards */
.contact-layout {
  flex-direction: row-reverse;
  direction: rtl;
}

.contact-card {
  flex-direction: row-reverse;
  text-align: right;
}

/* Lang toggle (show EN on Arabic pages) */
.lang-toggle-ar {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--text-muted);
  border: 1.5px solid rgba(186,144,139,0.4);
  border-radius: var(--radius-sm);
  padding: 5px 10px;
  transition: var(--transition);
  white-space: nowrap;
  text-decoration: none;
}
.lang-toggle-ar:hover {
  color: var(--primary-dark);
  border-color: var(--primary);
  background: rgba(186,144,139,0.08);
}

/* Marquee RTL */
.marquee-track {
  direction: ltr;
}

/* Steps list RTL */
.steps-list li {
  flex-direction: row;
}

/* FAQ */
.faq-question {
  text-align: right;
  flex-direction: row-reverse;
}

.faq-answer-inner {
  text-align: right;
}