/* English (LTR) overrides — loaded AFTER styles.css on the English pages.
   Flips the RTL-specific rules to LTR and swaps to the English typeface pairing
   (Space Grotesk headings + IBM Plex Sans body). Layout is otherwise inherited. */

body{
  direction:ltr;
  font-family:"IBM Plex Sans","Assistant",system-ui,sans-serif;
}
h1,h2,h3,h4,.brand-title{
  font-family:"Space Grotesk","Heebo",system-ui,sans-serif;
  letter-spacing:-.01em;
}

/* Text alignment: everything that was pinned right flips to left (start) */
.blog-results-head,
.article-section,
.section-head .section-intro,
.section-head .kicker,
.use-case-title h3,
.blog-card .inline-link,
.article-end-cta,
.article-end-cta .btn,
.heading-row,
.heading-row h1,
.heading-row h2,
.heading-row h3,
.number-title-row,
.number-title-row h3,
.number-title-row .card-number,
.use-case-title,
.card h3,
.card p{
  text-align:left;
}

/* Blocks whose flow direction was forced RTL return to LTR */
.consulting-more,
.article-end-cta,
.actions,
.diagnostic-actions,
.blog-card .card-top-meta,
.hero-side-actions,
.link-row,
.heading-row{
  direction:ltr;
}

/* Action rows: keep buttons starting from the left edge */
.actions,
.diagnostic-actions,
.consulting-more,
.link-row{
  justify-content:flex-start !important;
}

/* Section-header code labels sit on the far right in LTR */
.section-head{
  direction:ltr;
}

/* The bordered blueprint corner accents + numbered labels already read LTR. */
.kicker,
.card-number,
.use-case-number,
.mini-code{
  direction:ltr;
  text-align:left;
}

/* Brand sub-line under the logo is already Latin — keep it tidy */
.brand-sub{direction:ltr;}

/* Header: English runs wider than Hebrew — tighten so everything fits one row */
.nav{gap:14px;}
.brand-title{max-width:none;font-size:var(--fs-sm);}
.brand-sub{font-size:var(--fs-xs);}
.links{gap:14px;font-size:var(--fs-sm);}
.links a{white-space:nowrap;}
.nav-cta{white-space:nowrap;padding:9px 13px;font-size:var(--fs-sm);}
@media (min-width:761px) and (max-width:1120px){
  .brand-logo{width:44px;height:44px;}
  .brand-logo-image img{width:42px;height:42px;}
  .brand-title{font-size:var(--fs-sm);}
  .links{gap:11px;font-size:var(--fs-sm);}
}

/* Remaining Hebrew-base right-alignments flipped to left for LTR body */
.outputs,
.heading-row h2,
.number-title-row h3,
.use-case-title h3,
.section-head .section-intro{
  text-align:left !important;
}
.number-title-row .card-number,
.testimonial-ref{
  text-align:left !important;
}
/* Section header: title left, code label right */
.section-head{
  display:flex;
  justify-content:space-between;
  text-align:left;
}
.section-head .mini-code{text-align:right !important;}

/* === V26: comprehensive LTR text alignment for all English pages === */
.section-head,
.section-head > div,
.section-head h2,
.section-head .section-intro,
.card, .card h3, .card p,
.components-cards .card, .components-cards .card h3, .components-cards .card p,
.systems-cards .card h3, .systems-cards .card p,
.number-title-row, .number-title-row h3,
.use-case-row, .use-case-row p, .use-case-title, .use-case-title h3,
.inline-process-list .use-case-row, .inline-process-list .use-case-row p,
.diagnosis-panel, .diagnosis-panel .lead, .diagnosis-panel p,
.approach-general, .approach-general h2, .approach-general p, .merged-explainer,
.article-section, .article-main, .article-side, .article-section h2, .article-section p,
.blog-card, .blog-card h3, .blog-card p, .blog-results-head,
.service-content, .service-summary, .service-summary .lead, .service-summary p,
.service-list-item, .service-list-item h3, .service-list-item p,
.service-example-card, .service-example-card h3, .service-example-card p,
.contact-card-form, .process-questions h3, .question-title, .question-card,
.lead{
  text-align:left !important;
}
.section-head .mini-code, .mini-code{ text-align:right !important; }
.card-number, .use-case-number, .kicker, .card-top-meta{ text-align:left !important; }
.section-head, .section-head > div,
.card, .use-case-row, .diagnosis-panel, .approach-general,
.article-section, .article-main, .article-side,
.blog-card, .service-content, .service-summary,
.service-list-item, .service-example-card, .contact-card-form{
  direction:ltr;
}

