/* LTR Specific Styles for English */
html[dir="ltr"] {
  text-align: left;
}

html[dir="ltr"] body {
  font-family: 'Inter', sans-serif;
}

html[dir="ltr"] .navbar .nav-logo {
  margin-right: auto;
  margin-left: 0;
}

html[dir="ltr"] .hero-badge {
  flex-direction: row;
}

html[dir="ltr"] .btn svg {
  transform: scaleX(-1);
  margin-right: 0;
  margin-left: 0.5rem;
}

html[dir="ltr"] .section-tag {
  margin-left: 0;
  margin-right: 1rem;
}

html[dir="ltr"] .about-grid, 
html[dir="ltr"] .contact-grid {
  /* No change if using flex/grid gap, but if margin was used: */
}

/* Fix any arrow icons */
html[dir="ltr"] .project-nav-btn svg {
  transform: scaleX(-1);
}

html[dir="ltr"] .timeline-item.reveal-right {
  animation-name: slideInLeft; /* reverse animation direction if needed */
}

html[dir="ltr"] .timeline-item.reveal-left {
  animation-name: slideInRight;
}

html[dir="ltr"] .skill-tab svg {
  margin-left: 0;
  margin-right: 0.5rem;
}

html[dir="ltr"] .form-group label {
  left: 0;
  right: auto;
}

html[dir="ltr"] .social-link svg {
  margin-left: 0;
  margin-right: 0.75rem;
}