/*
 * V TECH: the English site (/en/) is LTR.
 * Loaded after style.css on English pages only. Mirrors the physical (left/right) rules of style.css;
 * logical properties, grids and flex rows flip on their own with dir="ltr".
 */

/* ================= TYPE ================= */
.m,.num,.spec,.row-spec,.xsec-spec,.tbl td,.contact-facts .v{direction:ltr;text-align:left}
.bidi{text-align:left}
.ltr{text-align:left}
.contact-facts .v.txt{direction:ltr}
.skip-link{right:auto;left:16px}

/* ================= BUTTONS: label, then the arrow cell on the right ================= */
.btn{padding:0 0 0 24px}
.btn .k{margin-right:0;margin-left:20px;border-right:0;border-left:1px solid rgba(245,247,248,.25)}
.btn:hover .k svg,.link-u:hover svg{transform:translateX(4px)}
.btn.light .k{border-left-color:rgba(16,45,70,.2)}
.btn.ghost .k{border-left-color:rgba(16,45,70,.25)}
.btn.ghostl .k{border-left-color:rgba(245,247,248,.3)}
.overlay.is-stuck .btn.ghostl .k{border-left-color:rgba(245,247,248,.25)}
.btn.sm{padding-right:0;padding-left:18px}
.btn.sm .k{margin-right:0;margin-left:14px}

/* ================= HEADER ================= */
.logo .sub{direction:ltr;text-align:left}
.nav a::after{transform-origin:left}
.nav .sub-menu{right:auto;left:-18px}
@keyframes mrise-ltr{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.mnav.open .mnav-body>ul>li,.mnav.open .mnav-lang{animation-name:mrise-ltr}

/* ================= HOME ================= */
.hero-frame{border-radius:0 3px 3px 0}
.pair figcaption{right:auto;left:14px}

/* ================= PROJECTS, CARDS, PRODUCT ================= */
.plate-stage figcaption{right:auto;left:12px}
.card .ph-sec{left:auto;right:12px}
.chip{left:auto;right:12px}
.pending-ph .lbl{left:auto;right:8px}
.gal-main .code{left:auto;right:14px}
.sizes .unit{margin-left:0;margin-right:6px}
.tbl th{padding:14px 16px 14px 0;text-align:left}

/* ================= ABOUT ================= */
.about-hero .shade{background:linear-gradient(270deg,rgba(16,45,70,.2),rgba(16,45,70,.82) 60%)}
.about-hero .aside{border-right:0;padding-right:0;border-left:1px solid rgba(245,247,248,.3);padding-left:24px}
.photo-tag{left:auto;right:12px}
.photo-tag.hero-tag{left:auto;right:max(var(--gutter),calc((100% - var(--container))/2 + var(--gutter)))}
.adv::before{right:auto;left:0}

/* ================= FORMS ================= */
.fld select{background-position:right 16px center;padding-left:14px;padding-right:40px}
/* the honeypot sits off-screen before the start edge (in LTR, -9999px on the right would widen the page) */
.hp{right:auto;left:-9999px}

/* ================= CONTENT ================= */
.toc{border-left:0;padding-left:0;border-right:1px solid var(--line);padding-right:16px}
.prose ul,.prose ol{padding-right:0;padding-left:22px}

/* ================= FLOATING WHATSAPP ================= */
.wa{left:auto;right:24px}

@media (max-width:900px){
  .about-hero .shade{background:linear-gradient(180deg,rgba(16,45,70,.6) 0%,rgba(16,45,70,.84) 40%,rgba(16,45,70,.92) 100%)}
  .hero-frame{border-radius:0}
  .toc{border-right:0;padding-right:0}
  .wa{left:auto;right:16px}
}