/* =============================================== HEBREW (RTL) SUPPORT =============================================== */ /* הגדרת גופן עברי מומלץ שמשתלב טוב עם העיצוב הקיים */ @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600;700&display=swap'); html[dir="rtl"], html[dir="rtl"] body { font-family: 'Assistant', 'Inter', 'Segoe UI', sans-serif; text-align: right; } /* היפוך הלוגו */ html[dir="rtl"] .logo { gap: 0.75rem; } html[dir="rtl"] .logo-image + .logo-text { margin-left: 0; margin-right: 0; } /* תיקון רשימות ותפריטים */ /* nav ul direction is handled by dir="rtl" on — no flex-reverse needed */ /* Flexbox ignores dir="rtl" — must explicitly start nav from the right */ html[dir="rtl"] nav ul { display: flex !important; flex-direction: row-reverse !important; justify-content: flex-start !important; width: 100%; } html[dir="rtl"] .pattern-card li, html[dir="rtl"] .science-card li, html[dir="rtl"] .opportunity-card li, html[dir="rtl"] .recognition-tier li { padding-left: 0; padding-right: 1.8rem; text-align: right; } html[dir="rtl"] .pattern-card li:before, html[dir="rtl"] .science-card li:before, html[dir="rtl"] .recognition-tier li:before { left: auto; right: 0; transform: scaleX(-1); /* הופך את החץ לכיוון השני */ } /* היפוך כרטיסיות עיצוב (Borders) */ html[dir="rtl"] .pattern-card::before { left: auto; right: 0; } html[dir="rtl"] .treatment, html[dir="rtl"] .research-note, html[dir="rtl"] .research-item, html[dir="rtl"] .trauma-integration, html[dir="rtl"] .blog-post, html[dir="rtl"] .recognition-tier { border-left: none; border-right: 4px solid; text-align: right; } /* היפוך גריד של בעיה ופתרון */ @media (min-width: 769px) { html[dir="rtl"] .problem-solution, html[dir="rtl"] .two-patterns, html[dir="rtl"] .story-content { direction: rtl; } } /* התאמת כפתור ה-CTA ב-Hero */ html[dir="rtl"] .hero h1, html[dir="rtl"] .hero p, html[dir="rtl"] .hero-subtitle { text-align: center; } /* תיקון אייקונים שצריכים להופיע בצד השני */ html[dir="rtl"] .core-principle::before { right: auto; left: 1.5rem; } html[dir="rtl"] .highlight-card h4::after { right: auto; left: -25px; }