/* temporary purple access button to the diagnostic questionnaire */
.temp-btn{background:#6d5bd0;border-color:#8a79e8;color:#fff;font-weight:800;padding:11px 16px}
.temp-btn:hover{background:#8a79e8;border-color:#a494f5;color:#fff}
.nav .temp-btn{margin-inline-start:8px}

/* Services EN: + markers whose article is not translated yet */
.more-link.is-disabled{cursor:default;opacity:.4;pointer-events:none;}


/* ---- Mobile (v27): section heads keep the code label on the title line ---- */
@media (max-width:760px){
  .section-head{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px 12px !important;align-items:center !important;}
  .section-head > div:first-child{display:contents;}
  .section-head h2{grid-column:1;grid-row:1;align-self:center;}
  .section-head .section-intro{grid-column:1 / -1;grid-row:2;margin-top:2px;}
  .section-head .kicker{grid-column:1 / -1;}
  .section-head .mini-code{grid-column:2;grid-row:1;align-self:center;justify-self:end !important;
    white-space:normal !important;text-align:center !important;max-width:44vw;line-height:1.35;}
}


/* ============================================================
   COMMUNITY MECHANICS PAGE — English (LTR) deltas.
   Moved here from community-mechanics-en.html.
   ============================================================ */
.cm-hero-section .cm-title-panel{top:22px;left:0;right:auto;text-align:left;border-left:0;border-right:5px solid var(--orange);border-bottom:1px solid var(--soft)}
.cm-hero-section .cm-question-text{white-space:normal;text-align:left;flex:1 1 auto;min-width:0;font-size:clamp(17px,2.15vw,31px);letter-spacing:-.2px}
.cm-hero-section .cm-question-bar .rotating-box{width:auto;min-width:210px;max-width:300px;flex:0 1 300px;display:flex;text-align:center;padding:10px var(--sp-4)}
.cm-hero-section .cm-question-bar .rotating-word{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;white-space:nowrap;line-height:1;font-size:clamp(18px,1.7vw,20px);transform:none;overflow:hidden;text-transform:none;padding:0;margin:0}
.cm-hero-section .cm-question-bar .rotating-word::first-letter{text-transform:uppercase}
.components-cards{align-items:stretch}
.components-cards .card{align-self:stretch;height:100%;min-height:200px}
.diagnostic-actions{justify-content:flex-start}
.inline-process-list .use-case-row{grid-template-columns:auto 280px minmax(0,1fr);align-items:start;column-gap:18px}
.inline-process-list h3{white-space:normal}
.inline-process-list .use-case-number{padding-top:4px}
@media (max-width:980px){
  .cm-hero-section .cm-question-text{font-size:clamp(17px,2.15vw,31px)}
}
@media (max-width:760px){
  .cm-hero-section .cm-title-panel{top:16px !important;left:0 !important;right:0 !important;width:auto !important;max-width:none !important;padding:var(--sp-3) 14px 14px !important;text-align:center !important;border-left:0 !important;border-right:0 !important;border-bottom:3px solid var(--orange) !important}
  .cm-hero-section .cm-title-panel h1{font-size:clamp(17px,5.2vw,24px);white-space:nowrap}
  .cm-hero-section .cm-question-text{display:block;font-size:clamp(12px,3.4vw,17px);line-height:1.45;white-space:nowrap;flex:none;text-align:center;margin:0}
  .cm-hero-section .cm-question-bar .rotating-box{display:flex;width:184px;min-width:184px;max-width:184px;height:34px;flex:none;padding:0 var(--sp-2);margin:0;overflow:hidden;line-height:1}
  .cm-hero-section .cm-question-bar .rotating-word{font-size:var(--fs-sm);min-height:0;height:auto}
  .inline-process-list .use-case-row{grid-template-columns:auto 1fr;column-gap:var(--sp-3)}
  .inline-process-list h3{grid-column:2;white-space:normal}
  .inline-process-list .use-case-row p{grid-column:2;padding-top:4px}
}

/* EN blog index: LTR date, chips that fit their English labels */
.blog-card-date{direction:ltr}
.blog-card .card-top-meta{flex-wrap:wrap;gap:6px}
.blog-card .card-top-meta .blog-type,
.blog-card .card-top-meta .topic-tag{white-space:nowrap;height:auto;line-height:1.2;align-items:center}

/* EN articles: numbered lines read left-to-right ("01. Title  Description") */
.ladder-steps.ladder-lines .ladder-step-num{margin:0 8px 0 0}
.ladder-steps.ladder-lines .ladder-step-num::before{content:none}
.ladder-steps.ladder-lines .ladder-step-num::after{content:"."}
.ladder-steps.ladder-lines .ladder-step-title{margin-inline-end:10px}

/* EN blog filters: labels stay on one line, headings align left */
.blog-filters .filter-title{text-align:left !important}
.blog-filters,.filter-subtype-row{direction:ltr}
.filter-btn,.subtype-btn{white-space:nowrap}
.filters-count{white-space:nowrap}
.blog-empty-state{text-align:left}

.article-updated{direction:ltr}


/* Mobile: no section tag — same single-column head as the Hebrew pages */
@media (max-width:760px){
  .section-head{grid-template-columns:minmax(0,1fr) !important;gap:10px !important}
  .section-head .mini-code{display:none !important}
  .section-head h1,
  .section-head h2,
  .section-head .section-intro{grid-column:1 !important}
}
/* match the Hebrew components-card sizing */
.components-cards .card{align-self:start;height:auto;min-height:0}

/* Desktop: section head matches the Hebrew grid — tag beside the title, intro on its own row below */
@media (min-width:761px){
  .section-head{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px 18px !important;align-items:center !important}
  .section-head > div:first-child{display:contents}
  .section-head h1,
  .section-head h2{grid-column:1;grid-row:1;align-self:center;margin-bottom:0}
  .section-head .section-intro{grid-column:1 / -1;grid-row:2;margin-top:10px}
  .section-head .mini-code{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0}
}

/* ---- English long-copy balance: keeps EN pages close to the Hebrew rhythm ---- */
@media (min-width:981px){
  .about-col-text{flex:1 1 640px !important}
  .about-col-visual{flex:0 1 420px !important}
  .about-col-text p{font-size:16px !important;line-height:1.58}
  .hero h1{text-wrap:balance}
  .lead{text-wrap:pretty}
}


/* V26 — English system names are longer: title and its number share one smaller size
   so they still sit on a single row with the logo. */
.systems-cards .system-card .number-title-row h3,
.components-cards .system-card h3{font-size:clamp(18px,1.5vw,22px)}
.systems-cards .system-card .number-title-row .card-number{font-size:clamp(18px,1.5vw,22px) !important}


/* LTR: the period flips to the number's right, still between number and title */
.card-number::before{content:none}
.card-number::after{content:"."}