/* =========================================
   RTL Override Styles (Hebrew) — v4
   ========================================= */

body {
  direction: rtl;
  text-align: right;
}

code, pre, var, kbd, samp {
  direction: ltr;
  text-align: left;
}

/* =========================================
   NAVBAR (RTL) — Desktop
   ========================================= */
html[lang="he"] .navbar .nav-container {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between !important;
  flex-direction: row !important;
}

html[lang="he"] .navbar .logo {
  margin-right: 0;
}

html[lang="he"] .navbar .nav-menu {
  margin-left: 0;
  margin-right: auto;
}

/* Nav underline from right in RTL */
html[lang="he"] .nav-menu a::after {
  left: auto;
  right: 12px;
}

html[lang="he"] .nav-menu a[aria-current="page"]::after {
  left: auto;
  right: 12px;
}

/* =========================================
   HERO
   ========================================= */
html[lang="he"] .hero-decoration {
  right: auto;
  left: -290px;
}

/* =========================================
   SECTION TITLES — underline stays centered
   ========================================= */
html[lang="he"] .section-title::after {
  margin: 1.2rem auto 0;
}

/* =========================================
   PROCESS STEPS
   ========================================= */
@media (max-width: 700px) {
  html[lang="he"] .process-step {
    text-align: right;
    flex-direction: row-reverse;
  }
}

/* =========================================
   PRICING FEATURES
   ========================================= */
html[lang="he"] .pricing-features li {
  flex-direction: row-reverse;
}

/* =========================================
   TESTIMONIAL AUTHORS
   ========================================= */
html[lang="he"] .testimonial-author {
  flex-direction: row-reverse;
}

/* =========================================
   ABOUT
   ========================================= */
html[lang="he"] .about-content {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 900px) {
  html[lang="he"] .about-content {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   CONTACT + FORM
   ========================================= */
html[lang="he"] .contact-options {
  flex-direction: row-reverse;
  justify-content: center;
}

html[lang="he"] .form-group label {
  text-align: right;
}

html[lang="he"] .form-group input,
html[lang="he"] .form-group textarea {
  text-align: right;
}

/* =========================================
   FAQ
   ========================================= */
html[lang="he"] .faq-question {
  text-align: right;
  flex-direction: row-reverse;
}

/* =========================================
   FOOTER
   ========================================= */
html[lang="he"] .footer-links {
  flex-direction: row-reverse;
}

/* =========================================
   PORTFOLIO browser dots move to right
   ========================================= */
html[lang="he"] .portfolio-image::after {
  left: auto;
  right: 12px;
}

/* =========================================
   WHATSAPP floating button
   ========================================= */
html[lang="he"] .whatsapp-float {
  right: auto;
  left: 2rem;
}

@media (max-width: 768px) {
  html[lang="he"] .whatsapp-float {
    left: 1.5rem;
    right: auto;
  }
}

/* =========================================
   SKIP LINK (RTL)
   ========================================= */
html[lang="he"] .skip-link {
  left: auto;
  right: 0;
  border-radius: 0 0 0 10px;
}

/* =========================================
   A11Y MENU — RTL
   ========================================= */
html[lang="he"] .a11y-nav-menu {
  left: 0;
  right: auto;
}

/* =========================================
   MOBILE NAV (RTL) — Drawer from LEFT
   ========================================= */
@media (max-width: 860px) {
  html[lang="he"] .navbar .nav-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    width: 100% !important;
  }

  html[lang="he"] .navbar .nav-toggle {
    margin-left: 0 !important;
  }

  /* Drawer slides from LEFT for Hebrew */
  html[lang="he"] .navbar .nav-menu {
    right: auto !important;
    left: 0 !important;

    border-left: none !important;
    border-right: 1px solid rgba(255,220,140,0.18) !important;
    border-radius: 0 20px 20px 0 !important;

    box-shadow: 18px 0 65px rgba(0,0,0,0.45) !important;

    transform: translateX(-110%) !important;

    direction: rtl !important;
    text-align: right !important;
  }

  html[lang="he"] .navbar .nav-menu.is-open {
    transform: translateX(0%) !important;
  }

  html[lang="he"] .navbar .nav-menu a {
    justify-content: flex-end !important;
  }
}
@media (max-width: 820px) {
  html[lang="he"] .trust-item {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: right;
  }

  html[lang="he"] .trust-item > div {
    width: 100%;
    text-align: right;
  }
}