/*========================================*/
/*        English page (en.html)           */
/*  Left-to-right overrides for the shared  */
/*  styles.css, which defaults to RTL.      */
/*  Must be linked AFTER styles.css.        */
/*========================================*/

/* Flip the whole document to left-to-right.
   styles.css sets `html { direction: rtl }`; this same-selector
   rule loads later and wins, so every element inherits LTR. */
html {
    direction: ltr;
}

/* The footer's accreditation lines carry an explicit
   `direction: rtl` in styles.css, which beats the inherited LTR.
   Re-align them for the English footer. */
.mnst-footer-commercial-text {
    direction: ltr;
}

/* Quick-link hover indent should grow on the left edge in LTR
   (styles.css indents on the right for the Arabic layout). */
.mnst-footer-links-list li a {
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.mnst-footer-links-list li a:hover {
    padding-right: 0;
    padding-left: 0.35rem;
}

/* --- Elements in styles.css that hard-code direction: rtl --- */
/* These beat the inherited LTR, so re-align them for the English page. */

.mnst-phone-label {
    direction: ltr;
    text-align: left;
}

.mnst-phone-note {
    direction: ltr;
}

.mnst-testimonials-wrapper,
.mnst-testimonial-stars,
.mnst-faq-item {
    direction: ltr;
}

/* Forward arrows point right in LTR (styles.css nudges them left for RTL). */
.elegant-hero-cta:hover .button-icon,
.mnst-submit-button:hover .button-icon {
    transform: translateX(5px);
}