/* 
 * File Name: english-ltr-v2.css
 * Purpose: LTR Layout Overrides for V2 Widgets
 * Scope: html[lang="en-US"]
 * Date: 2026-04-30
 */

/* =========================================
   About Section V2 (About Page)
   ========================================= */
html[lang="en-US"] .about-v2-bg-decor {
    right: auto !important;
    left: 0 !important;
    background: linear-gradient(-135deg, rgba(243, 112, 33, 0.03) 0%, transparent 100%) !important;
}

html[lang="en-US"] .about-v2-badge-top {
    /* Layout already handled by flex */
}

html[lang="en-US"] .badge-top-line {
    right: auto !important;
    left: 24px !important;
}

html[lang="en-US"] .about-v2-image-decor {
    transform: rotate(3deg) !important;
}

/* =========================================
   Stats Section V2
   ========================================= */
html[lang="en-US"] .stats-v2-header {
    text-align: left !important;
}

html[lang="en-US"] .stats-banner-overlay {
    background: linear-gradient(to right, transparent, #f7f9fb) !important;
    padding-right: 0 !important;
    padding-left: 32px !important;
}

/* =========================================
   Vision Section V2
   ========================================= */
html[lang="en-US"] .vision-v2-btn-icon {
    margin-right: 0 !important;
    margin-left: 12px !important;
    transform: rotate(180deg) !important;
}

html[lang="en-US"] .vision-v2-btn:hover .vision-v2-btn-icon {
    transform: rotate(180deg) translateX(-4px) !important;
}

/* =========================================
   Partners Section V2 (Infinite Scroll)
   ========================================= */
html[lang="en-US"] .partners-v2-track {
    animation-direction: reverse !important;
}

/* =========================================
   Idea to Impl V2
   ========================================= */
html[lang="en-US"] .idea-v2-header-btn .idea-v2-btn-icon {
    transform: rotate(180deg) !important;
    margin-right: 0 !important;
    margin-left: 12px !important;
}

html[lang="en-US"] .idea-v2-header-btn:hover .idea-v2-btn-icon {
    transform: rotate(180deg) translateX(-4px) !important;
}

html[lang="en-US"] .idea-v2-path {
    right: auto !important;
    left: 50% !important;
}

html[lang="en-US"] .idea-v2-step-num-right {
    left: auto !important;
    right: 20px !important;
}

html[lang="en-US"] .idea-v2-step-num-left {
    left: auto !important;
    right: 20px !important;
}

/* =========================================
   Experience V2
   ========================================= */
html[lang="en-US"] .exp-v2-badge-wrapper {
    flex-direction: row !important;
}

html[lang="en-US"] .exp-v2-nav-btn span {
    transform: rotate(180deg) !important;
}

html[lang="en-US"] .exp-v2-vision-badge {
    right: auto !important;
    left: 24px !important;
}

/* =========================================
   Features V2
   ========================================= */
html[lang="en-US"] .feat-v2-header-btn .feat-v2-btn-icon {
    transform: rotate(180deg) !important;
}

html[lang="en-US"] .feat-v2-header-btn:hover .feat-v2-btn-icon {
    transform: rotate(180deg) translateX(-6px) !important;
}

html[lang="en-US"] .feat-v2-card-num {
    right: auto !important;
    left: 24px !important;
}

html[lang="en-US"] .feat-v2-badge-wrapper {
    flex-direction: row !important;
}

/* =========================================
   QA V2 (FAQ)
   ========================================= */
html[lang="en-US"] .qa-v2-quote-btn .qa-v2-btn-icon {
    transform: rotate(180deg) !important;
}

html[lang="en-US"] .qa-v2-quote-btn:hover .qa-v2-btn-icon {
    transform: rotate(180deg) translateX(-6px) !important;
}

html[lang="en-US"] .qa-v2-acc-content {
    padding-inline-start: 88px !important;
    padding-inline-end: 32px !important;
}

html[lang="en-US"] .qa-v2-acc-item.active .qa-v2-acc-content {
    padding-bottom: 50px !important;
}

html[lang="en-US"] .qa-v2-badge-wrapper {
    flex-direction: row !important;
}

html[lang="en-US"] .qa-v2-title-box h2,
html[lang="en-US"] .qa-v2-title-box .section-title {
    text-align: left !important;
}

html[lang="en-US"] .qa-v2-action {
    text-align: left !important;
}

/* =========================================
   Contact V2
   ========================================= */
html[lang="en-US"] .contact-v2-badge-wrapper {
    flex-direction: row !important;
}

html[lang="en-US"] .contact-v2-title,
html[lang="en-US"] .contact-v2-desc {
    text-align: left !important;
}

html[lang="en-US"] .contact-v2-submit-btn span.material-symbols-outlined {
    transform: rotate(0) !important;
}

html[lang="en-US"] .contact-v2-submit-btn:hover span.material-symbols-outlined {
    transform: translateX(5px) rotate(-10deg) !important;
}

/* =========================================
   Footer V2
   ========================================= */
html[lang="en-US"] .footer-v2-contact-item:hover {
    transform: translateX(5px) !important;
}

html[lang="en-US"] .footer-v2-wa-inner i {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

html[lang="en-US"] .wa-v2-dept-arrow {
    transform: translateX(-10px) rotate(180deg) !important;
}

html[lang="en-US"] .wa-v2-dept-card:hover .wa-v2-dept-arrow {
    transform: translateX(0) rotate(180deg) !important;
}

html[lang="en-US"] .footer-v2-bottom {
    flex-direction: row !important;
}

@media (max-width: 768px) {
    html[lang="en-US"] .footer-v2-bottom {
        flex-direction: column !important;
    }
}

/* =========================================
   Leadership Banner V2
   ========================================= */
html[lang="en-US"] .leader-v2-text-wrapper {
    border-right: none !important;
    border-left: 4px solid var(--color-primary-container) !important;
    padding-right: 0 !important;
    padding-left: 28px !important;
}

html[lang="en-US"] .leader-v2-arrow-img {
    transform: rotate(180deg) !important;
}

html[lang="en-US"] .leader-v2-arrow-img {
    transform: rotate(180deg) !important;
}

/* =========================================
   Values Section V2
   ========================================= */
html[lang="en-US"] .values-v2-badge-wrapper {
    flex-direction: row !important;
}

html[lang="en-US"] .values-v2-main-title,
html[lang="en-US"] .values-v2-description {
    text-align: left !important;
}

html[lang="en-US"] .values-v2-arrow-img {
    transform: scaleX(-1);
    /* if it needs flipping */
}

/* =========================================
   Values Section V2
   ========================================= */
html[lang="en-US"] .values-v2-content-part {
    text-align: left !important;
}

html[lang="en-US"] .values-v2-description {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[lang="en-US"] .values-v2-shape-line {
    background: linear-gradient(to right, var(--color-primary-container), transparent) !important;
}

/* =========================================
   Contact V2 Section Page
   ========================================= */
html[lang="en-US"] .contact-v2-title-col,
html[lang="en-US"] .contact-v2-details-col,
html[lang="en-US"] .contact-v2-card-body,
html[lang="en-US"] .contact-v2-socials-wrapper {
    text-align: left !important;
}

html[lang="en-US"] .contact-v2-frame-decor {
    transform: rotate(-3deg) !important;
}

/* =========================================
   How We Serve V2
   ========================================= */
html[lang="en-US"] .hws-v2-badge-wrapper {
    flex-direction: row !important;
}

html[lang="en-US"] .hws-v2-header,
html[lang="en-US"] .hws-v2-card {
    text-align: left !important;
}

html[lang="en-US"] .hws-v2-subtitle {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* =========================================
   Projects Archive V2
   ========================================= */
html[lang="en-US"] .projects-v2-card-content,
html[lang="en-US"] .projects-v2-header {
    text-align: left !important;
}

html[lang="en-US"] .projects-v2-subtitle {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[lang="en-US"] .projects-v2-badge-text .material-symbols-outlined {
    margin-inline-end: 0 !important;
    margin-inline-start: 6px !important;
}

html[lang="en-US"] .projects-v2-card-location .material-symbols-outlined {
    margin-right: 6px !important;
    margin-left: 0 !important;
}

/* =========================================
   Project Details V2
   ========================================= */
html[lang="en-US"] .project-details-v2-card-title {
    text-align: left !important;
}

html[lang="en-US"] .project-details-v2-meta-list .meta-content {
    text-align: left !important;
}