/* AI Prompt-to-Launch — Hebrew / RTL overrides
   Loaded after ai-onboarding.css when lang == 'he'.
*/

[lang="he"] .ai-onboard-section { direction: rtl; text-align: center; }
[lang="he"] .ai-onboard-box { text-align: right; }

[lang="he"] .ai-onboard-box,
.ai-onboard-box[data-lang="he"] {
    direction: rtl;
    text-align: right;
}

.ai-onboard-box[data-lang="he"] .ai-onboard-input-wrap textarea,
.ai-onboard-box[data-lang="he"] .ai-onboard-input-wrap input[type="text"] {
    text-align: right;
    /* RTL mirror: submit button sits on the LEFT (inset-inline-end), so
       reserve the inner-padding on the left side instead of the right. */
    padding: 18px 18px 56px 60px;
}

.ai-onboard-box[data-lang="he"] .ai-preview-benefits .ai-benefit-icon {
    margin-right: 0;
    margin-left: 6px;
}

.ai-onboard-box[data-lang="he"] .ai-preview-cta { text-align: left; }

/* RTL mirror for the brand gradient claim CTA so the chevron sits on the
   left and shadow direction visually balances the Hebrew layout. */
.ai-onboard-box[data-lang="he"] #ai-preview-claim {
    direction: rtl;
}

.ai-onboard-box[data-lang="he"] .ai-preview-typing { text-align: right; }
.ai-onboard-box[data-lang="he"] .ai-preview-typing::after {
    margin-inline-start: 4px;
}

/* ── RTL: Help button & modal ────────────────────────────────────────── */
[lang="he"] .ai-help-btn { direction: rtl; }

[lang="he"] .ai-help-modal-header h3,
[lang="he"] .ai-help-modal-header p { text-align: right; }

[lang="he"] .ai-help-step div { text-align: right; }

[lang="he"] .ai-help-faq h4 { text-align: right; }
[lang="he"] .ai-help-faq-q { text-align: right; }
[lang="he"] .ai-help-faq-q::after { margin-inline-start: 0; margin-inline-end: 8px; }
[lang="he"] .ai-help-faq-a { text-align: right; }

/* ── Mobile RTL: keep submit circular, mirror padding for RTL textarea ── */
@media (max-width: 600px) {
    .ai-onboard-box[data-lang="he"] .ai-onboard-input-wrap textarea,
    .ai-onboard-box[data-lang="he"] .ai-onboard-input-wrap input[type="text"] {
        /* On mobile the padding sides can be symmetric since button stays circular */
        padding: 14px 18px 56px 18px;
    }
}