/**
 * styles-ltr.css
 * LTR overrides for the English version of Alon Planning.
 * Loaded AFTER the shared styles.css to flip RTL-specific rules.
 */

/* ── Direction & Language ───────────────────────────────────────── */
html {
  direction: ltr;
}

/* ── Mobile Nav Links — align left in LTR ──────────────────────── */
.mobile-nav-link {
  text-align: left;
}

/* ── Contact Modal — text left, close button on right ──────────── */
.contact-modal-panel {
  text-align: left;
}

.contact-modal-close {
  left: auto;
  right: 14px;
}

/* ── Experience Badge — flip from right to left corner ─────────── */
.experience-badge {
  right: auto;
  left: -12px;
}

/* ── Service Card hover accent line — flip to left side ─────────── */
.service-card::after {
  right: auto;
  left: -16px;
}

.service-card:hover::before {
  transform: translateX(6px);
}

/* ── 3D Badge — already uses right:12px which is fine in LTR ───── */

/* ── Social Fixed Bar — flip to right side in LTR ──────────────── */
.social-fixed {
  left: auto;
  right: 32px;
}

/* ── Nav Active Underline — flip to correct side ───────────────── */
.nav-link.active::after {
  left: 0;
  right: 0;
}

/* ── Footer bottom alignment — push to outer margins ──────────── */
.footer-bottom-left {
  justify-self: start;
  text-align: left;
}

.footer-bottom-right {
  justify-self: end;
  text-align: right;
}

@media (max-width: 767px) {
  .footer-bottom-left,
  .footer-bottom-right {
    justify-self: center;
    text-align: center;
  }
}

/* ── About grid — image comes first on desktop in LTR ──────────── */
@media (min-width: 1024px) {
  .about-grid {
    grid-template-columns: 1.25fr 1fr;
  }

  .about-image-wrap {
    order: -1;
  }
}

/* ── Language switcher pill ─────────────────────────────────────── */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--green);
  border: 1.5px solid var(--green);
  border-radius: 999px;
  padding: 4px 12px;
  transition: all 200ms ease;
  white-space: nowrap;
  text-decoration: none;
}

.lang-switcher:hover {
  background: var(--green);
  color: white;
}

.lang-switcher svg {
  flex-shrink: 0;
}

/* ── Diploma page: back button arrow flip ───────────────────────── */
.btn-back:hover svg {
  transform: translateX(-4px);
}

/* ── Job card: share button direction ───────────────────────────── */
.single-job-header {
  text-align: left;
}