/* LTR languages (English, ...) - loaded by views/_layout.php only when the page's language is LTR (lib/i18n.php).
   The site's CSS is written RTL-first; most of it uses logical properties (inset-inline, margin-inline-start)
   and flips by itself with dir="ltr". This file fixes what is physical (text-align: right, left/right offsets,
   arrow directions). Hebrew pages never load it. */

/* text that was right-aligned for Hebrew */
.what-result-lines, .gp-badge span, .lp-compare-table th, .lp-compare-table td,
.docs-content th, .docs-content td { text-align: left; }
.docs-pager-link.next, .apidocs-pager-link.next { text-align: right; }
input[type="tel"], input[type="tel"]::placeholder,
input[type="email"], input[type="email"]::placeholder { text-align: left; }

/* English legal pages (views/en/legal_doc.php): "the Hebrew text governs" note */
.legal-governs {
    display: flex; gap: 10px; align-items: flex-start; margin: 0 0 28px; padding: 14px 16px;
    border-radius: 12px; background: var(--accent-soft, #eef4ff); color: var(--text); font-size: 15px; line-height: 1.55;
}
.legal-governs i { font-size: 20px; flex: none; margin-top: 1px; }

/* about/contact/404/a11y (views/en/...) */
/* .legal-governs mixes text and a link: as flex, each became its own column - flow it as one paragraph instead
   (also fixes views/en/legal_doc.php) */
.legal-governs { display: block; }
.legal-governs i { display: inline-block; vertical-align: -4px; margin-inline-end: 6px; }

/* pricing/calculator/signup/login (views/en/...) */
.login-label input { text-align: left; }
.plan-badge { left: auto; right: 12px; }
.su-intl-note { margin: -4px 0 16px; }

/* features (views/en/features.php) */
.check-list li, .ft2-panel-text .check-list li { padding-right: 0; padding-left: 30px; }
.check-list li::before { right: auto; left: 0; }
.cap-team-bar::after, .dash-mini b { left: 0; right: auto; }
.cap-wa-ticks, .cap-chat-in span { margin-right: 0; margin-left: 6px; }
.ft2-map-items a { padding: 5px 8px 5px 10px; }

/* home (views/en/home.php) */
.hv-link:hover i { transform: translateX(3px); }
.l11-pane { transform: translateX(24px); }
.l11-pane.is-on { transform: none; }

/* switch/agencies (views/en/switch.php, views/en/agencies.php) */
@media (max-width: 900px) {
    /* stacked steps / before-after rows: the forward arrow (→ / ph-arrow-right) must turn to point down */
    .lp-step-arrow { transform: rotate(90deg); }
    .ag-ba-arrow { transform: rotate(90deg); }
}

/* help center (views/en/docs_*) */
.hc-pill, .hc-api-link span { text-align: left; }
.hc-lang-note { display: block; margin: 0 0 22px; padding: 12px 16px; border-radius: 12px; background: var(--bg-alt); color: var(--text-muted); font-size: 14px; line-height: 1.55; }
.hc-lang-note i { display: inline-block; vertical-align: -3px; margin-inline-end: 6px; font-size: 18px; color: var(--blue); }
.docs-toc ul { border-right: 0; border-left: 2px solid var(--border); }
.docs-toc li a { border-right: 0; margin-right: 0; border-left: 2px solid transparent; margin-left: -2px; }
.docs-toc li a.is-active { border-left-color: var(--blue); }
.docs-content blockquote { border-right: 0; border-left: 4px solid var(--blue); border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.docs-content blockquote.md-warn { border-left-color: #dc2626; }
.docs-content ul, .docs-content ol { padding-right: 0; padding-left: 24px; }
.docs-content .md-btn-arrow { display: inline-block; transform: scaleX(-1); }