/*------------------------------------------------------------------
[LTR overrides — English page only]
The template markup was mirrored for RTL with physical (left/right)
utilities. These rules put the direction-dependent bits back for LTR.
------------------------------------------------------------------*/

/* Icons that precede text: gap belongs on their right in LTR */
[dir="ltr"] i.ml-2 {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Hero "key technologies" label: accent rule on the start side */
[dir="ltr"] .hero-section h6.border-r {
    border-right-width: 0;
    border-left-width: 1px;
    padding-right: 0;
    padding-left: 14px;
}

/* Expertise cards: icon sits opposite the big number */
[dir="ltr"] .service-card-wrapper .icon {
    left: auto;
    right: 1.5rem;
}

@media (min-width: 768px) {
    [dir="ltr"] .service-card-wrapper .icon {
        right: 2rem;
    }

    /* Experience timeline: vertical rule and dots on the left */
    [dir="ltr"] .experience > ul::before {
        right: auto;
        left: 14rem;
    }

    [dir="ltr"] .experience > ul > li > div + div::before {
        right: auto;
        left: -2rem;
    }

    /* Skills slider arrows: top-right, prev ← counter → next */
    [dir="ltr"] .skills-slider-navigation {
        left: auto;
        right: 2rem;
        flex-direction: row-reverse;
    }
}

@media (min-width: 1024px) {
    [dir="ltr"] .skills-slider-navigation {
        right: 3.25rem;
    }
}

/* Mobile menu: close button opposite the title */
[dir="ltr"] .mobile-menu .close-menu {
    left: auto;
    right: 1rem;
}