/* =========================================================
   LTR Overrides — English pages (html dir="ltr")
   Loaded AFTER main.css, only on LTR pages.
   Mirrors every direction-sensitive declaration of main.css.
   Selectors reuse the originals verbatim: equal specificity +
   later source order wins, while state rules in main.css
   (.mobile-nav-panel.open, .reveal.in-view) keep their
   higher specificity and still apply correctly.
   ========================================================= */

/* Base direction (main.css sets direction: rtl on body, which
   would override the dir="ltr" attribute — must be reset here) */
body {
  direction: ltr;
  text-align: left;
}

/* Nav underline: anchored at inline-end (was left: 0 in RTL) */
.nav-link::after {
  left: auto;
  right: 0;
}

/* Mobile drawer: slides in from the LEFT on LTR pages
   (.mobile-nav-panel.open { translateX(0) } in main.css still wins) */
.mobile-nav-panel {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

/* Mobile nav link hover nudge: was padding-right in RTL */
.mobile-nav-link:hover {
  padding-right: 0;
  padding-left: 8px;
}

/* Hero bottom scoop corner: mirror the asymmetric radius */
.hero {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 80px;
}

/* Decorative hero glows: mirror positions */
.hero-glow-1 {
  left: auto;
  right: -50px;
}

.hero-glow-2 {
  right: auto;
  left: -50px;
}

/* Card accent bar: right edge -> left edge */
.card::before {
  right: auto;
  left: 0;
}

/* Card link hover nudge: was padding-left in RTL */
.card-link:hover {
  padding-left: 0;
  padding-right: 5px;
}

/* Rich content headings: accent bar and padding flip sides */
.rich-content h3 {
  padding-right: 0;
  padding-left: 18px;
}

.rich-content h3::before {
  right: auto;
  left: 0;
}

/* Rich content lists: checkmark bullets flip to the left */
.rich-content ul {
  padding-right: 0;
  padding-left: 1.8rem;
}

.rich-content ul li::before {
  right: auto;
  left: -1.8rem;
}

/* Tables read left-aligned in LTR */
.comparison-table th, .comparison-table td {
  text-align: left;
}

/* FAQ question text alignment */
.faq-question {
  text-align: left;
}

/* CTA final section scoop corner: mirror the asymmetric radius */
.cta-final {
  border-top-right-radius: 0;
  border-top-left-radius: 80px;
}

/* Floating action buttons: bottom-left in RTL -> bottom-right in LTR */
.floating-container {
  left: auto;
  right: 25px;
}

/* Footer CTA banner: accent border flips to the left edge
   (right edge reverts to the thin 1px frame border) */
.footer-cta-banner {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  border-left: 5px solid var(--accent-color);
}

/* Decorative footer glows: mirror positions */
.footer-glow-1 {
  left: auto;
  right: 5%;
}

.footer-glow-2 {
  right: auto;
  left: 5%;
}

/* Footer column heading underline: anchored right -> left */
.footer-col h3::after {
  right: auto;
  left: 0;
}

/* Footer link arrow icon: slides in from the opposite side */
.footer-link-item a i {
  transform: translateX(-8px);
}

/* Footer link hover nudge: was padding-right in RTL */
.footer-link-item a:hover {
  padding-right: 0;
  padding-left: 4px;
}

/* Manual paragraph cards: accent border and hover slide mirror
   (main.css uses !important on the border style, so keep it here) */
.manual-paragraph-card:hover {
  border-left-style: solid !important;
  transform: translateX(4px);
}

/* Scroll-to-top button: bottom-left in RTL -> bottom-right in LTR */
.scroll-top-btn {
  left: auto;
  right: 25px;
}

/* Reading progress bar: grows from the left in LTR */
.read-progress {
  right: auto;
  left: 0;
}

/* Scroll-reveal slide directions: mirror translateX signs
   (plain selectors so .reveal.in-view in main.css still wins) */
.reveal-slide-right {
  transform: translateX(40px);
}

.reveal-slide-left {
  transform: translateX(-40px);
}

/* Marquee gallery: RTL scrolls positive, LTR must scroll negative.
   Redefining the keyframes here overrides main.css (last wins). */
@keyframes scrollMarquee {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-50% - 0.75rem), 0, 0);
    -webkit-transform: translate3d(calc(-50% - 0.75rem), 0, 0);
  }
}

/* Mobile: footer CTA banner accent border width (mirrors
   border-right-width: 4px from main.css @media block) */
@media (max-width: 576px) {
  .footer-cta-banner {
    border-right-width: 1px;
    border-left-width: 4px;
  }
}

/* Shared utility */
.lang-switch {
  font-weight: 600;
}