@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;600;700&display=swap');

html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', Arial, Helvetica, sans-serif;
  text-align: right;
}

html[dir="rtl"] .has-text-align-left {
  text-align: right !important;
}

html[dir="rtl"] .has-text-align-right {
  text-align: left !important;
}

html[dir="rtl"] .header-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar {
  left: auto;
  right: 0;
}

html[dir="rtl"] .builder-item--logo,
html[dir="rtl"] .builder-item--primary-menu,
html[dir="rtl"] .builder-item--footer-menu {
  --textalign: right;
  --justify: flex-start;
}

html[dir="rtl"] .hfg-slot.left {
  order: 2;
}

html[dir="rtl"] .hfg-slot.right {
  order: 1;
}

html[dir="rtl"] .header--row .row--wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .primary-menu-ul,
html[dir="rtl"] .footer-menu,
html[dir="rtl"] header nav ul,
html[dir="rtl"] .breadcrumb ul {
  flex-direction: row-reverse;
  /* Match Neve menu: row-reverse + ltr keeps DOM order visually correct in RTL headers */
  direction: ltr;
}

html[dir="rtl"] .wp-block-buttons.is-horizontal {
  justify-content: flex-end !important;
}

html[dir="rtl"] .wp-block-buttons.is-content-justification-left {
  justify-content: flex-end !important;
}

html[dir="rtl"] .wp-block-buttons.is-content-justification-center {
  justify-content: center !important;
}

html[dir="rtl"] .wp-block-column[style*="padding-right"] {
  padding-right: var(--wp--preset--spacing--30) !important;
  padding-left: var(--wp--preset--spacing--30) !important;
}

html[dir="rtl"] .lang-switch {
  margin-inline-start: 12px;
}

html[dir="rtl"] .lang-switch a {
  font-weight: 600;
  opacity: 0.85;
}

html[dir="rtl"] .product-card-content,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .section-header,
html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .hero-content,
html[dir="rtl"] .footer-section {
  text-align: right;
}

html[dir="rtl"] .breadcrumb ul {
  justify-content: flex-start;
}

html[dir="rtl"] ol,
html[dir="rtl"] ul {
  padding-right: 1.5em;
  padding-left: 0;
}

html[dir="rtl"] .mobile-toggle {
  margin-left: 0;
  margin-right: auto;
}