:root { --brand-yellow: #FFC000; --text-dark: #1a1a1a; --text-light: #555555; --bg-color: #f9f9f9; --card-bg: #ffffff; } /* תיקון רוחבי כדי לוודא שהכל מיושר לימין גם אם התבנית באנגלית */ .policy-wrapper { direction: rtl !important; text-align: right !important; font-family: 'Heebo', sans-serif; background-color: var(--bg-color); color: var(--text-dark); line-height: 1.6; max-width: 800px; margin: 40px auto; padding: 20px; } .policy-card { background-color: var(--card-bg); padding: 40px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); border-top: 4px solid var(--brand-yellow); } h1 { font-size: 2.5rem; margin-bottom: 5px; color: var(--text-dark); font-weight: 700; text-align: center; /* כותרת ראשית במרכז נראית טוב יותר */ } .subtitle { text-align: center; color: var(--text-light); margin-bottom: 40px; font-size: 0.9rem; margin-top: 0; } h2 { font-size: 1.5rem; margin-top: 35px; margin-bottom: 15px; color: var(--text-dark); border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; text-align: right; } h3 { font-size: 1.1rem; margin-top: 20px; margin-bottom: 10px; font-weight: 700; text-align: right; } p { margin-bottom: 15px; color: var(--text-light); font-size: 1rem; text-align: right; } /* תיקון לבולטים בעברית */ ul { margin-bottom: 20px; padding-right: 20px !important; /* הזחה מימין */ padding-left: 0 !important; list-style-position: inside; /* מונע בריחה של בולטים החוצה */ text-align: right; } li { margin-bottom: 8px; color: var(--text-light); } li::marker { color: var(--brand-yellow); font-weight: bold; } a { color: #d4a000; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } a:hover { color: #000; text-decoration: underline; } .contact-box { background: #fafafa; border: 1px solid #eee; padding: 20px; border-radius: 6px; margin-top: 30px; text-align: right; /* יישור לימין גם בתיבת קשר */ } .contact-box h3 { margin-top: 0; } /* התאמה למובייל */ @media (max-width: 600px) { .policy-card { padding: 20px; } h1 { font-size: 2rem; } ul { padding-right: 15px !important; } }