/* ═══════════════════════════════════════════════════════════
   TENDERSLAB — RTL / HEBREW STYLESHEET
   Applied to all /he/ pages. Loads after the main stylesheets
   to override LTR-specific rules.
═══════════════════════════════════════════════════════════ */

/* ── Base RTL direction ─────────────────────────────────── */
html[lang="he"],
html[lang="he"] body {
  direction: rtl;
  font-family: 'Assistant', 'Arial Hebrew', 'David', sans-serif;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Typography ─────────────────────────────────────────── */
/* Apply Assistant to ALL text elements - Hebrew glyphs need this */
html[lang="he"] *,
html[lang="he"] h1,
html[lang="he"] h2,
html[lang="he"] h3,
html[lang="he"] h4,
html[lang="he"] h5,
html[lang="he"] p,
html[lang="he"] a,
html[lang="he"] li,
html[lang="he"] span,
html[lang="he"] div,
html[lang="he"] button,
html[lang="he"] label {
  font-family: 'Assistant', 'Arial Hebrew', sans-serif;
  letter-spacing: 0 !important; /* Hebrew must have zero letter-spacing */
}

html[lang="he"] h1,
html[lang="he"] h2,
html[lang="he"] h3 {
  font-weight: 700;
  line-height: 1.25;
}

html[lang="he"] p,
html[lang="he"] li {
  line-height: 1.85;
  font-size: 1.02em; /* Hebrew glyphs read slightly smaller - compensate */
}

/* Eyebrow labels / tags - disable uppercase + tracking for Hebrew */
html[lang="he"] .tl-eyebrow,
html[lang="he"] .hero-eyebrow,
html[lang="he"] .cs-badge,
html[lang="he"] .product-chip,
html[lang="he"] .cs-tag,
html[lang="he"] .svc-eyebrow {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: 'Assistant', sans-serif;
  font-weight: 700;
}

/* Override any Caveat or DM Sans the base styles inject */
html[lang="he"] .hero-v2-title,
html[lang="he"] .tl-h2,
html[lang="he"] .hero-gradient-text {
  font-family: 'Assistant', sans-serif;
  letter-spacing: -0.01em;
}


/* ── Navigation ─────────────────────────────────────────── */
html[lang="he"] .nav-links {
  flex-direction: row-reverse;
}
html[lang="he"] .nav-brand {
  margin-right: 0;
  margin-left: auto;
}
html[lang="he"] .nav-actions {
  margin-left: 0;
  margin-right: auto;
}
html[lang="he"] .dropdown-content {
  left: auto;
  right: 0;
}
html[lang="he"] .lang-switcher {
  order: -1;
}

/* ── Hero section ───────────────────────────────────────── */
html[lang="he"] .hero-v2-inner {
  text-align: center; /* Keep hero centered */
}
html[lang="he"] .hero-badge {
  direction: rtl;
}
html[lang="he"] .hero-cta-group {
  flex-direction: row-reverse;
  justify-content: center;
}

/* ── Trust strip ─────────────────────────────────────────── */
html[lang="he"] .hero-trust-track {
  direction: ltr; /* Keep logo carousel LTR */
}

/* ── Flex containers ─────────────────────────────────────── */
html[lang="he"] .tl-two-col,
html[lang="he"] .split-col,
html[lang="he"] .case-row,
html[lang="he"] .service-card {
  flex-direction: row-reverse;
}

/* ── Cards & lists ───────────────────────────────────────── */
html[lang="he"] .tl-card,
html[lang="he"] .feature-item,
html[lang="he"] .step-item {
  text-align: right;
}

html[lang="he"] .feature-item svg,
html[lang="he"] .step-number {
  margin-right: 0;
  margin-left: 12px;
}

/* ── Icon positioning (bullet-style) ────────────────────── */
html[lang="he"] .check-list li,
html[lang="he"] .bullet-list li {
  padding-right: 24px;
  padding-left: 0;
}
html[lang="he"] .check-list li::before,
html[lang="he"] .bullet-list li::before {
  right: 0;
  left: auto;
}

/* ── Footer ─────────────────────────────────────────────── */
html[lang="he"] .footer-columns {
  direction: rtl;
}
html[lang="he"] .footer-column {
  text-align: right;
}
html[lang="he"] .footer-bottom {
  flex-direction: row-reverse;
}

/* ── Forms ───────────────────────────────────────────────── */
html[lang="he"] input,
html[lang="he"] textarea,
html[lang="he"] select {
  text-align: right;
  direction: rtl;
}

/* ── Language switcher: inherits purple pill from navigation.css ── */
/* No override needed - the purple pill style works for both LTR and RTL */

/* ── Mobile RTL fixes ────────────────────────────────────── */
@media (max-width: 768px) {
  html[lang="he"] .tl-two-col,
  html[lang="he"] .case-row,
  html[lang="he"] .service-card {
    flex-direction: column;
  }
  html[lang="he"] .hero-cta-group {
    flex-direction: column;
    align-items: stretch;
  }
}