/* ========================================
   ViewBoost — LTR Overrides for English
   Base CSS is RTL-first (Hebrew).
   This file is loaded ONLY by /en/ pages.
   ======================================== */

/* Body & global direction */
body {
    font-family: 'Inter', 'Heebo', sans-serif;
}

/* Form inputs — override RTL direction */
.form-group input,
.form-group textarea,
.form-group select {
    direction: ltr;
}

/* Form input icons — flip to left for LTR */
.input-with-icon input,
.input-with-icon textarea {
    padding-right: 18px;
    padding-left: 44px;
}
.input-icon {
    right: auto;
    left: 14px;
}
.service-btn .check-icon {
    right: auto;
    left: 6px;
}

/* Contact info alignment */
.contact-info {
    text-align: left;
}

/* Footer text alignment */
.footer-tagline {
    text-align: left;
}

/* FAQ toggle arrow — flip for LTR */
.faq-toggle {
    margin-left: 0;
    margin-right: auto;
}

/* Nav element ordering — LTR (logo=start/left, controls=end/right) */
.nav-container .logo         { order: -1; }
.nav-container .nav-menu     { order: 1; }
.nav-container .nav-controls { order: 2; }

/* Nav menu underline — flip for LTR */
.nav-menu a::after {
    left: 0;
    right: auto;
}

/* Skip link positioning */
.skip-link {
    right: auto;
    left: 0;
    border-radius: 0 0 8px 0;
}

/* Floating contact button — flip to right side for LTR */
.floating-contact {
    left: auto;
    right: 0;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 0 12px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1024px) {
    .nav-container .logo { order: 2; }
    .nav-container .nav-controls { order: -1; }
}
@media (max-width: 768px) {
    .floating-contact {
        left: auto;
        right: 0;
        transform: translateY(-50%);
    }
    .floating-contact.visible {
        transform: translateY(-50%);
    }
    /* Input icons: mobile adjustment for LTR */
    .input-with-icon input,
    .input-with-icon textarea {
        padding-left: 40px;
        padding-right: 18px;
    }
}

/* WhatsApp float — flip to right side for LTR */
.whatsapp-float {
    left: auto;
    right: 24px;
}

/* Process arrows — no flip needed in LTR */
.process-arrow svg {
    transform: none;
}