/* ============================================================ Hameretz2 — CORE tokens Shared across all imprints (House, Festival, Limbo, etc). These do not change per imprint: - Cascadia Mono is the universal body / UI / meta font - Shimshon is always the brand voice ("Hameretz2 speaking") - 4px spacing baseline + radii - RTL is the document default - Bilingual stack uses unicode-range so latin auto-falls to Shimshon-Dual / Stanger-Pixel (which include latin glyphs) ============================================================ */ /* ---------- Brand fonts ---------- */ /* SHIMSHON — the brand voice. Pixel-square, bilingual. Bold = Shimshon-Bold-Plus: a single dual-script cut that handles hebrew, latin, and numerals correctly. (Older Dual-Bold / Bold files are kept as fallback in src for resilience.) */ /* STANGER — the event voice. Bilingual bold is the primary form. Latin bold comes from StangerSquare-Bold (the corrected, non-handwritten bold). Hebrew falls back to Stanger.ttf for now — a dedicated bold-hebrew file can be dropped in later and added to the chain. */ /* STANGER CURSIVE — the personal voice. Normal weight only. Bold cursive is discouraged — keep cursive light and handwritten. */ /* CASCADIA MONO — universal body / UI / meta. Variable weight 200-700. */ :root { /* ---------- Type families (constant across imprints) ---------- */ --m2-font-voice: 'shimshon', 'Arial Black', sans-serif; /* brand voice — m2 speaks */ --m2-font-event: 'stanger', 'Georgia', serif; /* event voice — what's happening */ --m2-font-cursive: 'stanger cursive', 'Segoe Script', cursive; /* personal voice — signature */ --m2-font-body: 'Cascadia Mono', 'Consolas', ui-monospace, monospace; --m2-font-email: Arial, Helvetica, sans-serif; /* newsletter only */ /* ---------- Type scale (poster ↔ ui) ---------- */ --m2-size-poster: 144px; --m2-size-hero-xl: 88px; --m2-size-hero: 56px; --m2-size-hero-sm: 32px; --m2-size-event: 28px; --m2-size-h2: 24px; --m2-size-h3: 20px; --m2-size-sub: 14px; --m2-size-body: 14px; --m2-size-meta: 12px; --m2-size-btn: 13px; --m2-size-cursive: 18px; /* ---------- Weights ---------- */ --m2-w-body: 400; /* @kind font */ --m2-w-ui: 600; /* @kind font */ --m2-w-meta: 700; /* @kind font */ /* ---------- 4px baseline ---------- */ --m2-s-1: 4px; --m2-s-2: 8px; --m2-s-3: 12px; --m2-s-4: 16px; --m2-s-5: 24px; --m2-s-6: 32px; --m2-s-7: 48px; --m2-s-8: 64px; /* ---------- Radii ---------- */ /* הספר היה צר בשלב אחד (מפרט §4): חמישה רכיבים נפרדים הושיטו יד ל-11/12 על בדיוק אותו סוג אובייקט — פאנל גדול. חמישה לא טועים אותה טעות במקרה. מיפוי: 3→md · 5·6·7→lg · 9·10·11·12→xl · 20·30→pill. 14 ערכים → 5. */ --m2-radius-sm: 2px; /* תג, badge */ --m2-radius-md: 4px; /* כפתור, שדה */ --m2-radius-lg: 8px; /* פקד מורכב, שדה-תשלום */ --m2-radius-xl: 12px; /* פאנל ← טוקן חדש, אחד בלבד */ --m2-radius-pill: 999px;/* גלולה */ /* ---------- Imprint slot — every imprint overrides this ---------- */ --m2-stamp-color: #ff006d; /* default: house */ } /* ---------- Base document defaults ---------- */ html, body { font-family: var(--m2-font-body); font-weight: var(--m2-w-body); font-size: var(--m2-size-body); line-height: 1.55; -webkit-font-smoothing: antialiased; direction: rtl; /* turn off Cascadia's programmer ligatures so >>> ::: stay as glyphs */ font-feature-settings: "liga" 0, "calt" 0; } /* ============================================================ Hameretz2 — HOUSE imprint The everyday brand: pink-on-black, monospace, DIY flyer. Pair with core/tokens.css. Activate by adding [data-imprint="house"] to or , or by including this file alone (it sets defaults too). ============================================================ */ [data-imprint="house"], :root { /* ---------- House palette (8 colors) ---------- */ --hm2-bg: #0b0d1b; /* חושך — primary background */ --hm2-fire: #ff006d; /* אש — primary action, headlines, links */ --hm2-depth: #db008c; /* עומק — accent, hover, footer */ --hm2-soft: #ac9dd1; /* רכות — meta, dividers */ --hm2-text: #c1c4c7; /* טקסט — body */ --hm2-highlight: #7ed9e6; /* הדגשה — rare alert, ~2x per page max */ --hm2-dark: #0d197a; /* עומק כהה — gradient base, NOT text */ --hm2-struct: #3d3d3d; /* מבנה — ⚠ הודח מתפקידי מבנה (מפרט §2). נשאר בפלטה כצבע-מותג מוצהר, אבל רק לטקסט-פוטר ול-hr.hm2.strong על רקע שטוח. גבולות→--hm2-line-ctl · מפרידים→--hm2-line · מילוי-מושבת→--hm2-surface-ctl. הוא יתום-גוון (0°, רוויה 0) בתוך מערכת נעולה על 233°. */ --hm2-white: #ffffff; /* ============================================================ סקאלת המשטחים — נעולה על גוון 233° (מפרט §2) מילאה חור אמיתי בספר: בין --hm2-struct (בהירות 23.9%) ל---hm2-soft (71.8%) היו 48 נקודות ריקות, וטופס צריך שם 3-4 עצירות. 20 גוונים אד-הוק → 10 טוקנים. כל הניגודיות נמדדת מול --hm2-surface-1 (#0e1020). נמדד, לא מוערך. ============================================================ */ --hm2-scrim: rgba(6, 7, 15, 0.9); /* כיסוי — רקע שכבת-על */ --hm2-surface-1: #0e1020; /* משטח — פאנל · שדה · כרטיס סיכום */ --hm2-surface-ctl: #151830; /* משטח-פקד — פקד בתוך פאנל · מילוי מושבת · 1.08 */ --hm2-line: #2b2e44; /* קו — מפריד לא-אינטראקטיבי בלבד · 1.42 */ /* ⚠ ההכרעה של §0 — נקודת-החזרה היחידה. המפרט הציג לאסף שתי אפשרויות לגבול-פקד, והוא לא היה זמין להכריע: · גבול כמעט-בלתי-נראה — #2b2e44, ניגודיות 1.42, נכשל בתקן (פי-2 מתחת ל-3.0) · גבול נראה — #5e6280, ניגודיות 3.17, עובר ✓ ← נבחר נבחר הערך הנגיש: תקן ישראלי 5568 מאמץ WCAG רמה AA והוא חל על עמוד תשלום של עמותה. זו דרישה חוקית, לא שאלת-טעם — וזו גם המלצת המפרט עצמו. ⚠ הטופס ייראה קופסתי יותר מהמוקאפ. זה מכוון. כדי לחזור: שנה את הערך בשורה אחת מתחת כאן בלבד — שום סלקטור לא מקודד קשיח. הפשרה שהמפרט מציע אם אסף דוחה היא הערך 565a76 (‏2.80 — עדיין נכשל בתקן), יחד עם מילוי משטח-פקד שמגדיר את השדה בבהירות במקום בגבול. ⚠ ערך-הפשרה נכתב כאן בלי הסולמית בכוונה: כתיבתו כהצהרה שלמה בתוך הערה מטעה כלי-בדיקה שסורקים את הקובץ (זה קרה בפועל באימות של הרפקטור הזה). ⚠ אם עוברים לערך-הפשרה — יש לעדכן במקביל את design-book/registered-hexes.txt, אחרת scripts/check-hexes.sh ייפול. זה מכוון: ערך שנכשל בתקן צריך חיכוך. */ --hm2-line-ctl: #5e6280; /* קו-פקד — גבול של כל דבר לחיץ/קליט · 3.17 ✓ */ --hm2-line-ctl-hi: #8a8ea6; /* קו-פקד-חי — ריחוף ופוקוס · 5.84 */ /* ---------- סולם הדיו על משטחים ---------- */ /* ⚠ פיצול מכוון — אל "תתקן" לאחור (מפרט §2): הסקאלה הזו חלה על טקסט בתוך משטח (פאנל/שדה/כרטיס) בלבד. פרוזה בעמוד נשארת על --hm2-text (#c1c4c7) — הוא יתום-גוון, אבל גם 11:1 וגם חתימת האתר. שני הדברים נכונים בו-זמנית. זה לא אי-עקביות. */ --hm2-ink-1: #e6e7ee; /* דיו — ערך שהוקלד · שם מדרג · שורת סכום · 15.29 ✓ */ --hm2-ink-2: #a9adc4; /* דיו-משני — שורות משניות · גוף בפאנל · 8.50 ✓ */ --hm2-ink-3: #8a8ea6; /* דיו-מושתק — תוויות · רמזים · טקסט-ממלא · 5.84 ✓ ← זהו תיקון הנגישות: החליף את #6b6f86 (3.81 ❌) ואת #565a76 (2.80 ❌), ששניהם נכשלו ב-AA. */ /* ============================================================ צבעי מצב — ליבה, נעולים. חותמות לא דורסות (מפרט §3). "הכרטיס שלך נדחה" חייב להיראות זהה בכל חותמת. אין טוקן הצלחה — הכרעה מכוונת: ירוק לא שייך לאתר ורוד-על-שחור, וציאן/אש הם כבר צבעי-פעולה. הצלחה = --hm2-ink-1 + גליף בצבע הפעולה. ============================================================ */ --hm2-danger: #ff6b6b; /* סכנה — אזל · שגיאת שדה · דחיית סליקה · 6.96 ✓ ⚠ חוק מחייב: 26° בלבד מ---hm2-fire. טקסט או תג, תמיד עם גליף, לעולם לא מילוי כפתור — כפתור בסכנה ייקרא כהזמנה לפעולה. */ --hm2-danger-bg: rgba(180, 50, 50, 0.18); /* סכנה-רקע */ --hm2-warn: #ffb020; /* אזהרה — כרטיסים אחרונים · מלאי נגמר · 10.56 ✓ */ --hm2-warn-bg: rgba(255, 176, 32, 0.16); /* אזהרה-רקע */ /* ---------- House surfaces ---------- */ --hm2-surface-card: linear-gradient(180deg, #0d197a 0%, #0b0d1b 100%); --hm2-divider-soft: rgba(172, 157, 209, 0.15); --hm2-divider-strong: var(--hm2-struct); --hm2-tag-bg: rgba(219, 0, 140, 0.12); --hm2-alert-bg: rgba(126, 217, 230, 0.10); /* ---------- House shadows / glows ---------- */ --hm2-shadow-card: 0 2px 24px rgba(0, 0, 0, 0.5); --hm2-glow-fire: 0 0 0 1px rgba(255, 0, 109, 0.4), 0 0 24px rgba(255, 0, 109, 0.25); --hm2-glow-cyan: 0 0 0 1px rgba(126, 217, 230, 0.35), 0 0 18px rgba(126, 217, 230, 0.2); /* Stamp color (overrides core slot) */ --m2-stamp-color: var(--hm2-fire); /* ---------- Legacy aliases (do not use in new code) ---------- Old preview/UI files still reference --hm2-font-{hero,display,body,cursive}. Map them to the new --m2-font-* names so old pages keep rendering. */ --hm2-font-hero: var(--m2-font-voice); --hm2-font-display: var(--m2-font-event); --hm2-font-cursive: var(--m2-font-cursive); --hm2-font-body: var(--m2-font-body); } /* ---------- House page defaults ---------- */ html, body { background: var(--hm2-bg); color: var(--hm2-text); } /* ============================================================ House semantic elements ============================================================ */ /* Voice — Shimshon Bold Dual (brand speaks) */ .hm2-voice, h1.hm2 { font-family: var(--m2-font-voice); font-weight: bold; font-size: var(--m2-size-hero); color: var(--hm2-fire); line-height: 0.95; letter-spacing: 0.01em; margin: 0; } .hm2-voice--xl { font-size: var(--m2-size-hero-xl); } .hm2-voice--poster{ font-size: var(--m2-size-poster); line-height: 0.85; } .hm2-voice--sm { font-size: var(--m2-size-hero-sm); } /* Event title — Stanger Bold Dual (event speaks) */ h2.hm2, .hm2-event { font-family: var(--m2-font-event); font-weight: bold; font-size: var(--m2-size-event); color: var(--hm2-white); line-height: 1.15; margin: 0; } h3.hm2 { font-family: var(--m2-font-event); font-weight: bold; font-size: var(--m2-size-h3); color: var(--hm2-white); line-height: 1.2; margin: 0; } /* Sub / meta */ .hm2-sub, .hm2-subtitle { font-family: var(--m2-font-body); font-weight: var(--m2-w-ui); font-size: var(--m2-size-sub); color: var(--hm2-soft); letter-spacing: 0.02em; } p.hm2, .hm2-body { font-family: var(--m2-font-body); font-weight: var(--m2-w-body); font-size: var(--m2-size-body); color: var(--hm2-text); line-height: 1.6; margin: 0 0 1em; } .hm2-meta, .hm2-date { font-family: var(--m2-font-body); font-weight: var(--m2-w-meta); font-size: var(--m2-size-meta); color: var(--hm2-fire); letter-spacing: 0.02em; text-transform: uppercase; } /* Cursive — personal voice (signature, easter eggs). Normal weight only — bold cursive is not used. */ .hm2-signature { font-family: var(--m2-font-cursive); font-weight: normal; font-size: var(--m2-size-cursive); color: var(--hm2-soft); } /* Tags / badges */ .hm2-tag { display: inline-block; font-family: var(--m2-font-event); font-weight: bold; font-size:var(--t-label); color: var(--hm2-depth); background: var(--hm2-tag-bg); padding: 3px 8px; border-radius: var(--m2-radius-sm); letter-spacing: 0.04em; } .hm2-badge-alert { display: inline-block; font-family: var(--m2-font-body); font-weight: var(--m2-w-ui); font-size:var(--t-label); color: var(--hm2-highlight); background: var(--hm2-alert-bg); padding: 3px 8px; border-radius: var(--m2-radius-sm); letter-spacing: 0.04em; } /* Links */ a.hm2, .hm2-link { color: var(--hm2-fire); text-decoration: none; border-bottom: 1px solid transparent; transition: color .15s ease, border-color .15s ease; } a.hm2:hover, .hm2-link:hover { color: var(--hm2-depth); border-bottom-color: var(--hm2-depth); } /* CTA */ .hm2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--m2-font-body); font-weight: var(--m2-w-ui); font-size: var(--m2-size-btn); letter-spacing: 0.04em; padding: 10px 18px; color: var(--hm2-white); background: var(--hm2-fire); border: 0; border-radius: var(--m2-radius-md); cursor: pointer; transition: background .15s ease, transform .05s ease; } .hm2-btn:hover { background: var(--hm2-depth); } .hm2-btn:active { transform: translateY(1px); } .hm2-btn:disabled { background: var(--hm2-struct); color: var(--hm2-soft); cursor: not-allowed; } .hm2-btn-ghost { background: transparent; color: var(--hm2-text); border: 1px solid var(--hm2-struct); } .hm2-btn-ghost:hover { border-color: var(--hm2-fire); color: var(--hm2-fire); } /* Card surface */ .hm2-card { background: var(--hm2-surface-card); border: 1px solid var(--hm2-divider-soft); border-radius: var(--m2-radius-md); padding: var(--m2-s-5); box-shadow: var(--hm2-shadow-card); } hr.hm2 { border: 0; border-top: 1px solid var(--hm2-divider-soft); margin: var(--m2-s-5) 0; } hr.hm2.strong { border-top: 1px solid var(--hm2-struct); } /* Brand punctuation glyphs (>>>, :::, ←, →) */ .hm2-glyph-arrow { color: var(--hm2-fire); letter-spacing: -0.05em; } .hm2-glyph-bullet { color: var(--hm2-soft); letter-spacing: 0.15em; } /* ★ D-079 (הכרעת-אסף 28.7) — שם-אירוע לטיני נראה זר לספר-העיצוב. המדידה: המחסנית **כן** מגיעה ל-stanger (לא נופלת ל-Georgia כפי שהונח), אבל הלטינית שלו אינה פונט-תצוגה — ולכן "OUT" נראה שונה משאר הכותרות. הפתרון: פונט-תצוגה לטיני, **מוקטן לתת-קבוצה** של אותיות/ספרות/פיסוק בלבד: 77KB → 8KB. נשמר מוטמע (ר' KEEP_EMBEDDED ב-deploy.py) כי אין לו מקבילה באחסון-הפונטים של וורדפרס. */ /* ⚠ ‏13.8 · נבדק אחרי דגל של נינו ("שלוש הצהרות stanger, שתיים bold — המוקדמת מתה"). **הדגל הופרך במדידה.** שלוש ההצהרות בשורה הבאה הן פיצול-סקריפט מכוון, לא כפילות: ‏1. משקל normal · ללא unicode-range · הקובץ הוא **Stanger Regular** ‏2. משקל bold · ללא unicode-range · הקובץ הוא **Stanger Square** ‏3. משקל bold · unicode-range עברי · הקובץ הוא **Stanger Pixel** התאמת-פונט ב-CSS בוחרת לפי טווח-תווים לפני סדר-הופעה, ולכן ‏3 גובר על ‏2 **רק על עברית**. משמעות מדודה: ‏bold עברי מרונדר Stanger Pixel, ‏bold לטיני/ספרות מרונדר Stanger Square. שתיהן חיות ואף אחת אינה משקל מת. ⛔ אל תמחק אף אחת מהשתיים כ"ניקוי כפילות" — כל מחיקה משנה רינדור בפועל: בלי ‏2 הלטינית-המודגשת נופלת ל-Regular מוּדגש-סינתטית; בלי ‏3 העברית-המודגשת מחליפה משפחה. (‏.mem-close p, למשל, מקבל היום Stanger Pixel.) */ :root{ /* ★ 7ב §3 — סולם-טיפוגרפיה מאושר (אסף 25.7): 13 גוף · 12 מטא · 11 תוויות-שוליים. **מתחת ל-11 אסור.** המשתנים הם נקודת-השינוי היחידה — לא מספרים מפוזרים. */ --t-body:13px; --t-meta:12px; --t-label:11px; --imp-accent:#ff006d; --imp-accent-soft:rgba(255,0,109,.14); --imp-grad:linear-gradient(160deg,#2a0a40 0%,#0d197a 45%,#ff006d 120%); --imp-glow:0 0 0 1px rgba(255,0,109,.4),0 0 24px rgba(255,0,109,.25); --f-voice:var(--m2-font-voice,'shimshon','Arial Black',sans-serif); --f-event:var(--m2-font-event,'stanger','Georgia',serif); --f-cursive:var(--m2-font-cursive,'stanger cursive',cursive); --f-body:var(--m2-font-body,'Cascadia Mono',monospace); /* ⚠ לא כפילות של --f-body — תיעוד כוונה (מפרט §5). כל ספרה שמשתמש קורא כדי להחליט, לאמת או להקליד: מחירים · סכומים · סה"כ · כמויות · שעות · ספירה-לאחור · שדות קלט מספריים. תמיד tabular-nums. מי שיחליף מחר את גופן הגוף לא יגרור איתו את הכסף. ההיררכיה של מספר נבנית מגודל · צבע · משקל · מרווח — לא מהחלפת משפחה. החריג: ספרה שהיא חלק משם אינה מספר, היא אות (המרץ2 · פסטיבל 2). הבדיקה: אם אי אפשר לחשב עליו, הוא לא מספר. */ --f-num:var(--m2-font-body,'Cascadia Mono',monospace); /* ★ D-079ב (הכרעת-בקרת-המשימה 29.7) — **חזרה ללטינית הדו-לשונית של stanger.** ההיסטוריה חשובה כדי שזה לא יחזור: מדדתי ומצאתי שהלטינית **כן** מגיעה ל-stanger — כלומר לא היה כאן באג-נפילה כלל. החלטתי *אסתטית* שלטינית של פונט-עברי אינה פונט-תצוגה, והטמעתי גופן חדש. זו הייתה יוזמה לא-מבוקשת, ואסף לא זיהה את האותיות שקיבל. **הפונטים של הספר דו-לשוניים בכוונה.** ברירת-המחדל היא הספר. ‏hm2-latin נשאר מוגדר (‏@font-face למעלה) **כאופציה-להשוואה בלבד**: כדי לרנדר השוואה, החלף את הערך כאן ל-'hm2-latin' ופרוס לסביבת-בדיקה. לא לכפות בלי בחירת-אסף. */ --f-latin:var(--m2-font-event,'stanger',Georgia,serif); /* פונט קריא לעברית של כפתורי "כרטיסים" בלבד — Cascadia Mono מטשטש כ/ב בגדלים קטנים (תיקון נגישות/המרה) */ --f-cta-he:'shimshon','Arial Hebrew',sans-serif; --pad:40px; --header-h:62px; --worlds-h:52px; /* 2f-ב · שורת-העולמות היא שכבה-קבועה שלישית, בכל רוחב */ /* אזורים בטוחים של המכשיר (Dynamic Island / נאצ׳ / בר-בית). 0 במכשיר ללא נאצ׳ */ --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px); --safe-left:env(safe-area-inset-left,0px); --safe-right:env(safe-area-inset-right,0px); --tkh:46px; /* גובה הטיקר העליון (מתחת להאדר) לשמירת מקום */ --adminbar-h:0px; /* גובה סרגל-הניהול של וורדפרס (#wpadminbar) — 0 לאורח. מוגדר מחדש ע"י body.admin-bar למטה, כדי שההאדר הקבוע לא ייבלע מתחתיו (z-index 99999) כשצופים מחוברים */ } @media(max-width:760px){:root{--pad:20px}} @media(max-width:900px){:root{--tkh:30px;--header-h:52px;--worlds-h:56px}} /* טיקר מובייל דק יותר + כיווץ שכבת-העל העליונה במובייל (הדר) + גובה שורת-העולמות המוצמדת (D-012) */ /* וורדפרס מוסיף body.admin-bar כשצופה מחובר; הסרגל שלו קבוע ומעל הכל (z-index 99999) ולא מתחשב בהאדר הקבוע שלנו — בלי זה ההאדר "נבלע" מתחתיו ונראה כאילו יש פער/כאוס בראש המסך */ body.admin-bar{--adminbar-h:32px} @media(max-width:782px){body.admin-bar{--adminbar-h:46px}} /* נקודת-השבירה הרשמית של וורדפרס לסרגל-ניהול מצומצם במובייל */ [data-imprint="music"]{--imp-accent:#ff006d;--imp-accent-soft:rgba(255,0,109,.14);--imp-grad:linear-gradient(160deg,#2a0a40,#0d197a 45%,#ff006d 120%);--imp-glow:0 0 0 1px rgba(255,0,109,.4),0 0 28px rgba(255,0,109,.3)} [data-imprint="theatre"]{--imp-accent:#db008c;--imp-accent-soft:rgba(219,0,140,.14);--imp-grad:linear-gradient(200deg,#200a18,#db008c 85%,#ff006d 140%);--imp-glow:0 0 0 1px rgba(219,0,140,.4),0 0 28px rgba(219,0,140,.3)} [data-imprint="cinema"]{--imp-accent:#ac9dd1;--imp-accent-soft:rgba(172,157,209,.14);--imp-grad:linear-gradient(160deg,#0d197a,#140020 70%,#ac9dd1 150%);--imp-glow:0 0 0 1px rgba(172,157,209,.4),0 0 28px rgba(172,157,209,.3)} [data-imprint="night"]{--imp-accent:#7ed9e6;--imp-accent-soft:rgba(126,217,230,.12);--imp-grad:linear-gradient(200deg,#0b0d1b,#2a0a40 40%,#0d197a 80%,#7ed9e6 170%);--imp-glow:0 0 0 1px rgba(126,217,230,.35),0 0 28px rgba(126,217,230,.25)} [data-imprint="kids"]{--imp-accent:#7ed9e6;--imp-accent-soft:rgba(126,217,230,.12);--imp-grad:linear-gradient(135deg,#0d197a,#7ed9e6 140%);--imp-glow:0 0 0 1px rgba(126,217,230,.35),0 0 24px rgba(126,217,230,.25)} [data-imprint="wtf"]{--imp-accent:#ff006d;--imp-accent-soft:rgba(255,0,109,.14);--imp-grad:linear-gradient(240deg,#0b0d1b,#2a0a40 35%,#db008c 90%,#7ed9e6 150%);--imp-glow:0 0 0 1px rgba(255,0,109,.4),0 0 28px rgba(255,0,109,.3)} *{box-sizing:border-box} /* ★ D-067ב — אסף מדווח על "גלילה-רוחבית קלה" באייפון, בעוד המדידה מראה רוחב-גלילה == רוחב-מסך בשבעה מכשירים. שני הדברים נכונים: אין גלילה, אבל **יש גומיית-overscroll**. אלמנטים מכוונים חורגים עד ~650 פיקסל ונחתכים ב-overflow:hidden, ובאייפון האצבע עדיין מושכת אותם לרגע — וזה מרגיש בדיוק כמו גלילה. `overscroll-behavior-x:none` מכבה את הגומייה בלי לגעת בפריסה. */ html,body{overscroll-behavior-x:none} html{scroll-behavior:smooth} html,body{margin:0;padding:0;background:#0b0d1b;color:#c1c4c7; font-family:var(--f-body);font-size:14px;line-height:1.55;overflow-x:hidden; font-feature-settings:"liga" 0,"calt" 0;-webkit-font-smoothing:antialiased;direction:rtl} a{color:inherit;text-decoration:none} .wrap{max-width:1200px;margin:0 auto;padding:0 var(--pad)} /* ===== זוהר עוקב סמן (דסקטופ) ===== */ #cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s; background:radial-gradient(420px circle at var(--mx,50%) var(--my,40%),var(--imp-accent-soft),transparent 70%)} @media(hover:hover){#cursor-glow{opacity:.8}} /* ===== הדר קבוע — אחד, לא זז לעולם ===== */ /* תיקון בקיעת-תוכן ליד ה-Dynamic Island/notch (דווח 17.7.26): וורדפרס מזריק margin-top גלובלי (1.2rem, כלל flow-spacing של ערכת-הבלוקים: ":root :where(.is-layout-flow) > *") על כל ילד ישיר של אזור-התוכן שאינו ה-first-child הממשי. מכיוון שבלוק wp:html משטח את כל ה-head (script/meta/title/style) כאחים לפני ה-header ב-DOM, ה-header (וכן הטיקר למטה) מקבלים margin-top "שקוף" (1.2rem × font-size:14px של html/body = 16.8px בפועל) שדוחף את הקופסה הנראית מתחת ל-top:0 המוצהר — משאיר פס לא-מכוסה בדיוק באזור ה-safe-area העליון, שדרכו בוקע מה שמתחתיו. הכלל של וורדפרס משתמש ב-:where() (specificity אפס) בתוך :root (שקול למחלקה אחת) — בורר יסודי header{} לא מנצח אותו, ולכן !important הכרחי כאן. margin-top בלבד, לא margin כללי — לא לגעת ב-margin-inline/הצדדים. */ header{position:fixed;top:var(--adminbar-h);right:0;left:0;z-index:100;height:calc(var(--header-h) + var(--safe-top)); margin-top:0!important; padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left); background:rgba(11,13,27,.85);backdrop-filter:blur(14px);border-bottom:1px solid #3d3d3d} /* גריד ולא flex: ‏space-between ממרכז את המותג רק כששני הצדדים שווים ברוחבם, וכאן הם לעולם לא — צד אחד כפתור-תפריט, השני שני כפתורים. עמודות 1fr·auto·1fr מבטיחות מותג ממורכז-אמיתית בכל שילוב תוכן. */ header .inner{max-width:1200px;margin:0 auto;padding:0 var(--pad);height:100%; display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px} header .inner .brand{justify-self:center} /* ★ נמדד: בלי זה כפתור-התפריט נמתח על 508 פיקסל (כל עמודת-ה-1fr) — שטח-לחיצה ענק ובלתי-נראה שבולע קליקים שכוונו למקום אחר. ב-RTL ‏start = הקצה הימני. */ header .inner .htrig{justify-self:start} header .inner .hend{justify-self:end} .brand{font-family:var(--f-voice);font-weight:bold;font-size:24px;color:#ff006d;cursor:pointer;white-space:nowrap;position:relative} .brand:hover{animation:glitch .3s steps(2) 2} /* בדסקטופ ה-.hnav שבתוך שורה-1 נסגר: העולמות עברו לשורה השלישית (‏.mdepts). הסימון נשאר בקוד כדי ש-applyFestivalNav ושאר הקוראים לא יישברו — הוא פשוט לא מוצג. */ .hnav{display:none} /* כפתורי-עולם — בולטים ככפתורים (הכרעת-אסף 19.7), לא כטקסט-ניווט שקט. כל עולם בצבעו (--w) עם נקודת-זיהוי, ומילוי-מלא בריחוף/פעיל. נשארים משניים לכפתור-הכסף הוורוד המלא (.hcta). */ .hnav>a{--w:var(--imp-accent);font-size:var(--t-body);font-weight:600;letter-spacing:.03em;gap:7px; display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 15px; border:1px solid rgba(172,157,209,.28);border-radius:999px;color:#d8dade;background:transparent; cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s} .hnav>a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w);box-shadow:0 0 8px var(--w);flex:none} .hnav>a:hover,.hnav>a.active{color:#0b0d1b;background:var(--w);border-color:var(--w)} .hnav>a:hover::before,.hnav>a.active::before{background:#0b0d1b;box-shadow:none} .hnav>a:focus-visible{outline:2px solid var(--w);outline-offset:2px} /* ★ נגישות (ת"י 5568 · WCAG 2.4.1 Bypass Blocks): קישור-דילוג-לתוכן גלוי-בפוקוס. מחלקה ייחודית hm2-skip כדי לא להתנגש ב-.skip-link של תבנית-הוורדפרס — זו קוראת-מסך בלבד ואינה נחשפת ויזואלית; מסתירים אותה כדי שלא יהיו שני קישורי-דילוג. שלנו נחשף בפוקוס-מקלדת (Tab ראשון) → קופץ ל-#main. התיקון האמיתי הוא id=main על ה-main (שני הקישורים הצביעו ל-#main שלא היה קיים). */ .skip-link.screen-reader-text{display:none!important} /* ★ יעד-נגיעה (‏9.8): נמדד 158×**41** — שלושה פיקסלים מתחת ל-44, על קישור שכל תכליתו נגישות. ⇒ min-height + מרכוז, ולא ריפוד גדול יותר: ריפוד היה מזיז את הטקסט, min-height רק מגדיל את השטח הלחיץ. אינו נראה לעין — הקישור מוסתר עד שהוא מקבל פוקוס-מקלדת. */ .hm2-skip{position:fixed;top:0;right:0;z-index:100000;background:var(--imp-accent,#ff006d);color:#0b0d1b; padding:10px 18px;min-height:44px;display:inline-flex;align-items:center; font-weight:800;border-radius:0 0 0 8px;transform:translateY(-140%);transition:transform .15s ease;text-decoration:none} .hm2-skip:focus{transform:translateY(0);outline:3px solid #fff;outline-offset:-3px} #main:focus{outline:none} /* צבע-עולם לכל כפתור (דסקטופ+מובייל) — תואם מערכת ה-imprint */ .hnav>a[data-d="music"],.mdepts a[data-d="music"]{--w:#ff006d} .hnav>a[data-d="night"],.mdepts a[data-d="night"]{--w:#7ed9e6} .hnav>a[data-d="theatre"],.mdepts a[data-d="theatre"]{--w:#db008c} .hnav>a[data-d="cinema"],.mdepts a[data-d="cinema"]{--w:#ac9dd1} .hplace{position:relative} .hplace>a::after{content:" ▾";font-size:9px/*גליף*/;color:#ac9dd1} .hplace .drop{position:absolute;top:calc(100% + 10px);right:-12px;min-width:190px;background:#11142a; border:1px solid #3d3d3d;border-radius:4px;padding:8px 0;display:none;box-shadow:0 12px 40px rgba(0,0,0,.6)} .hplace:hover .drop,.hplace:focus-within .drop{display:block;animation:dropin .18s ease} @keyframes dropin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .hplace .drop a{display:block;padding:9px 16px;font-size:var(--t-meta);cursor:pointer} .hplace .drop a:hover{background:rgba(255,0,109,.08);color:var(--imp-accent)} .hend{display:flex;align-items:center;gap:12px} /* QA-2/B1#1: כפתור-חשבון גלוי בהדר-דסקטופ (גלולה משנית, מתחלף לפי whoami) */ .hacct{font-family:var(--f-voice);font-weight:600;font-size:var(--t-body);color:#d8dade;background:transparent;border:1px solid rgba(172,157,209,.32); padding:8px 15px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:color .15s,border-color .15s,background .15s} .hacct:hover,.hacct:focus-visible{color:#fff;border-color:var(--imp-accent);outline:none} .hacct.is-producer{color:var(--imp-accent);border-color:var(--imp-accent)} .hacct.is-member{background:linear-gradient(180deg,#ffe08a,#f5c451);color:#2a1e00;border-color:transparent} .hsoc{display:flex;gap:10px} .hsoc a{width:14px;height:14px;opacity:.7;cursor:pointer;transition:opacity .15s,transform .15s} .hsoc a:hover{opacity:1;transform:scale(1.15)} .hsoc svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6} .hlogin{font-size:var(--t-label);letter-spacing:.08em;color:#ac9dd1;border:1px solid #3d3d3d;padding:6px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s} .hlogin:hover{border-color:var(--imp-accent);color:var(--imp-accent)} .hcta{font-family:var(--f-cta-he);font-weight:700;font-size:15px;color:#0b0d1b;background:#ff006d;padding:9px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;letter-spacing:.02em;cursor:pointer;white-space:nowrap; box-shadow:0 0 0 1px rgba(255,0,109,.4),0 0 24px rgba(255,0,109,.25);animation:ctapulse 3.2s ease-in-out infinite} @keyframes ctapulse{0%,100%{box-shadow:0 0 0 1px rgba(255,0,109,.4),0 0 18px rgba(255,0,109,.2)}50%{box-shadow:0 0 0 1px rgba(255,0,109,.55),0 0 34px rgba(255,0,109,.45)}} @media(max-width:900px){.hnav,.hsoc,.hlogin{display:none}} /* באנר מובייל — פושט 18.7.26 (מפרט design-spec-header.md): שני תאים בלבד. [תפריט]=אייקון-נקודות שקט (תואם לזהות הדסקטופ) · [המרץ2]=העוגן החזותי היחיד, בלי מסגרת-כפתור · הצ'יפ-המתחלף נמחק לגמרי (מנגנון-מחלקות שלישי כפול+באגי — ר' מפרט §3). תא שלישי = רפאים ריק 44px, שומר את "המרץ 2" ממורכז-אופטית בלי יעד-מגע. */ .mbar{display:none} @media(max-width:900px){ header .inner{display:none} .mbar{display:grid;grid-template-columns:44px 1fr auto;align-items:center;height:100%;gap:6px;padding:0 var(--pad)} /* D-012: כפתור-מתחלף בהאדר-מובייל — גלולה קומפקטית, אזור-מגע 44px */ .mbtn-acct{min-height:44px;padding:0 13px;font-family:var(--f-voice);font-weight:700;font-size:var(--t-body);color:#0b0d1b;background:var(--imp-accent);border:none;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px -6px var(--imp-accent-soft)} .mbtn-acct.is-producer{background:transparent;color:var(--imp-accent);border:1px solid var(--imp-accent)} /* ★ B1/U-02: תג-חבר/ה — מזוהה עם מנוי פעיל. גוון-זהב עדין להבחנה מ"כניסה" הרגיל */ .mbtn-acct.is-member{background:linear-gradient(180deg,#ffe08a,#f5c451);color:#2a1e00;box-shadow:0 4px 14px -6px rgba(245,196,81,.6)} .mbtn{background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;color:#c1c4c7; display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;transition:opacity .12s} .mbtn:active{opacity:.55} .mbtn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px;border-radius:4px} /* תפריט — אייקון-נקודות בלבד, בלי מסגרת/תווית גלויה (aria-label לקורא-מסך) */ .mbtn-menu .bars{display:grid;grid-template-columns:repeat(3,4px);gap:3px} .mbtn-menu .bars i{width:4px;height:4px;background:currentColor;border-radius:.5px;transition:background .15s} .mbtn-menu:active .bars i{background:var(--imp-accent)} /* המרץ2 — עוגן חזותי יחיד במרכז; שום מסגרת/רקע כדי שיקרא כלוגו, לא כפריט-תפריט נוסף */ .mbtn-brand{font-family:var(--f-voice);font-weight:bold;font-size:21px;color:#ff006d;letter-spacing:.01em; text-shadow:0 0 16px rgba(255,0,109,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} /* תא-רפאים — ריק בכוונה, ממלא את עמודת ה-44px השלישית כדי שהמותג יישאר ממורכז */ .mbar-ghost{width:44px;height:44px} } /* ★ 2f-ב · שורת-העולמות = **השורה השלישית של ההאדר, בכל רוחב** (הכרעת-אסף 19.7: שורה 1 תפריט·מותג·כפתור-מתחלף · שורה 2 טיקר · שורה 3 עולמות). עד 30.7 היא הייתה מובייל-בלבד, ובדסקטופ העולמות ישבו בתוך שורה 1 — כלומר הדסקטופ מעולם לא קיבל את המבנה שהוכרע. אותה שכבה-קבועה משרתת עכשיו את שני הרוחבים, וגם נעלמת כפילות: היו שתי רשימות-עולמות מוקשחות ש"צריך לסנכרן ביד", וזה תמיד נשבר בסוף. */ .mdepts{display:flex;gap:8px;overflow-x:auto;padding:6px var(--pad);margin:0; /* D-021 #2: ביטול margin-top תורשתי (~16.8px, מרווח-בלוק של עטיפת wp:html) שיצר רווח בין הטיקר לכפתורי-העולמות */ position:fixed;top:calc(var(--adminbar-h) + var(--header-h) + var(--safe-top) + var(--tkh));right:0;left:0;z-index:94; /* D-012: שכבה-קבועה שלישית — עולמות "תמיד זמינים" (הצמדה-בגלילה). נעלמת בתפריט/קופה למטה. */ background:rgba(11,13,27,.96);border-bottom:1px solid rgba(172,157,209,.15);-webkit-overflow-scrolling:touch;scrollbar-width:none} .mdepts::-webkit-scrollbar{display:none} /* אזורי-מגע 44px (במקום ~29px קודם) */ .mdepts a{--w:var(--imp-accent);flex-shrink:0;gap:6px;font-size:var(--t-meta);font-weight:600;padding:6px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(172,157,209,.28);border-radius:999px;color:#d8dade;cursor:pointer;box-sizing:border-box;white-space:nowrap} .mdepts a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w);box-shadow:0 0 8px var(--w);flex:none} .mdepts a.active{background:var(--w);color:#0b0d1b;border-color:var(--w)} .mdepts a.active::before{background:#0b0d1b;box-shadow:none} /* בדסקטופ: אותה שורה בדיוק, בגדלים של הספר (כמו שהיו ב-.hnav) וממורכזת. */ @media(min-width:901px){ .mdepts{justify-content:center;gap:9px;padding:6px var(--pad)} .mdepts a{font-size:var(--t-body);padding:7px 15px;min-height:40px} } /* ★ פער-שחור (אסף 26.7): שני מקורות תוקנו כאן. (א) וורדפרס מוריש margin-block לילדי entry-content — ‏16.8px של רקע-גוף מעל הכול. (ב) סרגל-הניהול כבר דוחף את זרימת-המסמך (‏html margin-top), ולכן הוספת --adminbar-h לריפוד של main ספרה אותו פעמיים. */ main{padding-top:calc(var(--header-h) + var(--safe-top) + var(--tkh) + var(--worlds-h));margin-top:0!important} /* (ג) אותו מרווח-בלוק של וורדפרס חל גם על מסכי-התצוגה עצמם (‏* + * — כל view שאינו הראשון), ולכן עמוד-אירוע פתח ב-17px של רקע-גוף מעל ההירו. */ .view{margin-top:0!important} /* במובייל שורת-המחלקות היא כבר האלמנט הראשון בזרימה (עם ה-margin-top למעלה) ולכן main לא צריך לשמור מקום נוסף עבור ההאדר/טיקר — הם כבר מפונים ע"י מדפ-ים */ @media(max-width:900px){main{padding-top:calc(var(--header-h) + var(--safe-top) + var(--tkh) + var(--worlds-h))}} /* D-012: שלוש שכבות קבועות (האדר+טיקר+עולמות) */ /* הטיקר עבר לראש (מתחת להאדר/מדפ ים) — שמירת המקום נעשית כאן דרך --tkh. פס-הכרטיסים התחתון במובייל שומר מקום ב-body (ראה למטה) */ /* ===== גליץ' ===== */ @keyframes glitch{0%{transform:translate(0)}25%{transform:translate(2px,-1px);text-shadow:-2px 0 #7ed9e6,2px 0 #ff006d}50%{transform:translate(-2px,1px);text-shadow:2px 0 #7ed9e6,-2px 0 #db008c}100%{transform:translate(0);text-shadow:none}} .glitch-in{animation:glitch .35s steps(2) 1} /* ===== חשיפה בגלילה ===== */ .rev{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease} .rev.in{opacity:1;transform:none} .rev-d1{transition-delay:.08s}.rev-d2{transition-delay:.16s}.rev-d3{transition-delay:.24s} /* ===== HERO בית ===== */ .hero{margin-top:44px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;position:relative;z-index:2} /* ★ F-04/1 · מובייל: הפוסטר מעל הכותרת. נמדד 390×844 — שם-האירוע ישב ב-914px (מתחת לקפל); order:-1 + גובה-פוסטר חסום מעלים אותו אל מעל הקפל. אין ערכי-צבע חדשים, רק סדר וגודל. */ @media(max-width:860px){ .hero{grid-template-columns:1fr;margin-top:24px;gap:20px} .hero .poster{order:-1;min-height:0;height:min(58vh,420px);margin-top:4px} .hero .poster .ptitle{font-size:clamp(30px,7.5vw,40px)} .hero h1{font-size:clamp(38px,10vw,58px);margin-top:14px} .hero .lede{font-size:17px;margin-top:14px} } .hero .eyebrow{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.32em} .hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(52px,9vw,104px);color:#ff006d;line-height:.9;margin:18px 0 0;overflow:hidden} .hero h1 .line{display:block;transform:translateY(110%);animation:riseup .7s cubic-bezier(.2,.9,.25,1) forwards} .hero h1 .line:nth-child(2){animation-delay:.12s;color:#fff} @keyframes riseup{to{transform:none}} .hero .lede{font-family:var(--f-event);font-size:21px;color:#fff;line-height:1.3;margin-top:22px;max-width:480px} .hero .tagline{font-weight:600;font-size:var(--t-meta);color:#ac9dd1;letter-spacing:.3em;margin-top:18px} .hero .ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;min-height:44px;background:#ff006d;color:#0b0d1b; font-family:var(--f-body);font-weight:600;font-size:14px;border-radius:4px;cursor:pointer;border:0; letter-spacing:.04em;box-shadow:var(--imp-glow);transition:background .15s,transform .06s} /* כפתורי "כרטיסים"/"כרטיס להערב" הראשיים — פונט עברי קריא במקום Cascadia Mono (כ/ב מתבלבלים בגדלים קטנים) */ #ev-buy,#d-tonight-btn{font-family:var(--f-cta-he);font-weight:700;font-size:15px;letter-spacing:.02em} /* הובר בהיר יותר (לא כהה) — כדי לשמר ניגודיות טובה מול הטקסט הכהה על הכפתור */ .btn:hover{background:#ff4d94}.btn:active{transform:translateY(1px)} .btn.ghost{background:transparent;color:#fff;border:1px solid #3d3d3d;box-shadow:none} .btn.ghost:hover{border-color:#ff006d;color:#ff006d} .hero .poster{position:relative;min-height:400px;border-radius:4px;overflow:hidden;cursor:pointer; display:flex;flex-direction:column;justify-content:space-between;padding:24px; background:var(--imp-grad);background-size:200% 200%;animation:gradshift 9s ease-in-out infinite; transition:transform .25s,box-shadow .25s} @keyframes gradshift{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}} .hero .poster:hover{transform:translateY(-4px) rotate(.4deg);box-shadow:var(--imp-glow)} .hero .poster::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,1),transparent 55%);pointer-events:none} .hero .poster>*{position:relative;z-index:2} .hero .poster .ptag{align-self:flex-start;background:rgba(11,13,27,.6);color:#fff;font-family:var(--f-event);font-weight:bold;font-size:var(--t-label);padding:5px 10px;border-radius:2px;letter-spacing:.08em} .hero .poster .pdate{font-weight:600;font-size:var(--t-meta);color:#ff006d;letter-spacing:.08em} .hero .poster .ptitle{font-family:var(--f-voice);font-weight:bold;font-size:clamp(36px,5vw,54px);color:#fff;line-height:.95;margin-top:6px} .hero .poster .psub{font-family:var(--f-event);font-size:18px;color:#fff;margin-top:6px} /* ★ F-04/2+4 · כפתור-קנייה ישיר בפוסטר (יעד-מגע 44px) + חיסכון-חבר כפער, לא כמחיר. */ .hero .poster .pfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px} .hero .poster .pbuy{min-height:44px;padding:12px 20px;text-decoration:none;font-family:var(--f-cta-he);font-weight:700;font-size:15px} .hero .poster .psave{font-size:var(--t-meta);font-weight:600;color:#fff;background:rgba(11,13,27,.6);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:6px 10px;white-space:nowrap} /* ★ F-04/3 · דגל-הקידום לבן (הוכרע ברנדר: צבע-העולם נבלע, צהוב נקרא כאזהרת-מלאי). */ .hero .poster .ptag.on{background:#fff;color:#0b0d1b} /* ★ F-04/7 · קריאות גוש-הטקסט בפוסטר — נמדד חי ב-390: התאריך יושב ב-50% מגובה הפוסטר, וההצללה הופכת שקופה כבר ב-45% מלמעלה. כלומר ורוד 12px נחת ישר על התמונה. התיקון: מותחים את ההצללה כלפי מעלה **רק במובייל**, שם הפוסטר נמוך והטקסט גבוה יחסית. */ @media(max-width:860px){ .hero .poster::after{background:linear-gradient(to top,rgba(11,13,27,.97) 12%,rgba(11,13,27,.72) 42%,transparent 74%)} } /* גליפים מרחפים ברקע ההירו */ .glyphs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0} .glyphs span{position:absolute;font-family:var(--f-body);font-weight:700;color:var(--imp-accent);opacity:.09; animation:drift linear infinite;white-space:nowrap} /* item 2 — יותר נוכחות וצבעוניות מגוונת לסמלונים המפוקסלים */ .glyphs span:nth-child(3n){color:#7ed9e6} .glyphs span:nth-child(4n){color:#ff9ec4} .glyphs span:nth-child(5n){opacity:.14;font-size:1.25em} .glyphs span:nth-child(7n){opacity:.05;filter:blur(.5px)} @keyframes drift{from{transform:translateY(15vh) rotate(var(--r,0deg))}to{transform:translateY(-25vh) rotate(var(--r,0deg))}} /* ===== רצועת ענק נגללת בין סקשנים ===== */ .mstrip{margin:80px 0 0;padding:14px 0;border-top:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;overflow:hidden;white-space:nowrap} .mstrip .in{display:inline-flex;gap:56px;animation:slide 30s linear infinite; font-family:var(--f-voice);font-weight:bold;font-size:44px;line-height:1; color:transparent;-webkit-text-stroke:1px rgba(172,157,209,.4)} .mstrip .in b{color:var(--imp-accent);-webkit-text-stroke:0} @keyframes slide{from{transform:translateX(-50%)}to{transform:translateX(0)}} @keyframes tkroll{from{transform:translateX(0)}to{transform:translateX(50%)}} /* ===== שערי מחלקות ===== */ .gates{margin-top:72px;position:relative;z-index:2} .sec-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid #3d3d3d;margin-bottom:22px} .sec-head .h{display:flex;gap:14px;align-items:baseline} .sec-head .n{font-weight:600;font-size:var(--t-label);color:var(--imp-accent);letter-spacing:.14em} .sec-head h2{font-family:var(--f-voice);font-weight:bold;font-size:clamp(30px,5vw,40px);color:#fff;margin:0;line-height:1} .sec-head .meta{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.08em} .gates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .gate{position:relative;height:165px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid rgba(172,157,209,.15); display:flex;flex-direction:column;justify-content:flex-end;padding:16px; transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s} .gate:hover{transform:translateY(-6px) scale(1.015)} .gate .bg{position:absolute;inset:-10%;opacity:.85;transition:opacity .3s,transform .8s ease;background-size:200% 200%;animation:gradshift 12s ease-in-out infinite} .gate:hover .bg{opacity:1;transform:scale(1.06) rotate(1deg)} .gate::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,.92),transparent 65%)} .gate>*{position:relative;z-index:2} .gate .g-name{font-family:var(--f-voice);font-weight:bold;font-size:27px;color:#fff;line-height:1} .gate .g-brand{font-family:var(--f-cursive);font-size:15px;margin-top:2px;opacity:.9} .gate .g-count{position:absolute;top:12px;left:12px;z-index:2;font-weight:600;font-size:var(--t-label);letter-spacing:.08em;background:rgba(11,13,27,.55);padding:4px 8px;border-radius:2px} .gate .g-arrow{position:absolute;top:12px;right:14px;z-index:2;color:#fff;font-weight:700;opacity:0;transform:translateX(8px);transition:all .25s} .gate:hover .g-arrow{opacity:1;transform:none} @media(max-width:860px){ .gates-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none} .gates-grid::-webkit-scrollbar{display:none} .gate{min-width:72vw;scroll-snap-align:start;height:140px} } /* ===== גריד אירועים ===== */ .section{margin-top:72px;position:relative;z-index:2} .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px} .chip{font-size:var(--t-label);border:1px solid #3d3d3d;padding:6px 13px;border-radius:999px;letter-spacing:.04em;cursor:pointer;transition:all .15s;min-height:44px;display:inline-flex;align-items:center;justify-content:center} /* 2b-1: יעד-מגע 44px */ .chip:hover{border-color:var(--imp-accent);color:var(--imp-accent)} .chip.on{background:var(--imp-accent);color:#0b0d1b;border-color:var(--imp-accent);font-weight:600} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.grid{grid-template-columns:1fr}} .ev{background:linear-gradient(180deg,#0d197a 0%,#0b0d1b 100%);border:1px solid rgba(172,157,209,.15);border-radius:4px;overflow:hidden; display:flex;flex-direction:column;box-shadow:0 2px 24px rgba(0,0,0,.5);transition:transform .22s,box-shadow .22s} .ev:hover{transform:translateY(-4px);box-shadow:var(--imp-glow)} .ev .img{height:190px;position:relative;overflow:hidden;background-size:200% 200%;animation:gradshift 14s ease-in-out infinite} .ev .img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,.95),transparent 50%)} .ev .img .pp{position:absolute;inset:0;z-index:2;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff} .ev .img .pp .t{font-family:var(--f-event);font-size:var(--t-label);color:rgba(255,255,255,.7);letter-spacing:.18em;text-transform:uppercase} .ev .img .pp .pt{font-family:var(--f-voice);font-weight:bold;font-size:30px;line-height:.95} .ev .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1} .ev .tag{align-self:flex-start;background:var(--imp-accent-soft);color:var(--imp-accent);font-family:var(--f-event);font-weight:bold;font-size:var(--t-label);padding:3px 8px;border-radius:2px} .ev .date{font-weight:600;font-size:var(--t-label);color:var(--imp-accent);letter-spacing:.06em} .ev .title{font-family:var(--f-event);font-size:22px;color:#fff;line-height:1.1} .ev .sub{font-size:var(--t-meta);color:#ac9dd1;line-height:1.5} .ev .footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid rgba(172,157,209,.15)} .ev .price{font-size:var(--t-label)}.ev .price b{color:#fff;font-weight:600} /* D-079 · רצף-לטיני בתוך כותרת עברית — פונט-תצוגה לטיני. */ .lat{font-family:var(--f-latin);letter-spacing:.01em} /* D-079ב · הערך הוא גופן-הספר; ר' ההערה ליד --f-latin */ .mem-badge,.facts .mem-badge{display:inline-block;font-size:var(--t-label);font-weight:600;line-height:1;padding:3px 7px;border-radius:999px;margin-inline-start:6px;white-space:nowrap;color:var(--imp-accent,#ec4899);background:color-mix(in srgb,var(--imp-accent,#ec4899) 16%,transparent);border:1px solid color-mix(in srgb,var(--imp-accent,#ec4899) 40%,transparent)} #ev-member-badge{font-size:var(--t-meta);margin-inline-start:8px} .ser-more{color:var(--imp-accent,#ec4899);font-weight:700} /* T-019ב · חיווי "עוד תאריכים" בסדרה */ /* ★ 7ב(4) · רצפת-נגיעה 44 במסלול-הכסף (הכרעת-אסף 25.7), אחרי מדידה-מחדש **כאורח** באייפון 14. הכלל היה מוגבל ל-`.ev .btn-s` — כלומר לכרטיס-האירוע בלבד — ולכן **כפתור-הרכישה בלוז נמדד 57 על 21**, פחות מחצי הרצפה. אותו כפתור, אותו מסלול-כסף, ורק בגלל שהוא יושב ב-`.srow` ולא ב-`.ev` הוא נשאר קטן. הכלל עובר לסלקטור-הכיתה עצמו: מי שנראה ככפתור-רכישה מקבל שטח-נגיעה של כפתור-רכישה, בכל מקום. */ .btn-s{font-family:var(--f-cta-he);font-weight:700;font-size:15px;letter-spacing:.02em;color:#0b0d1b;background:#ff006d;padding:8px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer} .btn-s.off{background:#3d3d3d;color:#8a8ea6;cursor:default} .ev .btn-s.off{background:#3d3d3d;color:#8a8ea6;cursor:default} .btn.off{background:#3d3d3d !important;color:#8a8ea6 !important;cursor:default;box-shadow:none !important} .ev .tag.soldout{background:rgba(180,50,50,.18);color:#ff6b6b} .ev .tag.last{background:rgba(255,176,32,.16);color:#ffb020} .ev .tag.soon{background:rgba(126,217,230,.14);color:#7ed9e6} .ev .alert{font-weight:600;font-size:var(--t-label);color:#7ed9e6;background:rgba(126,217,230,.1);padding:3px 8px;border-radius:2px;letter-spacing:.08em} /* ===== רצועת WTF בבית ===== */ .wtfstrip{margin-top:80px;position:relative;border:1px solid #3d3d3d;border-radius:4px;overflow:hidden;cursor:pointer; padding:52px 40px;background:linear-gradient(240deg,#0b0d1b,#2a0a40 60%,#db008c 160%);transition:box-shadow .25s} .wtfstrip:hover{box-shadow:var(--imp-glow)} .wtfstrip h3{font-family:var(--f-voice);font-weight:bold;font-size:clamp(36px,6vw,64px);color:#fff;margin:0;line-height:.95} .wtfstrip h3 b{color:#ff006d} .wtfstrip p{font-family:var(--f-event);font-size:17px;color:#c1c4c7;margin:14px 0 0;max-width:520px} .wtfstrip .go{margin-top:20px;font-weight:600;font-size:var(--t-body);color:#7ed9e6;letter-spacing:.06em} @media(max-width:640px){.wtfstrip{padding:32px 20px}} /* ===== פרויקטים נבחרים ===== */ .projs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:860px){.projs{grid-template-columns:1fr}} .proj{border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a22,#0b0d1b);cursor:pointer;transition:transform .2s,box-shadow .2s} .proj:hover{transform:translateY(-3px);box-shadow:var(--imp-glow)} .proj .k{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.14em} .proj h4{font-family:var(--f-event);font-weight:bold;font-size:20px;color:#fff;margin:8px 0} .proj p{font-size:var(--t-meta);color:#ac9dd1;margin:0;line-height:1.55} /* ===== ניוזלטר ===== */ .nl{margin-top:80px;padding:48px 40px;border:1px solid #3d3d3d;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:linear-gradient(180deg,#0d197a 0%,#0b0d1b 100%)} @media(max-width:860px){.nl{grid-template-columns:1fr;padding:32px 20px}} .nl h3{font-family:var(--f-voice);font-weight:bold;font-size:clamp(32px,5vw,44px);color:#ff006d;margin:0;line-height:.95} .nl p{font-size:var(--t-body);line-height:1.6;margin:14px 0 0;max-width:420px} .nl .sig{font-family:var(--f-cursive);font-size:22px;color:#ac9dd1;margin-top:14px} .nlrow{display:flex;gap:8px} .nlrow input{flex:1;font-family:var(--f-body);font-size:var(--t-body);color:#fff;background:transparent;border:1px solid #3d3d3d;padding:12px 14px;min-height:44px;border-radius:4px;min-width:0;box-sizing:border-box} .nlrow input:focus{outline:none;border-color:var(--imp-accent)} .nlrow button{font-family:var(--f-body);font-weight:600;font-size:var(--t-meta);color:#0b0d1b;background:var(--imp-accent);padding:12px 18px;min-height:44px;border:0;border-radius:4px;cursor:pointer} /* ===== פוטר ===== */ footer{margin-top:88px;padding:48px 0 90px;border-top:1px solid #3d3d3d} .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:36px} @media(max-width:860px){.f-grid{grid-template-columns:1fr 1fr}} footer h4{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px} /* בהיר יותר מ-#db008c הקודם — היחס הקודם על רקע כהה היה מתחת לסף הניגודיות המומלץ (WCAG AA) */ footer a{display:block;font-size:var(--t-meta);color:#ff4d94;padding:6px 0;margin-bottom:2px;cursor:pointer;transition:color .15s} footer a:hover{color:#fff} .fbrand{font-family:var(--f-voice);font-weight:bold;font-size:38px;color:#ff006d;line-height:1} .faddr{font-size:var(--t-meta);color:var(--hm2-ink-3,#8a8ea6);line-height:1.8;margin-top:12px} .faddr b{color:#c1c4c7;font-weight:400;display:block} .faddr-l{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px} .faddr-l:hover,.faddr-l:focus-visible{color:var(--imp-accent,#ff006d)} .fsoc{display:flex;gap:12px;margin-top:14px} .fsoc a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-14px;color:#ac9dd1} .fsoc svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6} .fbot{margin-top:36px;padding-top:16px;border-top:1px solid #3d3d3d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px} .fbot span{font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.1em;text-transform:uppercase} /* ===== טיקר עליון תמידי ===== בכוונה: מוצג בכל תצוגה (בית/מחלקה/אירוע/לו״ז/וכו׳) בלי יוצא מן הכלל, נעול מתחת להאדר (לא בתחתית — שם הוא נעלם מאחורי סרגל הדפדפן במובייל). אין מחלקת body שמכבה אותו — אם בעתיד מוסיפים כזו (למשל .tkoff), לוודא שהיא לא חלה כאן. */ .ticker{position:fixed;top:calc(var(--adminbar-h) + var(--header-h) + var(--safe-top));bottom:auto;right:0;left:0;z-index:95; margin-top:0!important; /* אותו תיקון margin-top גלובלי של וורדפרס (ראו הערה מעל header) — חל גם כאן, שכבה קבועה עליונה שנייה */ height:var(--tkh);padding:0 var(--safe-right) 0 var(--safe-left);box-sizing:border-box; /* ★ הגובה חייב להיות בדיוק --tkh: main שומר --tkh, וריפוד-15 יצר טיקר בגובה 55 שחפף/פער */ border-top:3px solid var(--imp-accent);background:linear-gradient(90deg,rgba(255,0,109,.14),rgba(17,10,25,.98) 22%);backdrop-filter:blur(12px); box-shadow:0 8px 30px rgba(255,0,109,.42);overflow:hidden;white-space:nowrap} .ticker .row{display:inline-flex;align-items:center;height:calc(var(--tkh) - 3px);gap:38px;animation:tkroll 140s linear infinite;font-family:'stanger','Cascadia Mono','Consolas',ui-monospace,monospace;font-weight:700;font-size:14px;color:#fff;letter-spacing:.12em;-webkit-text-size-adjust:100%;text-size-adjust:100%} /* D-040ג (‏27.7): **stanger ראשון**. המדידה הראתה ש-Cascadia Mono מכסה גם עברית, ולכן כשהוא הוביל את המחסנית stanger לא נשקל מעולם — הטיקר רץ בגופן הלא-נכון בכל עמוד, לא רק בקופה. הבאג היה בסדר-המחסנית, לא בהקשר. stanger דו-לשוני (כולל לטיני), בדיוק כמו המחסנית הדו-לשונית בראש הקובץ. */ .ticker .row a,.ticker .row b{font-size:14px!important;line-height:1;-webkit-text-size-adjust:100%} .ticker .row b{color:var(--imp-accent)} .ticker .row a:hover{color:#fff;cursor:pointer} /* תגית סוג-אירוע בטיקר (לייב/לילה/במה/לימבו) — נדרש ע"י אסף */ .ticker .row .tk-tag{display:inline-block;font-size:var(--t-label)!important;font-weight:800;letter-spacing:.05em; padding:2px 6px;margin-inline-end:7px;border-radius:999px;border:1px solid rgba(255,255,255,.32); color:rgba(255,255,255,.9);vertical-align:middle;line-height:1.3} /* F-01 · הודעת-טיקר ידנית — בולטת מהאירועים (גוון-מותג), לא-לחיצה. */ .ticker .row .tk-msg{color:var(--imp-accent);font-weight:700} /* D-POST-SPOTLIGHT · פריט-מודגש בסרגל-העולמות. ורוד-המותג, כי הוא נבחר ידנית ואמור להיבדל מארבע המחלקות הקבועות שלצידו. */ .mdepts a.spot-world{--w:#ff006e} .ticker .row .tk-msg .tk-tag{border-color:var(--imp-accent);color:var(--imp-accent)} @media(max-width:900px){ /* טיקר מובייל: צמוד ישירות מתחת להאדר (שורת-המחלקות גוללת עם התוכן ואינה שכבה קבועה) — פס דק 30px, בלי padding אנכי — טקסט ממורכז ע"י line-height */ .ticker{top:calc(var(--adminbar-h) + var(--header-h) + var(--safe-top));height:var(--tkh);padding:0 var(--safe-right) 0 var(--safe-left); border-top:none;box-shadow:none;background:rgba(11,13,27,.94)} .ticker .row{line-height:var(--tkh);height:var(--tkh)} /* במובייל אין border-top, ולכן הגובה מלא */ } /* ===== פס-CTA תחתון דביק — מובייל בלבד (כרטיסים תמיד בהישג-יד) ===== */ .mcta-bar{display:none} @media(max-width:900px){ /* 6ד/A-18: הפס הקשרי — נדלק רק בעמוד-אירוע (data-cta=event), נעלם בבית/עולם/תוכן. */ body[data-cta="event"] .mcta-bar,body[data-cta="resume"] .mcta-bar{display:block} /* D-069: גם מצב "המשך רכישה" */ .mcta-bar{position:fixed;bottom:0;right:0;left:0;z-index:96; padding:12px 16px calc(12px + var(--safe-bottom)); background:rgba(11,13,27,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(172,157,209,.15)} .mcta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:56px;background:#ff006d;color:#0b0d1b; font-family:var(--f-cta-he);font-weight:700;font-size:16px;letter-spacing:.02em;padding:0 14px; white-space:nowrap;overflow:hidden; border:none;border-radius:8px;cursor:pointer} /* ★ 7ב(2) · **זו ההצרה שאסף דיווח עליה** (25.7), ואותרה במכשיר אמיתי 30.7. ‏`text-overflow:ellipsis` היה מוגדר על הכפתור — אבל הוא `display:flex`, ושם הכלל **אינו חל**: הוא שייך למכל-בלוק עם תוכן-שורה. התוצאה: שם-אירוע ארוך (‏503 פיקסל לתוך 358) נחתך **משני הצדדים** ובלי שום סימן — «ארח את שאזאמאט… מיש בז׳רנ». המילה הראשונה נעלמה, האחרונה נקטעה, והמשתמש לא יודע שחסר. התיקון: התווית עוברת לעטיפה פנימית, ושם שלוש-הנקודות עובדות. הכפתור נשאר flex (הוא צריך למרכז), והעטיפה מקבלת min-width:0 כדי שתוכל להתכווץ בכלל. */ .mcta-btn>.lbl{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } body.menu-open .mcta-bar{display:none} /* D-012: שורת-העולמות המוצמדת חייבת להיעלם בפתיחת תפריט/קופה — אחרת היא צפה מעל מסך-התשלום ואפשר לאבד קנייה */ body.menu-open .mdepts{display:none} /* ===== עולם מחלקה ===== */ .dept-hero{position:relative;padding:calc(70px) var(--pad) 70px;background:var(--imp-grad);background-size:200% 200%;animation:gradshift 14s ease-in-out infinite;overflow:hidden} .dept-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 70%)} .dept-hero .inner{position:relative;z-index:3;max-width:1120px;margin:0 auto} .dept-hero .crumb{font-weight:600;font-size:var(--t-label);letter-spacing:.2em;color:rgba(255,255,255,.75);cursor:pointer} .dept-hero .crumb:hover{color:#fff} .dept-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(60px,11vw,124px);color:#fff;line-height:.88;margin:18px 0 0;overflow:hidden} .dept-hero h1 .line{display:block;transform:translateY(110%);animation:riseup .65s cubic-bezier(.2,.9,.25,1) forwards} .dept-hero h1 .line:nth-child(2){animation-delay:.1s} .dept-hero .d-lede{font-family:var(--f-event);font-size:19px;color:#fff;max-width:520px;margin-top:16px;line-height:1.35} /* שכבות אווירה פר-מחלקה */ .fx{position:absolute;inset:0;z-index:1;pointer-events:none} /* לילה: כוכבים + כדורי ניאון */ .fx .star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:tw 3.5s ease-in-out infinite} @keyframes tw{0%,100%{opacity:.12}50%{opacity:.85}} .fx .orb{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.4;animation:float 11s ease-in-out infinite} @keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-50px)}} /* מוזיקה: אקולייזר */ .fx .eq{position:absolute;bottom:0;right:0;left:0;height:120px;display:flex;align-items:flex-end;gap:5px;padding:0 4vw;opacity:.35} .fx .eq i{flex:1;background:linear-gradient(to top,var(--imp-accent),transparent);animation:eqb .9s ease-in-out infinite alternate} @keyframes eqb{from{height:12%}to{height:96%}} /* תיאטרון: זרקור */ .fx .spot{position:absolute;top:-30%;right:20%;width:70vw;height:170%; background:radial-gradient(ellipse 30% 55% at 50% 0%,rgba(255,255,255,.14),transparent 70%); transform-origin:top center;animation:sweep 7s ease-in-out infinite alternate} @keyframes sweep{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}} /* קולנוע: גרעין פילם + פסי לטרבוקס */ .fx .grain{position:absolute;inset:0;opacity:.09; background-image:repeating-conic-gradient(#fff 0 .0003turn,transparent 0 .0016turn);background-size:170px 170px;animation:grainmv .35s steps(3) infinite} @keyframes grainmv{0%{transform:translate(0,0)}33%{transform:translate(-40px,25px)}66%{transform:translate(30px,-30px)}100%{transform:translate(0,0)}} .fx .bar-t,.fx .bar-b{position:absolute;right:0;left:0;height:34px;background:#000;opacity:.55} .fx .bar-t{top:0}.fx .bar-b{bottom:0} /* ילדים: קונפטי */ .fx .conf{position:absolute;width:9px;height:9px;border-radius:2px;opacity:.6;animation:confall linear infinite} .tonight{margin-top:52px;border:1px solid var(--imp-accent);border-radius:4px;padding:20px 24px; display:flex;align-items:center;gap:18px;background:var(--imp-accent-soft);flex-wrap:wrap;position:relative;overflow:hidden} .tonight::before{content:"";position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shine 3.4s linear infinite} @keyframes shine{from{right:-80px}to{right:110%}} .tonight .pulse{width:10px;height:10px;border-radius:50%;background:var(--imp-accent);box-shadow:0 0 12px var(--imp-accent);animation:pu 1.6s ease-in-out infinite} @keyframes pu{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}} .tonight .tt{font-family:var(--f-event);font-weight:bold;font-size:18px;color:#fff} .tonight .td{font-size:var(--t-meta);color:#ac9dd1} .tonight .btn{margin-right:auto} @media(max-width:640px){.tonight .btn{margin-right:0;width:100%}} .gofx{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} @media(max-width:860px){.gofx{grid-template-columns:1fr}} .gof{border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a 0%,#0b0d1b 100%); display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s;cursor:pointer} .gof:hover{transform:translateY(-3px);box-shadow:var(--imp-glow)} .gof .ttl{font-family:var(--f-event);font-weight:bold;font-size:19px;color:#fff} .gof .dsc{font-size:var(--t-meta);color:#ac9dd1;line-height:1.55} .gof .act{margin-top:auto;font-weight:600;font-size:var(--t-meta);color:var(--imp-accent);letter-spacing:.06em} /* ===== עמוד WTF ===== */ .wtf-hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center; background:var(--imp-grad);background-size:250% 250%;animation:gradshift 10s ease-in-out infinite;overflow:hidden;padding:60px var(--pad)} .wtf-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 60%)} .wtf-hero .big{position:relative;z-index:2} .wtf-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(80px,17vw,210px);color:#fff;line-height:.85;margin:0;animation:glitch 4.5s steps(2) infinite} .wtf-hero .sub{font-family:var(--f-event);font-size:clamp(18px,3vw,26px);color:#fff;margin-top:22px} .wtf-hero .hint{margin-top:34px;font-weight:600;font-size:var(--t-label);letter-spacing:.3em;color:rgba(255,255,255,.75);animation:bob 1.8s ease-in-out infinite} @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}} .wtf-block{padding:90px 0 0} .wtf-block .k{font-weight:600;font-size:var(--t-label);color:var(--imp-accent);letter-spacing:.28em} .wtf-block h2{font-family:var(--f-voice);font-weight:bold;font-size:clamp(38px,7vw,72px);color:#fff;line-height:.92;margin:14px 0 0} .wtf-block h2 b{color:var(--imp-accent)} /* FAQ (accordion נגיש, בלי JS) */ .faq{margin-top:26px;max-width:720px;border-top:1px solid #2a2c40} .faq details{border-bottom:1px solid #2a2c40} .faq summary{list-style:none;cursor:pointer;padding:17px 34px 17px 0;position:relative;font-family:var(--f-event);font-size:17px;color:#fff;font-weight:600;transition:color .15s} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:22px;color:var(--imp-accent);transition:transform .2s} .faq details[open] summary::after{content:"–"} .faq summary:hover{color:var(--imp-accent)} .faq details p{font-family:var(--f-body);font-size:15px;line-height:1.55;color:#c1c4c7;margin:0 0 18px;padding-left:34px;max-width:640px} .wtf-block p{font-family:var(--f-event);font-size:19px;color:#c1c4c7;line-height:1.5;max-width:640px;margin:20px 0 0} .wtf-facts{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px} @media(max-width:860px){.wtf-facts{grid-template-columns:1fr}} .fact{border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a22,#0b0d1b);transition:transform .2s} .fact:hover{transform:rotate(-.6deg) translateY(-3px)} .fact .num{font-family:var(--f-voice);font-weight:bold;font-size:46px;color:var(--imp-accent);line-height:1} .fact .lbl{font-size:var(--t-meta);color:#ac9dd1;margin-top:8px;line-height:1.5} .wtf-sig{margin-top:70px;text-align:center} .wtf-sig .cur{font-family:var(--f-cursive);font-size:clamp(24px,4vw,34px);color:#ac9dd1} /* ===== ניגודיות תנועה ===== */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01s !important;animation-iteration-count:1 !important;transition-duration:.01s !important} } /* תיקון מובייל קריטי: אנימציות הגרדיאנט האינסופיות (gradshift) רצות על כל כרטיס אירוע (37×) בו-זמנית עם background-size:200% — עומס repaint שמקפיא/מונע את צביעת הרשת ב-iOS/WebKit. בנייד מכבים את האנימציות הכבדות (הגרדיאנט נשאר, רק לא זז). דסקטופ לא מושפע. */ @media(max-width:900px){ /* ★ 17.8 · `.cine-spiral` נוספה לרשימה לפי אותו נימוק שכתוב למעלה — היא האלמנט המצויר הכבד ביותר בהירו. ⚠ זו **זהירות לפי תקדים שנמדד בקוד הזה**, ולא כשל שנמדד עליה. אחרי בדיקה במכשיר אמיתי אפשר להחזיר לה את הסיבוב. */ .ev .img,.hero .poster,.gate,.dept-hero,.wtfstrip,.tonight,.cine-spiral{animation:none !important} } /* ===== טריגר תפריט (9 פסים) ===== */ .htrig{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--t-meta);letter-spacing:.06em;color:#c1c4c7;transition:color .15s} .htrig:hover{color:var(--imp-accent)} .htrig .bars{display:grid;grid-template-columns:repeat(3,4px);gap:2px} .htrig .bars i{width:4px;height:4px;background:currentColor;transition:transform .2s} .htrig:hover .bars i:nth-child(odd){transform:scale(1.4)} /* ===== תפריט השתלטות ===== */ /* ★ D-MENU-QUICKFIX #4 · "אם התפריט אמור לכסות את כל המסך, שיכסה." נמדד באייפון 14: החלון 664 והשורש 647 — שבע-עשרה שורות-פיקסל של רקע הציצו מלמטה, כי `inset:0` על `fixed` נמדד מול חלון-הפריסה ולא מול החלון-הנראה. ‏`100dvh` נמדד מול הנראה, ו-`background` על השורש עצמו מבטיח שגם אם נשאר פער — הוא בצבע-התפריט ולא בתוכן שמאחור. */ .menu-root{position:fixed;inset:0;height:100dvh;min-height:100%;background:#0b0d1b;z-index:200;display:none} .menu-root.open{display:block} .menu-stage{position:absolute;inset:0;background:#0b0d1b;overflow:hidden} .menu-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:22px var(--pad);max-width:1280px;margin:0 auto} .menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #3d3d3d} .menu-top .logo{font-family:var(--f-voice);font-weight:bold;font-size:24px;color:#ff006d} /* ★ נמדד בסריקת-מכשירים: 32 פיקסל גובה — מתחת לרצפת-הנגיעה 44 (ת"י 5568). זה כפתור ה-*יציאה* מהתפריט, כלומר בדיוק המקום שבו החטאה עולה למשתמש ביוקר. */ .menu-close{display:flex;gap:10px;align-items:center;background:none;border:1px solid #3d3d3d;color:#c1c4c7; font-family:var(--f-body);font-size:var(--t-meta);padding:8px 14px;min-height:44px;border-radius:4px;cursor:pointer;transition:all .15s} .menu-close:hover{border-color:#ff006d;color:#ff006d} .menu-close .x{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.1em} .menu-body{flex:1;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;min-height:0} /* ★ #4 · במובייל הרשימה **מותחת** את עצמה על כל הגובה במקום להצטופף בשליש העליון (נמדד: חמש שורות תפסו את השליש, וכל היתר היה ריק). `stretch` + שורות שמתחלקות בגובה = תפריט מלא-מסך, וגם יעדי-נגיעה גדולים בהרבה. */ @media(max-width:860px){.menu-body{grid-template-columns:1fr;align-items:stretch;padding-top:12px}} .menu-items{display:flex;flex-direction:column;overflow-y:auto;min-height:0;max-height:100%;padding-bottom:8px} @media(max-width:860px){ .menu-items{overflow-y:auto;justify-content:stretch} .menu-items .mcat,.menu-items .mnow{flex:1 1 0;min-height:64px} /* ★ #2 · ההרשמה-לניוזלטר **לא** לוקחת מנת-גובה כמו שורת-תפריט. עד היום היא נכנסה לאותו זרם-גמיש ומתחה את עצמה, ולכן "עיוותה הכל" סביבה. */ .menu-items .nlin{flex:0 0 auto;width:100%;align-self:stretch} } .menu-item{display:flex;align-items:center;gap:14px;padding:7px 10px;border-bottom:1px solid rgba(172,157,209,.12);cursor:pointer;position:relative;transition:background .15s} .menu-item:hover,.menu-item.active{background:rgba(255,0,109,.05)} .menu-item .idx{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.1em;width:22px} .menu-item .label{font-family:var(--f-voice);font-weight:bold;font-size:clamp(19px,3.2vh,30px);color:#fff;line-height:1;transition:color .15s,transform .2s} .menu-item:hover .label,.menu-item.active .label{color:var(--imp-accent);transform:translateX(-6px)} .menu-root.glitch-on .menu-item:hover .label{animation:glitch .3s steps(2) 1} .menu-item .en{margin-right:auto;font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.22em} .menu-item:hover .en{color:#ac9dd1} .menu-item .arrow{opacity:0;transform:translateX(6px);transition:all .2s;color:var(--imp-accent);font-weight:700} .menu-item:hover .arrow{opacity:1;transform:none} .menu-preview{display:flex;flex-direction:column;gap:14px} @media(max-width:860px){.menu-preview{display:none}} .preview-card{border:1px solid rgba(172,157,209,.2);border-radius:4px;min-height:300px;padding:22px;display:flex;flex-direction:column;justify-content:space-between; background:var(--imp-grad);background-size:200% 200%;animation:gradshift 10s ease-in-out infinite;position:relative;overflow:hidden} .preview-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,27,.85),transparent 55%)} .preview-card>*{position:relative;z-index:2} .pv-stamp{font-size:var(--t-label);letter-spacing:.2em;color:rgba(255,255,255,.7)} .pv-pt{font-family:var(--f-voice);font-weight:bold;font-size:clamp(34px,5vh,52px);color:#fff;line-height:.92;white-space:pre-line} .pv-meta{display:flex;justify-content:space-between;font-size:var(--t-label);color:#fff} .pv-meta .date{color:var(--imp-accent);font-weight:600;filter:brightness(1.3)} .pv-foot{display:flex;justify-content:space-between;align-items:center;gap:14px} .pv-foot .who{font-family:var(--f-event);font-weight:bold;font-size:16px;color:#fff} .pv-foot .sub2{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.05em;margin-top:4px} .pv-foot .cta{font-weight:600;font-size:var(--t-meta);color:var(--imp-accent);letter-spacing:.06em;cursor:pointer;white-space:nowrap} /* ===== CANCEL-SELF · חלוניות-הביטול באיזור-האישי ===== מסך שמדבר על כסף חייב להיות שקט ומדויק: מספרים מיושרים, כפתור-הפעולה אינו הכפתור הבולט כשהפעולה הרסנית, ורצפת-נגיעה 44 בכל כפתור (ת"י 5568). */ .cx-wrap{position:fixed;inset:0;z-index:400;background:rgba(4,5,12,.82);backdrop-filter:blur(3px); display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto} .cx-box{background:#11131f;border:1px solid rgba(172,157,209,.28);border-radius:8px;max-width:440px;width:100%; padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)} .cx-t{font-family:var(--f-voice);font-weight:bold;font-size:clamp(21px,3.4vh,28px);color:#fff;line-height:1.1;margin-bottom:10px} .cx-p{font-size:13.5px;color:#c1c4c7;line-height:1.75;margin:0 0 12px} .cx-n{font-size:var(--t-meta);color:#8a8ea6;line-height:1.7;margin:0 0 14px} .cx-err{font-size:var(--t-meta);color:#ff6b6b;line-height:1.6;min-height:18px;margin:2px 0 8px} .cx-sum{border:1px solid rgba(172,157,209,.2);border-radius:5px;padding:12px 14px;margin:0 0 12px;font-size:var(--t-body)} .cx-sum>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;color:#c1c4c7} .cx-sum>div b{color:#fff;font-family:var(--f-body)} .cx-sum .tot{border-top:1px solid rgba(172,157,209,.2);margin-top:5px;padding-top:9px} .cx-sum .tot b{color:var(--imp-accent);font-size:16px} .cx-l{display:block;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.06em;margin:8px 0 5px} .cx-i{width:100%;background:#0b0d1b;border:1px solid rgba(172,157,209,.32);border-radius:4px;color:#fff; font-family:var(--f-body);font-size:15px;padding:12px;min-height:44px;margin-bottom:4px} .cx-i:focus{outline:none;border-color:#ff006d} .cx-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px} .cx-row button{flex:1;min-width:132px;min-height:44px;border-radius:4px;cursor:pointer; font-family:var(--f-body);font-size:var(--t-body);padding:12px 14px;transition:all .15s} .cx-b1{background:#ff006d;border:1px solid #ff006d;color:#fff} .cx-b1:hover{filter:brightness(1.12)} .cx-b1:disabled{opacity:.6;cursor:default} .cx-b2{background:none;border:1px solid rgba(172,157,209,.4);color:#c1c4c7} .cx-b2:hover{border-color:#ff006d;color:#fff} /* ===== F-02 · שכבת-כניסה: קטגוריות-על → תת-תפריט מלא-מסך (אפיון docs/menu-f02-spec.md) ===== ★ MENU-CARDS (הכרעת-אסף 29.7): מצב "כרטיסים" אינו רשימת-עולמות אלא **לוח-אירועים** כרונולוגי — כמו לוח-יציאות: שעה+יום+תאריך (ימין) · שם-האירוע (מרכז) · "כרטיסים" (שמאל). העולמות נשארים נגישים כמסננים מעל הלוח, ולא נעלמו. טיפוגרפיה מהספר: ראשי=שטנגר-מודגש (--f-voice) · משני/מוקטן=קסקדיה (--f-body). */ .mcat{display:flex;align-items:center;gap:14px;padding:12px 10px;border-bottom:1px solid rgba(172,157,209,.12);cursor:pointer;position:relative;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:right;font:inherit;color:inherit;transition:background .15s} .mcat:hover,.mcat.active{background:rgba(255,0,109,.05)} /* ★ F-02 · הפריט-הראשי ב-stanger, לא shimshon. האפיון נעל את זה במפורש ("ראשי גדול: stanger מודגש ★ ננעל"), ומוקאפ-נינו v2 מגדיר `--f-head:'stanger'`. החי רץ על --f-voice (shimshon) — קול-המותג במקום קול-האירוע. נמדד ב-390. */ /* ★ #3 · `line-height:1` חתך את הכותרות. גובה-שורה קטן מגובה-הגליף מוריד קצוות למעלה ולמטה — בעברית ובלטינית כאחד. ‏1.14 נותן מקום אמיתי. */ .mcat .c-he{font-family:var(--f-event);font-weight:bold;font-size:clamp(26px,5vh,44px);color:#fff;line-height:1.14;padding-block:.04em;transition:color .15s,transform .2s} .mcat:hover .c-he,.mcat.active .c-he{color:var(--imp-accent);transform:translateX(-6px)} .mcat .c-meta{margin-right:auto;display:flex;flex-direction:column;gap:3px;align-items:flex-start} /* ★ #3 · האותיות-הגדולות והמספרים נחתכו: אלה גליפים גבוהים בגופן-מונוספייס בלי גובה-שורה מוצהר. ‏1.5 + מרווח-פנימי קטן = אפס חיתוך בשבעת המכשירים. */ .mcat .c-en{font-size:var(--t-label);color:var(--hm2-ink-3,#8a8ea6);letter-spacing:.22em;line-height:1.5;padding-block:1px} .mcat .c-sub{font-size:var(--t-label);color:#ac9dd1;line-height:1.5;padding-block:1px} /* ★ #5 · אייקון-הקטגוריה, מספריית-הסמלים שלנו (השראת דור-5). */ .mcat .c-ico,.mnow .c-ico{font-size:19px;line-height:1;color:var(--imp-accent);opacity:.72;flex:none;transition:opacity .2s} .mcat:hover .c-ico,.mcat.active .c-ico,.mnow:hover .c-ico{opacity:1} .mcat .c-go{color:var(--imp-accent);font-weight:700;opacity:.55;transition:opacity .2s,transform .2s} .mcat:hover .c-go{opacity:1;transform:translateX(-4px)} /* ★ שורת-NOW — האלמנט החי. הכרעת-אסף 30.7: **ה-ON AIR עובר לצד-השני**, כך שהמילה NOW יושבת בדיוק באותה שורה כמו שאר הפריטים. לכן אותו סדר-בנים כמו `.mcat` (צ׳יברון → כותרת → מטא-שמאלה) ואותו גופן/גודל — ההצמדה נבדקת בעין ב-390. */ /* ★ D-MENU-QUICKFIX #6 · מילות-אסף: "צריכה להיראות שורה **רגילה** פשוט עם תוכן מתחלף ואפקטים מפתיעים, אבל טיפוגרפית להיות שתולה בצורה די רגילה." ⇒ הקופסה יורדת: אין רקע-כהה, אין מסגרת, אין פינה מעוגלת. אותו ריפוד, אותו קו-תחתון ואותו קנה-מידה כמו `.mcat`. ההפתעה נשארת בתוכן ובתנועה. */ .mnow{background:none;border:0;border-bottom:1px solid rgba(172,157,209,.12);border-radius:0;margin-top:0;padding:12px 10px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:right;font:inherit;color:inherit;transition:background .15s} .mnow:hover,.mnow:focus-visible{background:rgba(255,0,109,.05)} .mnow .n-go{color:#ff006d;font-weight:700;opacity:.55;transition:opacity .2s,transform .2s;flex:none} .mnow:hover .n-go{opacity:1;transform:translateX(-4px)} .mnow .n-side{margin-right:auto;display:flex;align-items:center;gap:10px;flex:none} .mnow .n-tag{display:flex;align-items:center;gap:6px;font-family:var(--f-body);font-size:var(--t-label);line-height:1.5;letter-spacing:.18em;color:#ff006d;white-space:nowrap} .mnow .n-dot{width:7px;height:7px;border-radius:50%;background:#ff006d;animation:mnowpulse 1.6s ease-in-out infinite} @keyframes mnowpulse{0%,100%{opacity:1}50%{opacity:.25}} @keyframes mnowslide{from{transform:translateX(14px);opacity:0}to{transform:none;opacity:1}} /* טקסט-רץ **ימינה** (חידוד-v5) — נכנס משמאל ויוצא בימין, בכיוון-הטיקר. */ @keyframes mnowmarq{from{transform:translateX(-100%)}to{transform:translateX(100%)}} /* ★ #6 · אותו גודל ואותו גופן כמו `.c-he` — לא "כמעט". ★ #3 · גובה-שורה 1.14. */ .mnow .n-stage{font-family:var(--f-event);font-weight:bold;font-size:clamp(26px,5vh,44px);color:#fff;line-height:1.14;padding-block:.04em;flex:1;min-width:0;overflow:hidden;white-space:nowrap} .mnow .n-stage.sm{font-size:clamp(17px,2.9vh,26px)} /* ★★★ הערת-אסף ‏11.8: **"טיקר חתוך"**. המדידה ב-390: הבמה מקבלת ‏162 פיקסל מתוך שורה של ‏331 — ‏`ON AIR` בולע את השאר — בזמן שהטקסט הארוך ביותר תופס ‏294. כלומר שלושה מתוך שישה מצבים נחתכו תמיד, בכל טלפון. שני תיקונים: ‏(1) מדרגת-מידה שלישית לשורות הארוכות; ‏(2) במובייל התווית הלטינית של התגית יורדת ו**הנקודה-הפועמת נשארת** — היא הסימן, לא המילה. הבמה מרוויחה ~‏85 פיקסל. */ .mnow .n-stage.xs{font-size:clamp(15px,2.4vh,20px)} @media(max-width:860px){ .mnow .n-tag #menu-now-tag{display:none} .mnow .n-side{gap:0} } /* ⛔ 12.8 (אסף): **בלי שלוש-נקודות, אף פעם.** "שם ארוך אמור לרוץ כמו באנר, לא להופיע עם שלוש נקודות" — שם שנחתך הוא שם שהמשתמש לא יודע מה הוא, וזו בדיוק הפעם שבה השורה נועדה למכור. ‏`ellipsis` ⇐ `clip`, ומה שלא נכנס מקבל מרקי (ר' fitToStage). */ .mnow .n-stage .n-txt{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip;vertical-align:bottom} /* ★ 12.8 · "התחיל:" — ורוד-המותג, כשהאירוע באמת רץ ברגע זה. */ .mnow .n-stage .n-live{color:#ff006e} /* המרקי מודד את עצמו במונחי-המכל (‏block ברוחב מלא), ולכן הוא באמת נכנס משמאל ויוצא בימין — ולא "זז ברוחב עצמו". משך קצר מהמחזור, כדי שהחלפת-המצב לא תקטע תנועה. */ /* ★ הערת-אסף 31.7 (#4): "הטיקר בשורה-החכמה רץ מהר מדי — להאט משמעותית". 3.1 שניות לחציית-שורה שלמה זה הבזק, לא טיקר: העין לא מספיקה לקרוא שם-אירוע בזמן שהוא נוסע. 3.1s ⇐ 9.2s (פי שלושה איטי יותר). זמן-השהייה של המצב הוארך בהתאמה ב-JS (`MENU_NOW_DWELL`) — אחרת המצב היה מתחלף באמצע התנועה. */ .mnow .n-stage.marq .n-txt{display:block;width:100%;max-width:none;text-overflow:clip;animation:mnowmarq 9.2s linear forwards} .mnow .n-stage.nl{color:#7ed9e6} /* הסמן-הוורוד-השמן (חידוד-v5) — פס, לא קו-גבול. */ .mnow .n-cur{display:inline-block;width:.42em;height:.82em;background:#ff006d;vertical-align:-.04em;margin-left:2px;animation:mnowcur .82s steps(1) infinite} @keyframes mnowcur{0%,49%{opacity:1}50%,100%{opacity:0}} /* ★★ 12.8 · נגישות — `prefers-reduced-motion` עוצר את **כל** התנועה בשורה החיה: הבאנר-הרץ, הסמן, הנקודה-הפועמת וההחלקה. במקום מרקי, השם **נשבר לשתי שורות** — כי הדרישה האמיתית היא "לראות את השם המלא", ובלי תנועה הדרך היחידה היא לגלוש לשורה שנייה. חיתוך היה מחזיר בדיוק את הבעיה שהמרקי בא לפתור. ה-JS משלים: בלי הקלדה ובלי ריצוד — הטקסט המלא נכתב בבת-אחת (ר' menuNowRender). */ @media(prefers-reduced-motion: reduce){ .mnow .n-stage{white-space:normal} .mnow .n-stage .n-txt{white-space:normal;overflow:visible;animation:none!important} .mnow .n-stage.marq .n-txt{display:block;animation:none!important;transform:none} .mnow .n-cur,.mnow .n-dot{animation:none} } /* ניוזלטר-אינליין — "רוצה ניוזלטר?" שנפתח **באותה שורה** לכן+שדה+שגר (הכרעת-אסף 30.7). הרחבה-במקום: הגובה נשמר, שאר התפריט לא זז. שדה בגודל 16 — מתחת לזה אייפון מזגזג-זום. */ /* ★★★ הערת-אסף ‏11.8: **"הפונט צריך להתחפש לפונט של שאר התפריט — גדול. וגם השלח."** שתי נקודות-העגינה יושבות באותו מכל (`#menu-l2-body`) אבל בין **שכנים שונים**: ‏`#nlin-board` בין שורות-אירוע (`.e-name`, גופן-האירוע), ו-`#nlin-info` בין שורות-תפריט (`.mrow .m-he`, גופן-הקול). "להתחפש" = לקחת את הגופן והמידה של השכן, ולכן המידה נקבעת פר-עוגן במשתנה ולא כערך אחד לכולם. */ .nlin{--nl-f:var(--f-voice);--nl-s:clamp(19px,3vh,28px); display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 6px;border-bottom:1px solid rgba(172,157,209,.14);min-height:56px} #nlin-board{--nl-f:var(--f-event);--nl-s:clamp(17px,2.6vh,26px)} /* ★★ הערת-אסף 31.7 (#5): "רוצה ניוז' חורג מהשורה ונראה מוזר — הכל צריך להיראות פשוט טקסט". מה שחרג: הכיתוב רץ ב-shimshon-מודגש 28px ציאן (גדול מכל שורה אחרת ברשימה), והצ׳יברון ישב בקצה **הפותח** של השורה בזמן שבכל שאר השורות הוא בקצה הסוגר — כלומר הפריט בלט מהעמודה ונקרא כאלמנט זר. התיקון: טקסט-גוף רגיל בקנה-המידה של הרשימה, בלי צ׳יברון-פותח, בלי משקל-כותרת. הציאן נשאר — הוא צבע ולא עיטור. */ .nlin .nl-q,.nlin .nl-yes{font-family:var(--nl-f);font-weight:bold;font-size:var(--nl-s);line-height:1.05;color:#7ed9e6;letter-spacing:0} .nlin .nl-q{background:none;border:0;padding:0;cursor:pointer;min-height:44px;display:flex;align-items:center;text-align:right} .nlin .nl-q:hover{color:#fff;text-decoration:underline;text-underline-offset:4px} /* ⚠ המידה חייבת להישאר ‏16 ומעלה — מתחת לזה אייפון מזגזג-זום בפוקוס. ‏`--nl-s` מתחיל ב-‏17/19, ולכן הכלל הזה מתקיים גם בגדול. */ .nlin .nl-i{flex:1;min-width:130px;background:#0b0d1b;border:0;border-bottom:2px solid rgba(126,217,230,.5);color:#fff; font-family:var(--nl-f);font-weight:bold;font-size:var(--nl-s);line-height:1.05;padding:8px 6px;min-height:48px;border-radius:0} .nlin .nl-i::placeholder{color:rgba(172,157,209,.55);font-weight:400} .nlin .nl-i:focus{outline:none;border-bottom-color:#ff006d} .nlin .nl-go{background:#ff006d;border:0;color:#fff;font-family:var(--nl-f);font-weight:bold;font-size:var(--nl-s);line-height:1.05; padding:9px 14px;min-height:48px;border-radius:3px;cursor:pointer;white-space:nowrap} .nlin .nl-go:hover{filter:brightness(1.12)} .nlin .nl-go:disabled{opacity:.6;cursor:default} .nlin .nl-msg{width:100%;font-family:var(--f-body);font-size:var(--t-meta);color:#ac9dd1;line-height:1.6} .nlin .nl-msg.err{color:#ff6b6b} .nlin .nl-msg.ok{color:#7ed9e6} /* תת-תפריט מלא-מסך + סרגל-התמצאות */ .menu-l2{display:none;flex-direction:column;min-height:0;height:100%} .menu-body.l2 .menu-items,.menu-body.l2 .menu-preview{display:none} .menu-body.l2{grid-template-columns:1fr} .menu-body.l2 .menu-l2{display:flex} /* סרגל-ההתמצאות בשתי שורות: היציאה למעלה, "איפה אני" מתחתיה. שורה אחת הצטופפה ב-390 עד שהתווית הלטינית נדבקה לכותרת העברית — ר' צילום-390 של הסבב הראשון. */ /* ★★ כלל-קבע (הכרעת-אסף 31.7, #3): **חיצים באים מספריית-הסמלים שלנו בלבד** — איקון-הפונט `hmr2` (מחלקות `hmr2-*`) ומוטיב-הצ׳יברון `›››`. אף פעם לא תו-יוניקוד גנרי כמו `‹` / `→`. כפתור-החזרה נשא `‹` — תו-ציטוט שמתהפך ב-RTL ומצויר בגופן-הטקסט, כלומר "סימן שנראה כמו חץ" ולא החץ של הספר. הוחלף ב-`hmr2-arrow-right`: ב-RTL הכיוון-לאחור הוא **ימינה**, ולכן זה החץ הנכון (נבדק על רנדר, לא על שם-המחלקה). */ .mcrumbs{display:flex;flex-direction:row;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(172,157,209,.2)} /* ★ D-MENU-QUICKFIX #5 · "כותרות גדולות לחזרה אחורה" — בדיוק כפי שדור-5 עשה: החץ מאבד את הקופסה ונעשה **גדול ומגנטה**, והכותרת עולה לקנה-מידה של כותרת ולא של תווית. יחד הם קוראים כ"איפה אני, ואיך יוצאים" בלי להסביר. */ .mcrumb-back{background:none;border:0;color:var(--imp-accent);line-height:0; min-width:44px;min-height:44px;padding:6px;border-radius:0;cursor:pointer; display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .16s ease,color .15s} .mcrumb-back i{font-size:clamp(30px,6vw,46px);line-height:1;display:block} .mcrumb-back:hover{transform:translateX(6px);color:#fff} .mcrumb-back:focus-visible{outline:2px solid #ff006d;outline-offset:2px;color:#fff} /* ★ F-02 · כותרת-השכבה-המשנית באותו קול כמו הפריט-הראשי (stanger מודגש). ★ #5 · והיא גדלה לקנה-המידה של דור-5. ‏#3 · גובה-שורה אמיתי, בלי חיתוך. */ .mcrumb-here{display:flex;flex-direction:column;gap:4px;font-family:var(--f-event);font-weight:bold;font-size:clamp(34px,8vw,64px);color:#fff;line-height:1.14;padding-block:.04em;min-width:0} .mcrumb-here .sml{font-family:var(--f-body);font-weight:400;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.18em;line-height:1.5;padding-block:1px} /* הכותרת מקבלת מיקוד-בקוד בכניסה לשכבה (ר' menuOpenCat) — בלי טבעת, כי היא אינה פקד. הסימון החזותי של "איפה אני" הוא הכותרת עצמה. */ .mcrumb-here:focus{outline:none} .menu-l2-body{flex:1;overflow-y:auto;min-height:0;padding:14px 0 8px;-webkit-overflow-scrolling:touch} /* ★ נמדד באייפון 14 (חלון 664): הפוטר תפס 136 פיקסל — כחמישית מהמסך — והלוח נשאר עם 290, כלומר שתי שורות וחצי. בתת-תפריט הפוטר הוא קישוט; הלוח הוא התוכן. במובייל הוא נסגר שם בלבד (ברמה-הראשונה ובדסקטופ הוא נשאר). הלוח עולה ל-426, +47%. */ /* ⛔ #8 · הכלל שהסתיר את הפוטר בתת-תפריט מיותר — אין יותר פוטר בתפריט. */ /* ★ שורת-הקטגוריות (סדר-אסף 30.7): מיוחד ראשון · אחריו העולמות · פסטיבל אחרון. קטגוריה בלי אירועים **מוסתרת** — צ׳יפ שמוביל לרשימה ריקה הוא הבטחה שבורה. כל צ׳יפ נושא את צבע-העולם שלו, אותו קוד-צבע של שורת-המחלקות בראש האתר. */ .mfilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px} .mfilter{--w:#ac9dd1;background:none;border:1px solid rgba(172,157,209,.35);color:#c1c4c7;font-family:var(--f-body);font-size:var(--t-meta);padding:9px 15px;border-radius:999px;cursor:pointer;min-height:44px;transition:all .15s;display:flex;align-items:center;gap:7px} .mfilter::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w);opacity:.75;flex:none} .mfilter:hover{border-color:var(--w);color:#fff} .mfilter.on{background:var(--w);border-color:var(--w);color:#0b0d1b;font-weight:700} .mfilter.on::before{background:#0b0d1b;opacity:1} .mfilter.f-promo{--w:#ff006d} /* לוח-האירועים — הציור של אסף */ .eboard{display:flex;flex-direction:column} .erow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;text-align:right; background:none;border:0;border-bottom:1px solid rgba(172,157,209,.14);padding:12px 6px;cursor:pointer;font:inherit;color:inherit;transition:background .15s} .erow:hover{background:rgba(255,0,109,.05)} .e-when{display:flex;flex-direction:column;gap:2px;min-width:88px} .e-time{font-family:var(--f-body);font-size:clamp(19px,2.6vh,24px);color:#fff;letter-spacing:.02em;line-height:1} .e-date{font-size:var(--t-label);color:#ac9dd1;white-space:nowrap} .e-mid{display:flex;flex-direction:column;gap:4px;min-width:0} /* ★★ הכרעת-אסף 31.7 (‏#1 · ביטול הכרעת-30.7): **תיוג-כפול יוצא**. סוג-האירוע הופיע פעמיים — גם כצ׳יפ-אליפסה-ממוסגר בשורה-עליונה, וגם כטקסט-צבעוני לצד השם. הצ׳יפ הוסר; **הטקסט-הצבעוני נשאר**. עם הצ׳יפ ירדה גם שורת-`.e-top` כולה — ולכן כל שורה בלוח נחסכת שורה, והלוח חוזר להיות אחיד כמו לוח-יציאות. ★ #2 · התגית-החכמה ("בכורה" · "מחר") עברה **לסוף שורת-שם-האירוע**, לא מעליה. */ .e-wname{--w:#ac9dd1;font-family:var(--f-event);font-weight:bold;color:var(--w);white-space:nowrap} .e-sep{color:var(--hm2-ink-3,#8a8ea6);font-weight:400} /* nowrap ולא wrap: התגית חייבת להישאר **באותה שורה**. השם מתכווץ (הוא ממילא נחסם לשתי שורות ב-.e-title) — התגית לא נדחפת לשורה משלה. */ .e-name{font-family:var(--f-event);font-weight:bold;font-size:clamp(17px,2.6vh,26px);color:#fff;line-height:1.05;display:flex;align-items:center;gap:8px;flex-wrap:nowrap} .erow:hover .e-name{color:var(--imp-accent)} /* ★ שם-אירוע נחסם לשתי שורות. אירוע אמיתי אחד באתר נקרא «צוקוש (מארח את שאזאמאט, חן פורתי, בן גדסי, מיש בז׳רנו)» — הוא נפרש לשש שורות והרס את אחידות-הלוח. לוח יציאות שכל שורה בו בגובה אחר מפסיק להיות לוח. השם המלא בעמוד-האירוע, קליק אחד משם. */ .e-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0} /* ★ #2 · `margin-inline-start:auto` דוחף אותה לקצה-השורה (ב-RTL: הקצה השמאלי) — "בסוף אותה שורה של שם-האירוע". flex:none כדי שלא תתכווץ לפני השם. */ .e-tag{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.08em;color:#fff;background:rgba(255,0,109,.18);border:1px solid rgba(255,0,109,.5);border-radius:3px;padding:3px 7px;white-space:nowrap;flex:none;margin-inline-start:auto} .e-buy{font-family:var(--f-body);font-size:var(--t-meta);color:#fff;background:#ff006d;border-radius:3px;padding:11px 14px;white-space:nowrap;min-height:44px;display:flex;align-items:center} .e-buy.soon{background:none;border:1px solid #3d3d3d;color:#8a8ea6} .eempty{padding:22px 6px;font-size:var(--t-body);color:#ac9dd1} /* ★ שלוש עמודות נשמרות עד 340 — זה הציור של אסף ומה שהמוקאפ המאושר מראה ב-390. סבב ראשון שבר את הכפתור לשורה משלו ב-520 והפך אותו לפס-ענק; זו הייתה סטייה מהמוקאפ, לא שיפור. רק מתחת ל-340 (מסך צר-קיצוני) נערמים, כדי לא לגלוש. */ @media(max-width:390px){ .erow{gap:10px;padding:11px 2px} .e-when{min-width:76px} .e-buy{padding:11px 10px} } /* ★★ #2 · **החזרת-רוחב לשם-האירוע** — נמדד ב-390 אחרי שהתגית עברה לשורת-השם: עמודת-"מתי" תפסה 120 פיקסל (כי «יום ו׳ · 31 ביולי» נעול ל-nowrap), «כרטיסים» 69, ולעמודה-האמצעית נשארו 147. התגית לקחה מהם 53, והשם נחתך ל-24 פיקסל — «OUT» הוצג כ«וט». המסקנה **אינה** להחזיר את התגית לשורה נפרדת (זה מה שאסף פסל), אלא לקחת בחזרה את הרוחב מהמקום שבזבז אותו: התאריך נשבר לשתי שורות בעמודה צרה, והתגית מתהדקת. ‏430 ולא 390 — אייפון 15/16 הם 393/402 ונשארו מחוץ לסף הישן. */ @media(max-width:430px){ .e-when{min-width:0;max-width:84px} /* היום מעל התאריך, בלי ה-`·` — שני שדות בלוח-יציאות, לא משפט שנשבר. */ .e-date{white-space:normal;line-height:1.32} .e-date .e-dow{display:block} .e-date .e-dsep{display:none} .e-name{gap:6px} .e-tag{padding:2px 5px;letter-spacing:.02em} .e-buy{padding:11px 10px} } @media(max-width:339px){ .erow{grid-template-columns:auto 1fr;grid-template-areas:"when mid" "buy buy";row-gap:10px} .e-when{grid-area:when}.e-mid{grid-area:mid}.e-buy{grid-area:buy;justify-content:center} } /* רשימת-קישורים בתת-תפריט (חברים · מידע) — עם כותרות-קבוצה לפי המיפוי של אסף 30.7 (המקום · מקצועי · צור-קשר · מידע משפטי). הכותרת בקסקדיה מוקטנת, לא מתחרה בפריטים. */ .mgroup{margin:18px 0 6px;display:flex;align-items:center;gap:10px} .mgroup:first-child{margin-top:2px} .mgroup .g-t{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.2em;color:#ac9dd1;white-space:nowrap} .mgroup .g-l{flex:1;height:1px;background:rgba(172,157,209,.18)} .mrow{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:none;border:0; border-bottom:1px solid rgba(172,157,209,.14);padding:13px 6px;cursor:pointer;font:inherit;color:inherit;min-height:44px;transition:background .15s} .mrow:hover{background:rgba(255,0,109,.05)} /* ★ נמדד: בלי flex:1 העטיפה מצטמצמת ל-min-content (92 פיקסל ב-390) ו"האיזור שלי" נשבר לשתי שורות — בזמן שיש חצי-שורה פנויה לשמאלה. שבירה מדומה, לא חוסר-מקום. */ .mrow>span:first-child{flex:1;min-width:0} /* ★ #7 · חריגת-שורה שנמצאה בסריקת-הבדיקה: `.m-he` ו-`.m-sub` היו שני span-ים **אינליין**, ולכן תת-הכותרת נדבקה לסוף הכותרת באותה שורה ונשברה באמצע — «כניסה / הזדהותקוד SMS · בלי» / «סיסמה». ה-`margin-top` שלה מעולם לא פעל (אין margin אנכי על אינליין). block לשניהם = שתי שורות, כפי שתוכנן. */ .mrow .m-he{display:block;font-family:var(--f-voice);font-weight:bold;font-size:clamp(19px,3vh,28px);color:#fff;line-height:1.05} .mrow:hover .m-he{color:var(--imp-accent)} /* בלי margin-right:auto — מרווח-אוטומטי בולע את כל השטח הפנוי, ואז flex:1 של הכותרת נשאר עם בסיס-אפס והמילים נשברות. הדחיפה נעשית ע"י ה-flex, לא ע"י מרווח. */ .mrow .m-en{font-size:var(--t-label);letter-spacing:.2em;color:var(--hm2-ink-3,#8a8ea6);white-space:nowrap} .mrow .m-sub{display:block;font-size:var(--t-label);color:#ac9dd1;margin-top:5px;line-height:1.4} .mrow .m-go{color:var(--imp-accent);font-weight:700;opacity:.55} .mrow:hover .m-go{opacity:1} /* ⛔ D-MENU-QUICKFIX #8 · כללי `.menu-bottom` הוסרו יחד עם הבלוק עצמו. */ /* ===== מסכת פיקסלים (חשיפת התפריט + מעברי עמוד) ===== */ .pixel-mask{position:absolute;inset:0;z-index:5;display:grid;pointer-events:none} .pixel-mask .cell{background:#0b0d1b;opacity:1} .pixel-mask .cell.f{background:var(--imp-accent)} .pixel-mask .cell.d{background:#0d197a} .pixel-mask .cell.o{opacity:0;transition:opacity .12s} /* מעבר עמוד — פייד מהיר וקליל (הוחלף מ"ווייפ" פיקסלים מלא-מסך שכיסה את כל התוכן/הכפתורים ונתפס כאיטי ותקוע; עכשיו עמעום קצר של שכבה דקה, בלי לחסום CTA ובלי להוסיף השהיה מורגשת) */ .wipe-mask{position:fixed;inset:0;z-index:300;pointer-events:none;background:var(--imp-accent);opacity:0;transition:opacity .16s ease} /* כשהמעבר מרונדר כפיקסלים — היריעה האחידה יורדת, והתאים עצמם צובעים. */ .wipe-mask.pixel-mask{position:fixed;background:transparent;display:grid} .wipe-mask.on{opacity:.4} /* ===== CRT ===== */ .scanlines{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.5; background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)} .crt-flicker{position:absolute;inset:0;z-index:7;pointer-events:none;background:#fff;opacity:0;animation:crtf 6s steps(1) infinite} @keyframes crtf{0%,96.5%,97.5%,100%{opacity:0}97%{opacity:.025}} .view{display:none}.view.on{display:block} /* הטיקר עלה לראש (שמירת המקום ב-main, ראה למעלה). כאן נשמר מקום רק לפס-הכרטיסים התחתון הדביק במובייל */ @media(max-width:900px){body[data-cta="event"],body[data-cta="resume"]{padding-bottom:calc(56px + var(--safe-bottom) + 24px)}} /* A-18/D-069: מקום לפס כשמוצג (עמוד-אירוע או "המשך רכישה") */ /* === v8: פסטיבל === */ #v-fest{--fa:#7ed9e6;--fb:#ff006d} .fest-hero{position:relative;padding:90px 6vw 50px;background:linear-gradient(160deg,#07222a 0%,#0b0d1b 70%);overflow:hidden} .fest-hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(126,217,230,.04) 0 1px,transparent 1px 4px);pointer-events:none} .fest-k{font-weight:700;font-size:var(--t-label);letter-spacing:.3em;color:var(--fa)} .fest-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(52px,9vw,120px);color:#fff;line-height:.95;margin:10px 0 6px} .fest-hero h1 b{color:var(--fa)} .fest-sub{font-family:var(--f-event);font-weight:bold;font-size:clamp(18px,2.6vw,28px);color:#ac9dd1} .fest-dates{display:inline-flex;gap:10px;align-items:center;margin-top:16px;border:1px solid rgba(126,217,230,.4);border-radius:4px;padding:10px 18px;font-weight:700;font-size:14px;color:#fff} .fest-count{display:flex;gap:14px;margin-top:26px} .fest-count .cbox{border:1px solid rgba(126,217,230,.35);border-radius:4px;padding:14px 18px;min-width:86px;text-align:center;background:rgba(11,13,27,.6)} .fest-count .cbox b{display:block;font-family:var(--f-event);font-weight:bold;font-size:34px;color:var(--fa)} .fest-count .cbox span{font-size:var(--t-label);letter-spacing:.14em;color:#ac9dd1} /* ===== רצועת פסטיבל 2 בבית (עונתי — מקשרת לעמוד הפסטיבל) ===== */ .festband{--fa:#7ed9e6;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap; margin:26px 0 8px;padding:26px 30px;border:1px solid rgba(126,217,230,.35);border-radius:6px;cursor:pointer;text-decoration:none; background:linear-gradient(160deg,#07222a 0%,#0b0d1b 72%);position:relative;overflow:hidden; transition:border-color .25s,box-shadow .25s,transform .25s} .festband:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(126,217,230,.05) 0 1px,transparent 1px 4px);pointer-events:none} .festband:hover{border-color:var(--fa);box-shadow:0 0 0 1px rgba(126,217,230,.4),0 0 30px rgba(126,217,230,.22);transform:translateY(-2px)} .festband .fb-left{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px} .festband .fb-eyebrow{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.18em;color:var(--fa)} .festband .fb-title{font-family:var(--f-voice);font-weight:bold;font-size:clamp(26px,4.4vw,44px);color:#fff;line-height:1} .festband .fb-title b{color:var(--fa)} .festband .fb-cta{font-family:var(--f-body);font-size:var(--t-meta);letter-spacing:.06em;color:#ac9dd1} .festband:hover .fb-cta{color:#fff} .festband .fb-count{position:relative;z-index:2;display:flex;gap:10px} .festband .fb-count .cb{border:1px solid rgba(126,217,230,.35);border-radius:4px;padding:10px 14px;min-width:64px;text-align:center;background:rgba(11,13,27,.6)} .festband .fb-count .cb b{display:block;font-family:var(--f-event);font-weight:bold;font-size:28px;color:var(--fa);line-height:1} .festband .fb-count .cb span{font-size:var(--t-label);letter-spacing:.14em;color:#ac9dd1} @media(max-width:640px){.festband{padding:22px 20px}.festband .fb-count{gap:8px}} .fest-plus{margin:0 6vw;transform:translateY(-24px);background:var(--fb);color:#0b0d1b;border-radius:4px;padding:16px 22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 12px 34px rgba(255,0,109,.35)} .fest-plus b{font-family:var(--f-voice);font-weight:bold;font-size:20px} .fest-plus span{font-weight:600;font-size:var(--t-body)} .fest-days{display:flex;gap:8px;padding:8px 6vw 0;flex-wrap:wrap} .fest-days a{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(172,157,209,.3);border-radius:3px;padding:9px 20px;cursor:pointer} .fest-days a b{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff} .fest-days a span{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.08em} .fest-days a.on{border-color:var(--fa);background:rgba(126,217,230,.08)} .fest-days a.on b{color:var(--fa)} .fest-line{padding:26px 6vw 60px} .fest-ev{display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(172,157,209,.15);padding:16px 4px;cursor:pointer;transition:background .15s} .fest-ev:hover{background:rgba(126,217,230,.05)} .fest-ev .tm{font-family:var(--f-event);font-weight:bold;font-size:19px;color:var(--fa);width:64px} .fest-ev .nm{font-family:var(--f-event);font-weight:bold;font-size:clamp(17px,2.4vw,24px);color:#fff;flex:1} .fest-ev .tag{font-family:var(--f-event);font-weight:bold;font-size:var(--t-label);padding:4px 9px;border:1px solid rgba(172,157,209,.4);border-radius:3px;color:#ac9dd1} .fest-ev .tag.k1{border-color:var(--fb);color:var(--fb)} .fest-ev .tag.k2{border-color:var(--fa);color:var(--fa)} .fest-ev .buy{font-weight:700;font-size:var(--t-meta);color:#0b0d1b;background:var(--fb);padding:8px 14px;border-radius:3px} /* === v8: האיזור שלי === */ .mine-wrap{padding:90px 6vw 60px;max-width:1000px;margin:0 auto} .mine-wrap h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(38px,6vw,64px);color:#fff;margin:0 0 4px} .mine-soon{margin-top:34px;border:1px solid rgba(172,157,209,.25);border-radius:8px;padding:44px 30px;text-align:center;max-width:520px;background:rgba(14,17,34,.75)} .mine-soon-ic{font-size:30px;color:var(--imp-accent)} .mine-soon h3{font-family:var(--f-voice);font-weight:bold;font-size:26px;color:#fff;margin:10px 0 12px} .mine-soon p{font-size:var(--t-body);line-height:1.7;color:#c1c4c7;margin:0} .mine-soon-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px} .mine-id{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:var(--t-meta);color:#7ed9e6;border:1px solid rgba(126,217,230,.4);border-radius:20px;padding:7px 14px;margin:10px 0 30px} .mine-id i{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:breathe2 1.8s ease-in-out infinite} .mine-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px} @media(max-width:860px){.mine-grid{grid-template-columns:1fr}} .mine-card{border:1px solid rgba(172,157,209,.25);border-radius:5px;background:rgba(14,17,34,.75);padding:22px} .mine-card h3{font-family:var(--f-voice);font-weight:bold;font-size:19px;color:#ff006d;margin:0 0 14px} .memb{background:linear-gradient(140deg,#1c0f2e,#0e1122);border-color:rgba(255,0,109,.4)} .memb .plan{font-family:var(--f-event);font-weight:bold;font-size:26px;color:#fff} .memb .meta{font-weight:600;font-size:var(--t-meta);color:#ac9dd1;margin:6px 0 14px} .quota{display:flex;gap:8px;align-items:center;margin:8px 0 4px} .quota i{width:26px;height:10px;border-radius:2px;background:rgba(172,157,209,.25)} .quota i.used{background:#ff006d} .quota span{font-weight:600;font-size:var(--t-meta);color:#ac9dd1;margin-right:8px} .perk{display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:var(--t-label);color:#0b0d1b;background:#7ed9e6;border-radius:3px;padding:5px 10px;margin:10px 6px 0 0} .mine-tkt{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(172,157,209,.12);padding:12px 0} .mine-tkt:last-child{border-bottom:0} .mine-tkt .bc{width:44px;height:44px;flex:0 0 auto;background:repeating-linear-gradient(90deg,#fff 0 2px,#0b0d1b 2px 4px);border-radius:2px;border:3px solid #fff} .mine-tkt .tt{flex:1} .mine-tkt .tt b{display:block;font-family:var(--f-event);font-weight:bold;font-size:15.5px;color:#fff} .mine-tkt .tt span{font-size:var(--t-label);color:#ac9dd1;font-weight:600} .mine-tkt .dk{font-weight:700;font-size:var(--t-label);color:#0b0d1b;background:#7ed9e6;border-radius:3px;padding:4px 8px} .gift{border-color:rgba(126,217,230,.45)} .gift p{font-size:var(--t-body);color:#c1c4c7;line-height:1.7;margin:0 0 12px} .gift .code{font-weight:700;letter-spacing:.2em;background:#0b0d1b;border:1px dashed rgba(126,217,230,.5);border-radius:3px;padding:10px 14px;color:#7ed9e6;text-align:center;font-size:14px} .mine-note{margin-top:22px;font-size:var(--t-meta);color:#ac9dd1;line-height:1.8;border-right:2px solid #ff006d;padding-right:12px} ::view-transition-old(root),::view-transition-new(root){animation-duration:.28s} /* ===== לוז מלא ===== */ .sched{border-top:1px solid rgba(172,157,209,.18);margin-top:10px} .srow{display:grid;grid-template-columns:160px 66px 1fr auto auto;gap:18px;align-items:center;padding:16px 10px;border-bottom:1px solid rgba(172,157,209,.14);cursor:pointer;transition:background .15s} .srow:hover{background:rgba(255,0,109,.06)} .srow .sd{font-weight:600;font-size:var(--t-meta);color:var(--imp-accent);letter-spacing:.04em} .srow .sc{font-size:var(--t-label);color:#ac9dd1;letter-spacing:.16em} .srow .st{font-family:var(--f-event);font-weight:bold;font-size:19px;color:#fff} .srow .sp{font-size:var(--t-meta);color:#ac9dd1;white-space:nowrap} @media(max-width:760px){.srow{grid-template-columns:92px 1fr auto;gap:10px}.srow .sc,.srow .sp{display:none}.srow .st{font-size:15px}} /* ===== ★ D-PROMO-PAPER · שפת-הנייר · אישור-אסף 7.8 ===== "מקודם = הפך לנייר". ההפרה היחידה מול ספר-העיצוב: משטח בהיר בתוך עמוד כהה — ולכן בלי פינה מעוגלת, בלי מסגרת-קו ובלי זוהר. נייר מודבק, לא כרטיס לבן. **שתי מדרגות ולא שלוש** — נמדד על הרנדר: שטח-הנייר 64% במדרגה 1 מול 62% במדרגה 2, ומדרגה 2 אינה מוסיפה נייר אלא רק מקטינה את התמונה. ⇒ לא-מקודם · מקודם (פתק) · מקודם-ראשי (פס + פתק). */ .paper{--paper:#efece3;--paper-hi:#f6f4ee;--paper-edge:#ddd8c9;--ink:#14151f;--ink-2:#4c4d57; background:var(--paper);color:var(--ink);position:relative;border-radius:0; /* ★★ D-PROMO-FRAME · וריאנט **ד** — הכרעת-אסף ‏13.8. נמדד ‏7.8 על ‏31 כרזות: ההפרדה מהרקע ‏1.04 ⇐ **2.56**, והמגע בכרזה בהירה ‏2.51 ⇐ **7.59**. ⛔ ד+ (קו ב-‏9 וריפוד גדול) ירד: אסף הסתכל בשני הצילומים ואמר *"זו אותה אחת"* — הבדל שאינו נראה לעין שמחפשת אותו אינו שווה ‏39 פיקסל גובה בכל כרטיס מקודם. עלות ד: **‏2 פיקסל**. ⛔ ופינות ‏0 — עיגול הופך נייר-מודבק למדבקה, וזו לא השפה. */ border:1px solid rgba(20,21,31,.42); background-image:linear-gradient(0deg,rgba(0,0,0,.02),transparent 40%), repeating-linear-gradient(90deg,rgba(0,0,0,.012) 0 1px,transparent 1px 3px); box-shadow:0 18px 44px -14px rgba(0,0,0,.7),0 2px 0 rgba(0,0,0,.25)} /* ★ קו-הדיו הפנימי, ‏7 פיקסל פנימה — החצי השני של וריאנט ד. ⛔ רק היכן שאין שדה-דיו: בפס ובבלוק-היום שדה-הדיו **הוא** כבר המסגרת, וקו נוסף עליו נקרא כרעש ולא כנייר. */ .paper::before{content:"";position:absolute;inset:7px;border:1px solid rgba(20,21,31,.30);pointer-events:none} .paper.inkfield::before,.paper .inkfield::before,.band .inkfield::before{display:none} /* שורת-המכירה (`short` מהפיד) — הטקסט החינמי שנזרק עד היום. הסימון מתחת ולא מאחור. */ .pitch{font-family:var(--f-event);font-weight:bold;font-size:14.5px;color:var(--ink); line-height:1.15;position:relative;display:inline} .pitch::after{content:"";position:absolute;inset-inline:-2px;bottom:-3px;height:6px; background:rgba(255,0,109,.28);z-index:-1} .pitchline{line-height:1.5} .p-buy{font-family:var(--f-voice);font-weight:bold;font-size:17px;color:#fff;background:var(--imp-accent,#ff006d); border:0;border-radius:0;min-height:48px;padding:0 26px;cursor:pointer;display:inline-flex; align-items:center;gap:8px;box-shadow:0 6px 0 -1px #a80048;text-decoration:none} .p-buy:hover{background:#e00061} .p-buy.off{background:#77788040;color:#14151f;box-shadow:none;cursor:default} .p-buy .arw{font-family:var(--f-body);font-size:15px} .p-buy.sm{font-size:14px;min-height:44px;padding:0 17px;box-shadow:0 4px 0 -1px #a80048} /* ---- מדרגה 1 · הפתק ---- */ .ev.t1{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible} .ev.t1:hover{transform:none;border-color:transparent} .ev.t1 .img{height:168px;border-radius:8px 8px 0 0;overflow:hidden} .slip{margin:-16px -6px 0;padding:15px 17px 17px;display:flex;flex-direction:column;gap:8px; position:relative;z-index:3} .slipword{align-self:flex-start;background:var(--ink);color:var(--paper-hi);font-family:var(--f-voice); font-weight:bold;font-size:11px;letter-spacing:.02em;padding:4px 10px 5px} .slip .date{font-family:var(--f-body);font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.02em} .slip .title{font-family:var(--f-voice);font-weight:bold;font-size:31px;line-height:.95;color:var(--ink)} .slip .footer{display:flex;justify-content:space-between;align-items:center;gap:10px; margin-top:3px;padding-top:11px;border-top:1px solid var(--paper-edge)} .slip .price{font-family:var(--f-body);font-size:11px;color:var(--ink-2)} .slip .price b{color:var(--ink);font-size:16px;font-weight:700} .slip .mem-badge,.bfoot .mem-badge{color:var(--ink-2);background:transparent;border:0;font-size:11px;padding:0;margin-inline-start:7px;border-radius:0} /* תווית-המצב על נייר — דיו על נייר, לא צבע-על-כהה (הצבעים הכהים נעלמים כאן). */ .slip .tag{align-self:flex-start;background:transparent;color:var(--ink-2);border:1px solid var(--paper-edge); font-family:var(--f-event);font-weight:bold;font-size:11px;padding:2px 8px;border-radius:0;margin-top:-2px} .slip .tag.soldout{color:#a8172a;border-color:#a8172a} .slip .tag.last{color:#8a5a00;border-color:#8a5a00} .slip .tag.soon{color:var(--ink-2)} /* ---- מדרגה 3 · פס-ההצהרה ---- */ /* ★ חוק-הדיו: פס לבן עם שלוש מילים נקרא ממרחק כמקטע שלא נטען. שדה-דיו מלא בתוכו, והשם בהיפוך לבן-על-שחור, הופך אותו להדפס. */ .band{grid-column:1/-1;margin:0 0 4px;padding:0;cursor:pointer} .inkfield{background:var(--ink);color:var(--paper-hi);padding:16px 18px 20px;margin:9px 9px 0} .bword{display:inline-block;font-family:var(--f-voice);font-weight:bold;font-size:11px;letter-spacing:.02em; color:#0b0d1b;background:var(--imp-accent,#ff006d);padding:3px 9px 4px} .btitle{font-family:var(--f-voice);font-weight:bold;font-size:clamp(30px,6vw,44px);line-height:.92; margin-top:9px;color:var(--paper-hi)} .bfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 9px 9px; padding:11px 9px 12px;border-top:2px solid var(--ink)} .bfoot .p-date{font-family:var(--f-body);font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:.02em} .bfoot .p-price{font-family:var(--f-body);font-size:12.5px;color:var(--ink-2)} .bfoot .p-price b{color:var(--ink);font-size:18px;font-weight:700} .bfoot .p-buy{margin-inline-start:auto;font-size:15px;min-height:44px;padding:0 20px} @media(max-width:640px){.slip .title{font-size:27px}.band{margin-inline:0}} /* D-075 → D-PROMO-PAPER · הדגל-על-התמונה נשאר למקרה **אחד** בלבד: תגית-חופשית על אירוע לא-מקודם. מרמה 1 ומעלה הכרטיס הוא פתק-נייר והמילה יושבת בפתק. (‏`.promo-badge.lv3` ו-`.ev.promo-3` הוסרו — אין להם עוד מצב שמייצר אותם.) */ .promo-badge{position:absolute;top:12px;right:12px;z-index:6;font-weight:700;font-size:var(--t-label);letter-spacing:.12em;padding:4px 10px;border-radius:2px;background:#fff;color:#0b0d1b;border:1px solid #fff} /* ===== גריד צוות ===== */ .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} @media(max-width:980px){.team-grid{grid-template-columns:repeat(2,1fr)}} .tm{border:1px solid rgba(172,157,209,.15);border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#0d197a22,#0b0d1b);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column} .tm:hover{transform:translateY(-3px);box-shadow:var(--imp-glow)} .tm .ph{aspect-ratio:1/1;background-size:cover;background-position:center top;background-color:#140020;display:flex;align-items:center;justify-content:center;font-family:var(--f-voice);font-weight:bold;font-size:42px;color:rgba(255,255,255,.22)} .tm .bd{padding:14px 16px 12px;display:flex;flex-direction:column;gap:6px;flex:1} .tm .nm{font-family:var(--f-event);font-weight:bold;font-size:17px;color:#fff} .tm .rl{font-size:var(--t-meta);color:#ac9dd1;line-height:1.55;flex:1} .tm .talk{display:block;text-align:center;padding:11px;background:rgba(255,0,109,.08);color:var(--imp-accent);font-weight:600;font-size:var(--t-meta);letter-spacing:.06em;cursor:pointer;text-decoration:none;transition:background .15s,color .15s} .tm .talk:hover{background:var(--imp-accent);color:#0b0d1b} /* ===== כרטיסי תוכן ===== */ .cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} @media(max-width:760px){.cards2{grid-template-columns:1fr}} .pr-cols{grid-template-columns:1.4fr 1fr} @media(max-width:860px){.pr-cols{grid-template-columns:1fr}} .proj .pimg2{height:150px;margin:-22px -22px 14px;background-size:cover;background-position:center;border-bottom:1px solid rgba(172,157,209,.15);border-radius:4px 4px 0 0} .pr-hero{position:relative;height:320px;border-radius:4px;overflow:hidden;margin-bottom:24px} .pr-hero .pimg{position:absolute;inset:0;background-size:cover;background-position:center} .pr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 60%)} .quote{border-right:3px solid var(--imp-accent);padding:20px 26px;background:rgba(255,0,109,.04);margin:0} .quote p{font-family:var(--f-event);font-weight:bold;font-size:clamp(20px,3vw,30px);color:#fff;line-height:1.35;margin:0} .quote cite{display:block;margin-top:10px;font-size:var(--t-label);color:#ac9dd1;font-style:normal} /* ===== רצועת פנייה ===== */ .lead-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--imp-accent);border-radius:4px;padding:22px 26px;margin-top:32px;background:linear-gradient(120deg,rgba(255,0,109,.08),transparent);flex-wrap:wrap} .lead-strip .tt{font-family:var(--f-event);font-weight:bold;font-size:19px;color:#fff} .lead-strip .td{font-size:var(--t-meta);color:#ac9dd1;margin-top:6px;max-width:520px;line-height:1.7} /* ===== טפסים ===== */ /* טופס = ספר-עיצוב עמודי-הכסף: משטח surface-1, קו-פקד line-ctl, פוקוס fire + טבעת רכה. משותף ל-contact ו-rent. */ .formbox{display:flex;flex-direction:column;gap:13px;border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:24px;background:var(--hm2-surface-1);max-width:560px} .formbox input,.formbox select,.formbox textarea{width:100%;font-family:var(--f-body);font-size:16px;color:#fff;background:var(--hm2-surface-ctl);border:1px solid var(--hm2-line-ctl);padding:13px 14px;border-radius:var(--m2-radius-lg);box-sizing:border-box;direction:rtl;text-align:right;transition:border-color .15s,box-shadow .15s} .formbox input,.formbox select{min-height:44px} .formbox input::placeholder,.formbox textarea::placeholder{color:var(--hm2-ink-3)} .formbox input:focus,.formbox select:focus,.formbox textarea:focus{outline:none;border-color:var(--hm2-fire);box-shadow:0 0 0 3px var(--imp-accent-soft)} .formbox .btn{align-self:flex-start;margin-top:4px} /* ===== טופס-קשר רב-שלבי (D-000) — רשת-נושאים + תת-רשת-מחלקות + שדות מותנים ===== */ .ctwiz{max-width:640px} .ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:4px} .ct-tile{min-height:44px;padding:12px 14px;border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-lg);background:var(--hm2-surface-ctl);color:#fff;font-family:var(--f-body);font-size:13.5px;line-height:1.3;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;box-sizing:border-box} .ct-tile:hover,.ct-tile:focus-visible{border-color:var(--imp-accent);outline:none} .ct-tile.ct-back{background:transparent;border-style:dashed;color:var(--hm2-ink-3)} @media(max-width:480px){.ct-grid{grid-template-columns:repeat(2,1fr)}} .ct-step2-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .ct-backlink{font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-3);cursor:pointer;text-decoration:underline;white-space:nowrap;background:none;border:0;padding:0} .ct-backlink:hover,.ct-backlink:focus-visible{color:var(--imp-accent)} .ct-step2-title{font-family:var(--f-event);font-weight:bold;font-size:15px;color:#fff} .ct-intro{font-size:var(--t-body);line-height:1.6;color:var(--hm2-ink-3);background:var(--hm2-surface-ctl);border-radius:var(--m2-radius-lg);padding:12px 14px} .ct-check{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-body);color:var(--hm2-ink-3);line-height:1.5;cursor:pointer;padding:4px 0} .ct-check input{width:auto;min-height:auto;margin-top:2px;accent-color:var(--imp-accent)} .ct-interests{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 14px} .ct-file{display:flex;flex-direction:column;gap:6px;font-size:var(--t-body);color:var(--hm2-ink-3)} .ct-file input[type=file]{font-family:var(--f-body);font-size:var(--t-meta);color:#fff;max-width:100%} .ct-who{max-width:620px} .ct-who p{font-size:13.5px;line-height:1.75;color:#c1c4c7;margin:0 0 12px} .ct-success-box{max-width:480px;text-align:center;padding:34px 10px;border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);background:var(--hm2-surface-1)} .ct-success-check{font-size:40px;color:var(--imp-accent);line-height:1} .ct-success-box p{font-size:15px;color:#fff;margin:14px 0} .ct-modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,5,12,.82);backdrop-filter:blur(6px)} .ct-modal.on{display:flex} .ct-modal-box{width:min(460px,94vw);max-height:86vh;overflow-y:auto;background:var(--hm2-surface-1);border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:22px 20px;font-family:var(--f-body);box-sizing:border-box} .ct-modal-box p{font-size:13.5px;line-height:1.7;color:#e6e7ee;margin:0 0 16px} .ct-modal-actions{display:flex;gap:10px;flex-wrap:wrap} .ct-modal-actions .btn.ghost{background:transparent;border:1px solid var(--hm2-line-ctl);color:#fff} .bama-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px dashed rgba(126,217,230,.5);border-radius:4px;padding:22px 26px;flex-wrap:wrap} .bama-strip .tt{font-family:var(--f-event);font-weight:bold;font-size:18px;color:#7ed9e6} .bama-strip .td{font-size:var(--t-meta);color:#ac9dd1;margin-top:6px;max-width:520px;line-height:1.7} /* ===== הירו מחלקה: תמונה אמיתית ===== */ .dept-hero .dbg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38;filter:saturate(1.15)} /* ===== מדיניות טריטמנט תמונות: סקאנליינס עדין על תמונות אווירה בלבד ===== */ .dept-hero .scan{position:absolute;inset:0;z-index:1;pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px); mix-blend-mode:multiply;opacity:.75} .dept-hero .scan::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(11,13,27,.55) 100%)} /* ===== תגיות ===== */ .tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .tagchip{font-size:var(--t-label);color:#ac9dd1;border:1px solid rgba(172,157,209,.4);padding:3px 9px;border-radius:2px;letter-spacing:.06em} /* ===== לוח-פוסטים (עיתונות · צוות · פרויקטים) — שפת-קליפינגים מובחנת מכרטיס-אירוע ===== הבידול המכוון מ-.ev/.proj: משטח שטוח (לא גרדיאנט-נייבי), גבול-שערה + פס-הדגשה בקצה-המוביל (ימין ב-RTL), תמונה-ממוזערת קטנה בצד (לא תמונת-גיבור עליונה), שורת-מקור עיתונאית, וקישור-טקסט (בלי כפתור/מחיר). */ .postctl{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-start;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--hm2-line)} .psearch{position:relative;flex:1 1 240px;min-width:190px} .psearch input{width:100%;font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-1);background:var(--hm2-surface-ctl);border:1px solid var(--hm2-line-ctl);border-radius:6px;padding:11px 40px 11px 14px;min-height:44px} .psearch input::placeholder{color:var(--hm2-ink-3)} .psearch input:focus-visible{outline:2px solid var(--imp-accent);outline-offset:1px;border-color:var(--imp-accent)} .psearch::before{content:"⌕";position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-52%);color:var(--hm2-ink-3);font-size:18px;pointer-events:none} .pfilters{display:flex;flex-direction:column;gap:8px;flex:2 1 300px} .fgrp{display:flex;gap:7px;flex-wrap:wrap;align-items:center} .fgrp .flabel{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.14em;color:var(--hm2-ink-3);min-width:44px} .fchip:focus-visible{outline:2px solid var(--imp-accent);outline-offset:1px} .pview{display:flex;border:1px solid var(--hm2-line-ctl);border-radius:6px;overflow:hidden;flex:0 0 auto} .pvbtn{font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-2);background:transparent;border:0;padding:10px 14px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .pvbtn+.pvbtn{border-inline-start:1px solid var(--hm2-line-ctl)} .pvbtn.on{background:var(--imp-accent);color:#0b0d1b;font-weight:600} .pvbtn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:-2px} .pcount{font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);margin-bottom:14px;letter-spacing:.05em} .postboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));gap:14px} .pcard{display:flex;gap:15px;text-align:start;align-items:stretch;background:var(--hm2-surface-1);border:1px solid var(--hm2-line);border-inline-start:3px solid var(--hm2-line-ctl);border-radius:4px;padding:16px 18px;cursor:pointer;transition:border-color .15s,background .15s} .pcard:hover{border-inline-start-color:var(--imp-accent);background:#12152c} .pcard:focus-visible{outline:none;border-inline-start-color:var(--imp-accent);box-shadow:0 0 0 2px var(--imp-accent)} .pthumb{flex:0 0 84px;width:84px;height:84px;border-radius:3px;background:var(--hm2-surface-ctl) center/cover no-repeat;align-self:flex-start} .pthumb.avatar{border-radius:50%;background-position:center top} .pthumb.ph{display:flex;align-items:center;justify-content:center;font-family:var(--f-voice);font-weight:bold;font-size:28px;color:rgba(255,255,255,.22)} .pbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px} .pmeta{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.1em;color:var(--hm2-ink-2)} .poutlet{color:var(--imp-accent);font-weight:600} /* ★ לוגו-עיתון קטן לצד שם-הכלי (בקשת-אסף ‏12.8: "הוסף לוגו קטן של העיתון אם אפשר"). ‏16 פיקסל, מיושר-בסיס עם הטקסט, ו-`contain` כדי שלוגו רחב לא ייחתך. ⛔ הלוגו **מלווה** את השם ואינו מחליף אותו: קובץ שלא נטען משאיר שורה קריאה. */ .olog{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-inline-end:5px;border-radius:2px} /* ★★ D-PRESS-CARD-MOBILE ‏(13.8, בקשת-אסף): "להגדיל את לוגו העיתון ולשים מתחת לתמונה — מובייל", ו"הפרטים איפה ומתי הופיע קטנים ולא ברורים". ⇒ במובייל הלוגו יורד **מתחת לממוזערת** ומוגדל פי-שלושה בערך, ושורת-המטא מקבלת גודל-גוף אמיתי במקום גודל-תווית עם ריווח-אותיות שמפזר אותה. ⛔ הלוגו עדיין **מלווה** את השם ואינו מחליף אותו — קובץ חסר משאיר שורה קריאה. */ .pthumbwrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px} .olog-lg{display:none} @media(max-width:520px){ /* ‏64×34 ולא ‏56×24: לוגו ריבועי בתוך `contain` מקבל את הצלע הקטנה, ולכן תיבה נמוכה מקטינה דווקא את הלוגואים הריבועיים — שהם הרוב. נמדד ב-‏390 פיקסל. */ .olog-lg{display:block;width:64px;height:34px;object-fit:contain;border-radius:2px;opacity:.95} .pcard .pmeta .olog{display:none} .pcard .pmeta{font-size:13px;letter-spacing:.02em;color:var(--hm2-ink-1);line-height:1.4} .pcard .pmeta .poutlet{font-weight:700} .pcard .pmeta .pwhen{color:var(--hm2-ink-2);white-space:nowrap} } .pwhen{color:var(--hm2-ink-2)} /* ★ חותמת-הפרסום בעמוד-הכתבה. הלוגו כאן **גם בדסקטופ** — זו הזהות של הכתבה, לא קישוט. `.olog-lg` מוסתר בברירת-מחדל ולכן נדרשת הצהרה מפורשת בהקשר הזה. */ .press-stamp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 22px; padding:12px 14px;border-inline-start:3px solid var(--imp-accent);background:var(--hm2-surface-1);border-radius:4px} .press-stamp .olog-lg{display:block;width:72px;height:38px;object-fit:contain} .press-stamp .ps-txt{display:flex;flex-direction:column;gap:2px;font-family:var(--f-body);font-size:14px;line-height:1.45} .press-stamp b{color:var(--imp-accent);font-weight:700} .press-stamp .ps-when,.press-stamp .ps-who{color:var(--hm2-ink-2);font-size:13px} /* שעון-הגשה · ‏11.8. שבב ולא מד-התקדמות: הקולות-הקוראים נפתחים חודשים מראש, ופס שמתמלא ‏1% ביום קורא כ"סטטי". מספר-ימים משתנה כל יום ונקרא מיד. ורוד-המותג שמור למצב-דחוף בלבד — אחרת הוא מאבד את המשמעות. */ .dlchip{margin-inline-start:10px;padding:2px 9px;border-radius:999px; font-weight:600;font-size:.82em;letter-spacing:.04em;white-space:nowrap; background:rgba(172,157,209,.13);color:#c9bde6;border:1px solid rgba(172,157,209,.22)} .dlchip.urgent{background:rgba(255,0,110,.13);color:#ff5fa2;border-color:rgba(255,0,110,.32)} .dlchip.closed{background:rgba(255,255,255,.05);color:var(--hm2-ink-2); border-color:rgba(255,255,255,.10);text-decoration:line-through} .pcard h4{font-family:var(--f-event);font-weight:bold;font-size:17px;line-height:1.2;color:var(--hm2-ink-1);margin:0} .pexc{font-family:var(--f-body);font-size:var(--t-meta);line-height:1.5;color:var(--hm2-ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .pcard .tagrow{margin-top:2px} .pmore{font-family:var(--f-body);font-size:var(--t-label);font-weight:600;color:var(--imp-accent);letter-spacing:.04em;margin-top:auto;padding-top:4px} /* תצוגת-רשימה — בלי תמונות, שורות צפופות לסריקה מהירה ולנגישות קלה */ .postboard.list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--hm2-line)} .postboard.list .pcard{border:0;border-bottom:1px solid var(--hm2-line);border-inline-start:3px solid transparent;border-radius:0;padding:13px 12px;gap:10px 14px;align-items:baseline} .postboard.list .pcard:hover,.postboard.list .pcard:focus-visible{border-inline-start-color:var(--imp-accent);background:#12152c;box-shadow:none} .postboard.list .pthumb{display:none} .postboard.list .pbody{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:3px 14px} .postboard.list .pmeta{order:-1;flex:0 0 auto;min-width:158px} .postboard.list .pcard h4{flex:1 1 220px;font-size:15px} .postboard.list .pexc{display:none} .postboard.list .pcard .tagrow{flex:0 0 auto;margin:0} .postboard.list .pmore{margin:0;flex:0 0 auto;padding:0} .pempty{grid-column:1/-1;padding:32px 20px;text-align:center;border:1px dashed var(--hm2-line-ctl);border-radius:6px;color:var(--hm2-ink-2);font-family:var(--f-body);font-size:var(--t-body)} @media(max-width:520px){.pthumb{flex-basis:64px;width:64px;height:64px}.pcard h4{font-size:15px}.postboard.list .pmeta{min-width:120px}} /* ===== גוף-פוסט: תוכן wp/v2 מוזרק בתוך תבנית-האתר (openPost / openProject) — לא טקסט-חשוף ===== */ .post-body{font-family:var(--f-body);font-size:15px;line-height:1.95;color:#c7cad0;max-width:760px} .post-body>*:first-child{margin-top:0} .post-body p{margin:0 0 15px} .post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:var(--f-event);color:#fff;line-height:1.35;margin:26px 0 12px} .post-body h2{font-size:20px}.post-body h3{font-size:17px}.post-body h4{font-size:15px} .post-body a{color:var(--imp-accent);text-decoration:none;border-bottom:1px solid var(--imp-accent-soft)} .post-body a:hover{border-bottom-color:var(--imp-accent)} .post-body img{max-width:100%;height:auto;border-radius:4px;margin:14px 0;border:1px solid rgba(172,157,209,.15)} .post-body ul,.post-body ol{margin:0 0 15px;padding-inline-start:22px} .post-body li{margin:0 0 7px} .post-body blockquote{margin:18px 0;padding:2px 16px;border-inline-start:2px solid var(--imp-accent);color:#e6e7ee;font-style:italic} .post-body figure{margin:14px 0}.post-body figcaption{font-size:var(--t-label);color:var(--hm2-ink-3);margin-top:6px;text-align:center} .post-body--compact{font-size:13.5px;line-height:1.9;color:#c1c4c7;max-width:none} .post-body--compact h2{font-size:17px}.post-body--compact img{margin:10px 0} .post-src{margin-top:20px}.post-src a{font-size:var(--t-meta);color:var(--imp-accent);text-decoration:none} .tm{cursor:pointer} /* ===== שכבת תמונות (תיקון 10.7) ===== */ .pimg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0} .hero .poster>.pimg,.preview-card>.pimg{position:absolute;inset:0;z-index:0} .photo-credit{position:absolute;bottom:8px;left:10px;z-index:4;font-weight:600;font-size:var(--t-label);letter-spacing:.08em;color:rgba(255,255,255,.6);background:rgba(11,13,27,.5);padding:2px 7px;border-radius:2px;pointer-events:none} /* ===== עמוד אירוע ===== */ .ev-hero{position:relative;padding:104px 0 56px;overflow:hidden;background:linear-gradient(160deg,#1a1330,#0b0d1b 62%)} /* A-17: רקע-נפילה ממותג (לא שחור-בוטה) לאירועים חסרי-תמונה; תמונת #ev-bg מכסה אותו כשקיימת */ .bgimg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(34px) brightness(.32) saturate(1.25);transform:scale(1.12)} /* וידאו אווירה בהרו האירוע (item 5) — רץ מושתק ב-loop מאחורי הכותרת אם יש שדה video */ .ev-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.42) saturate(1.1)} .ev-vsound{position:absolute;top:112px;left:var(--pad);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(11,13,27,.6);backdrop-filter:blur(6px);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s} .ev-vsound:hover{transform:scale(1.08);border-color:var(--imp-accent)} .ev-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b0d1b,transparent 60%);pointer-events:none} .ev-hero .inner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:360px 1fr;gap:44px;align-items:start} @media(max-width:860px){.ev-hero .inner{grid-template-columns:1fr;gap:24px}.ev-hero{padding-top:54px}} /* D-067: הקטנת הפער-הריק מעל הפוסטר במובייל (היה 104px). ‏54 ולא 40 — סרגל-הפירורים יושב עכשיו בתוך ההירו ותופס את הראש. */ .posterbox{position:relative;aspect-ratio:3/4;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden;border:1px solid rgba(255,255,255,.08)} /* D-067: contain (לא cover) — פוסטר מלא, שם-אמן לא-נחתך. ★ תיקון-letterbox 26.7: הוסר רקע-שחור-אטום → פסי-התמונה-הרוחבית מתמלאים ברקע-הגיבור המטושטש (#ev-bg) במקום מלבן-שחור */ /* ===== גלריית-אירוע (thumbnails + lightbox) — בלי ספריות חיצוניות ===== */ .ev-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap} .ev-thumb{flex:0 0 auto;width:54px;height:70px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:3px;overflow:hidden;cursor:pointer;background:none;transition:border-color .15s,transform .12s} .ev-thumb img{width:100%;height:100%;object-fit:cover;display:block} .ev-thumb:hover{transform:translateY(-2px)} .ev-thumb.active{border-color:var(--imp-accent);box-shadow:0 0 0 1px var(--imp-accent)} .ev-thumb:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} .lb{position:fixed;inset:0;z-index:200;background:rgba(6,7,15,.94);display:flex;align-items:center;justify-content:center;padding:32px} .lb[hidden]{display:none} .lb-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .lb-close{position:absolute;top:16px;left:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center} .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .lb-prev{right:14px}.lb-next{left:14px} .lb-close:hover,.lb-nav:hover{background:rgba(255,255,255,.24)} .lb-close:focus-visible,.lb-nav:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} .lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:var(--t-meta);letter-spacing:.1em;color:rgba(255,255,255,.7)} /* ===== סרגל-פירורים (breadcrumb) — עמודי-פנים ===== */ .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:var(--t-label);font-weight:600;letter-spacing:.12em;margin-bottom:14px} /* 2dב · פס-פירורים עליון — האלמנט העליון בעמוד-פנים, מעל ה-hero. הפירורים בתוכו בלי margin-תחתון. */ .crumbs-top{padding:14px 20px 10px;max-width:1200px;margin:0 auto} .crumbs-top .crumbs{margin-bottom:0} /* ★ באג-חי (אסף, ×3): הפירורים ישבו על רקע-הגוף הכהה מעל ההירו ויצרו "פער שחור". מעכשיו הם שכבה בתוך ההירו עצמו — רקע-ההירו מתחיל ישר מתחת לטיקר. */ .dept-hero>.crumbs-top,.ev-hero>.crumbs-top,.wtf-hero>.crumbs-top,.fest-hero>.crumbs-top{ position:absolute;top:0;right:0;left:0;z-index:5;max-width:none;margin:0;padding:10px var(--pad) 6px} .dept-hero>.crumbs-top .crumbs,.ev-hero>.crumbs-top .crumbs, .wtf-hero>.crumbs-top .crumbs,.fest-hero>.crumbs-top .crumbs{max-width:1120px;margin:0 auto} /* ★ 7ב(2) · "הצרת-תוכן בטלפון" — דיווח-אסף 25.7, אותר במכשיר אמיתי 30.7. נמדד באייפון 14: «בית» ברוחב 23 פיקסל בעוד הטקסט צריך 29, ו«לייב» 31 מול 37 — כלומר הפירורים הקצרים **כווצו מתחת לרוחב-התוכן שלהם ונחתכו**. השורש: ‏.crumbs הוא flex, ולכל פריט יש flex-shrink:1 כברירת-מחדל; שם-אירוע ארוך (למשל «צוקוש (מארח את שאזאמאט, חן פורתי…)») תופס את כל השורה ומכווץ את שכניו. התיקון: הפירורים הקצרים **אינם מתכווצים**, ורק שם-האירוע — הפריט שממילא ארוך — מקוצר בשלוש-נקודות. כלי-שולחן לא יכול היה לתפוס את זה: כרום ב-macOS אינו מרנדר מתחת ל-500 פיקסל, וזה בדיוק מה שהמפרט אמר שיידרש מכשיר אמיתי. */ .crumb-link,.crumb-sep{flex:0 0 auto} .crumb-cur{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .crumb-link{position:relative;color:var(--imp-accent);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;min-height:24px} /* יעד-מגע 44 פיקסל בלי לנפח את גובה הסרגל: שכבת-לחיצה שקופה מעל הטקסט. ההרחבה האופקית (6px) נשארת בתוך רווח-הפריטים (gap:7px) ולא גונבת לחיצות. */ .crumb-link::after{content:"";position:absolute;inset:-10px -6px;min-height:44px} .crumb-link:hover{text-decoration:underline} .crumb-sep{color:#8a8d99;font-weight:400} .crumb-cur{color:#c1c4c7} .ev-hero .em{font-family:var(--f-event);font-weight:bold;font-size:var(--t-body);color:#ff9ec4;letter-spacing:.08em} .ev-hero h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(38px,6vw,72px);color:#fff;line-height:.95;margin:10px 0 0} .ev-hero .desc{font-size:14px;color:rgba(255,255,255,.75);line-height:1.75;max-width:520px;margin-top:18px;overflow-wrap:anywhere;word-break:break-word} /* ★ תיאור-קצר של המפיק — משפט-הפתיחה של הערב, מעל התאריך. השדה נאסף מהמפיקים מאז ומעולם ולא הוצג בשום משטח; זה מקומו הטבעי: נקרא לפני התיאור-הארוך, ועונה על "מה הערב הזה" במשפט אחד. */ .ev-hero .ev-lead{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.92); max-width:560px;margin-top:10px;font-weight:600;overflow-wrap:anywhere;word-break:break-word} @media(max-width:640px){.ev-hero .ev-lead{font-size:15.5px}} .ev-hero .desc a{color:var(--imp-accent);overflow-wrap:anywhere} .ev-hero .desc img,.ev-hero .desc iframe{max-width:100%;height:auto;border-radius:8px} /* D-067 · הטמעת-יוטיוב רספונסיבית 16:9 בתיאור-האירוע (במקום URL-גולמי). */ .ev-hero .desc .ev-embed{position:relative;width:100%;max-width:520px;aspect-ratio:16/9;margin:16px 0;border-radius:8px;overflow:hidden;background:#000} .ev-hero .desc .ev-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px} .facts{display:flex;gap:28px;margin-top:24px;flex-wrap:wrap} .facts span{display:flex;flex-direction:column;font-size:var(--t-label);letter-spacing:.14em;color:rgba(255,255,255,.55)} .facts b{font-family:var(--f-event);font-weight:bold;font-size:16px;color:#fff;letter-spacing:0;margin-bottom:4px} .ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap} /* כפתור-השיתוף · מצב "הועתק" בירוק-אישור לשתי שניות, על הכפתור עצמו. */ #ev-share i{font-size:15px;line-height:1} #ev-share.is-copied{border-color:#7ed9e6;color:#7ed9e6} /* ===== בורר כמות בעמוד אירוע (לפני כפתור הרכישה) ===== */ .ev-qty{margin-top:22px;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:6px;max-width:360px} .ev-qty-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .ev-qty-label{font-family:var(--f-event);font-weight:bold;font-size:var(--t-meta);letter-spacing:.06em;color:rgba(255,255,255,.75)} .ev-qty-ctrl{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden} .ev-qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:0;font-size:20px;font-weight:700;cursor:pointer;line-height:1;transition:background .15s,color .15s} .ev-qty-btn:hover{background:var(--imp-accent);color:#fff} .ev-qty-btn:active{transform:translateY(1px)} .ev-qty-btn:disabled{opacity:.35;cursor:default;background:transparent;color:#fff} .ev-qty-btn:focus-visible,.ev-qty-num:focus-visible{outline:2px solid var(--imp-accent);outline-offset:-2px} .ev-qty-num{width:54px;height:44px;text-align:center;background:rgba(11,13,27,.45);color:#fff;border:0;border-inline:1px solid rgba(255,255,255,.2);font-family:var(--f-event);font-weight:bold;font-size:15px;-moz-appearance:textfield;appearance:textfield}/* D-071: 40→44 יעד-נגיעה */ .ev-qty-num::-webkit-inner-spin-button,.ev-qty-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .ev-qty-total{margin-top:10px;font-family:var(--f-event);font-weight:bold;font-size:14px;color:var(--imp-accent);min-height:18px} /* ===== בורר סוג-כרטיס בעמוד-האירוע ===== */ .ev-tiers{margin-top:22px;max-width:360px} .ev-tiers-label{font-family:var(--f-event);font-weight:bold;font-size:var(--t-meta);letter-spacing:.06em;color:rgba(255,255,255,.75);margin-bottom:10px} .ev-tiers-list{display:flex;flex-direction:column;gap:8px} .ev-tier{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(11,13,27,.4);color:#fff;cursor:pointer;transition:border-color .15s,background .15s;text-align:start} .ev-tier:hover{border-color:var(--imp-accent)} .ev-tier.is-on{border-color:var(--imp-accent);background:rgba(255,255,255,.06)} .ev-tier.is-out{opacity:.45;cursor:not-allowed} .ev-tier:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} .ev-tier-name{font-family:var(--f-body);font-size:14px} .ev-tier-price{font-family:var(--f-num);font-weight:600;font-size:17px;letter-spacing:-.01em} .ev-tier.is-on .ev-tier-price{color:var(--imp-accent)} /* ===== בורר-תאריכים (מופעים נוספים באותו שם) — משימה #14 ===== */ .ev-dates{margin-top:18px;max-width:420px} .ev-dates-label{font-family:var(--f-event);font-weight:bold;font-size:var(--t-meta);letter-spacing:.06em;color:rgba(255,255,255,.75);margin-bottom:10px} .ev-dates-list{display:flex;flex-wrap:wrap;gap:8px} .ev-date-btn{font-family:var(--f-num);font-weight:600;font-size:var(--t-body);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(11,13,27,.4);color:#fff;cursor:pointer;transition:border-color .15s,background .15s;text-align:center} .ev-date-btn:hover{border-color:var(--imp-accent)} .ev-date-btn.is-on{border-color:var(--imp-accent);background:rgba(255,255,255,.06);color:var(--imp-accent);cursor:default} .ev-date-btn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} /* ===== הוספת-תרומה בעמוד-האירוע ===== */ .ev-don{margin-top:14px;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;max-width:360px} .ev-don-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-family:var(--f-body);font-size:var(--t-body);color:rgba(255,255,255,.85);line-height:1.5} /* ★ 7ב(4) · תיבת-התרומה נמדדה 16 על 16 — רבע מהרצפה, בשדה שמוסיף כסף להזמנה. ניסיתי להגדיל את שטח-הנגיעה בריפוד על התיבה עצמה — **ספארי לא מכבד ריפוד על ‏checkbox**, ומדדתי שהיא נשארה 16. לכן המטרה היא **התווית**: היא עוטפת את התיבה ואת הטקסט, כל לחיצה עליה מסמנת, וגובהה עכשיו 44. זו המטרה שהאצבע פוגעת בה בפועל. התיבה נשארת 16 במכוון — הגדלתה מכערת, והיא ממילא לא המטרה. */ .ev-don-toggle input{margin-top:0;width:16px;height:16px;accent-color:var(--imp-accent);flex:none;cursor:pointer} .ev-don-toggle{min-height:44px;align-items:center} .ev-don-note{color:#8a8ea6;font-size:var(--t-label)} .ev-don-amts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap} .ev-don-amt{font-family:var(--f-num);font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(11,13,27,.4);color:#fff;cursor:pointer;transition:border-color .15s,background .15s} .ev-don-amt:hover{border-color:var(--imp-accent)} .ev-don-amt.is-on{border-color:var(--imp-accent);background:var(--imp-accent);color:#0b0d1b} .ev-don-amt:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} /* ===== ראש עמוד גנרי ===== */ .pg-head{position:relative;padding:112px 0 46px;background:linear-gradient(180deg,rgba(126,91,255,.14),transparent)} /* ★★ D-POST-PAGE-VOID ‏(13.8, בקשת-אסף: "גולש בקלות לפוטר ונראה עמוד ולא החלטי"). נמדד ב-‏390 פיקסל: מתחתית ההאדר ועד ראש-התמונה היו ‏~495 פיקסל של גרדיאנט כמעט-ריק — ‏112 ריפוד-עליון + ‏46 תחתון + ‏72 מרווח-המקטע, ועוד פסקת-תקציר **ריקה** שעדיין תופסת ‏14 פיקסל של שוליים. ⇒ הכותרת נראית תלויה באוויר והעמוד נקרא כלא-גמור. ⛔ הריפוד ‏112 קיים בגלל ההאדר הקבוע ⇒ מקטינים אותו במובייל בלבד, לא מוחקים. */ @media(max-width:640px){ .pg-head{padding:74px 0 20px} .pg-head h1{margin-top:8px} .pg-head p:empty{display:none;margin:0} #v-page .section{margin-top:22px} } .pg-head .inner{max-width:1120px;margin:0 auto;padding:0 var(--pad)} .pg-head .k{font-weight:600;font-size:var(--t-label);letter-spacing:.3em;color:#ac9dd1} .pg-head h1{font-family:var(--f-voice);font-weight:bold;font-size:clamp(40px,7vw,84px);color:#fff;line-height:.92;margin:12px 0 0} .pg-head p{font-family:var(--f-event);font-size:17px;color:rgba(255,255,255,.72);max-width:560px;margin-top:14px;line-height:1.5} i[class^="hmr2-"]:before, i[class*=" hmr2-"]:before { font-family: hmr2-pixel !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hmr2-wallet:before { content: "\f101"; } .hmr2-volume-2:before { content: "\f102"; } .hmr2-video:before { content: "\f103"; } .hmr2-users:before { content: "\f104"; } .hmr2-user:before { content: "\f105"; } .hmr2-upload:before { content: "\f106"; } .hmr2-unlock:before { content: "\f107"; } .hmr2-sunglasses:before { content: "\f108"; } .hmr2-store:before { content: "\f109"; } .hmr2-spotlight:before { content: "\f10a"; } .hmr2-shopping-cart:before { content: "\f10b"; } .hmr2-settings-cog:before { content: "\f10c"; } .hmr2-search:before { content: "\f10d"; } .hmr2-radio:before { content: "\f10e"; } .hmr2-plus:before { content: "\f10f"; } .hmr2-play:before { content: "\f110"; } .hmr2-phone:before { content: "\f111"; } .hmr2-party-popper:before { content: "\f112"; } .hmr2-note:before { content: "\f113"; } .hmr2-music:before { content: "\f114"; } .hmr2-moon:before { content: "\f115"; } .hmr2-minus:before { content: "\f116"; } .hmr2-mic:before { content: "\f117"; } .hmr2-message:before { content: "\f118"; } .hmr2-menu:before { content: "\f119"; } .hmr2-megaphone:before { content: "\f11a"; } .hmr2-map-pin:before { content: "\f11b"; } .hmr2-mail:before { content: "\f11c"; } .hmr2-lock:before { content: "\f11d"; } .hmr2-link:before { content: "\f11e"; } .hmr2-lightbulb:before { content: "\f11f"; } .hmr2-keyboard-music:before { content: "\f120"; } .hmr2-info-box:before { content: "\f121"; } .hmr2-image:before { content: "\f122"; } .hmr2-home:before { content: "\f123"; } .hmr2-heart:before { content: "\f124"; } .hmr2-headphone:before { content: "\f125"; } .hmr2-gift:before { content: "\f126"; } .hmr2-flag:before { content: "\f127"; } .hmr2-fire:before { content: "\f128"; } .hmr2-eye:before { content: "\f129"; } .hmr2-external-link:before { content: "\f12a"; } .hmr2-drum:before { content: "\f12b"; } .hmr2-download:before { content: "\f12c"; } .hmr2-door-closed:before { content: "\f12d"; } .hmr2-date-time:before { content: "\f12e"; } .hmr2-crown:before { content: "\f12f"; } .hmr2-credit-card:before { content: "\f130"; } .hmr2-coins:before { content: "\f131"; } .hmr2-clock:before { content: "\f132"; } .hmr2-check:before { content: "\f133"; } .hmr2-camera:before { content: "\f134"; } .hmr2-calendar:before { content: "\f135"; } .hmr2-bottle-wine:before { content: "\f136"; } .hmr2-bookmark:before { content: "\f137"; } .hmr2-book-open:before { content: "\f138"; } .hmr2-bell:before { content: "\f139"; } .hmr2-banknote:before { content: "\f13a"; } .hmr2-audio-waveform:before { content: "\f13b"; } .hmr2-arrow-up:before { content: "\f13c"; } .hmr2-arrow-right:before { content: "\f13d"; } .hmr2-arrow-left:before { content: "\f13e"; } .hmr2-arrow-down:before { content: "\f13f"; } .hmr2-alarm-clock:before { content: "\f140"; } /* מפרט §10: כיבוי הפס המתנפנף תחת prefers-reduced-motion */ .don-pay-note{font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-2);line-height:1.7} /* ⚠ .nl-msg משותף — 18 מופעים: ניוזלטר (בית + מחלקה) · יצירת קשר · בקשת השכרה · don-status · rt-status · ct-status. כולם משוב-טופס (ok/err), סמנטיקה אחת. שינוי כאן משנה את כל הודעות הטפסים באתר — אומת מופע-מופע לפני העריכה. */ .nl-msg{font-size:var(--t-meta);line-height:1.6;margin-top:8px;min-height:1em} /* היה color:#7ed9e6 — באג חי (מפרט §3): בחותמות kids/night ‏--imp-accent הוא בדיוק #7ed9e6, כך שהודעת ההצלחה נקראת כלינק. אין טוקן הצלחה — הכרעה מכוונת: ירוק לא שייך לאתר ורוד-על-שחור, וציאן/אש הם כבר צבעי-פעולה. הצלחה צמודה (הכפתור עדיין על המסך) = דיו + גליף. שקט. הגליף ✓ כבר קיים בטקסט עצמו (‏:2351 · :2370 · :2391). הערה: המפרט מבקש את הגליף בצבע-הפעולה. לא מיושם — הטקסט נכתב דרך textContent בשלושה מקומות, וצביעת הגליף לבדו תחייב מעבר ל-innerHTML. לא שווה את משטח-התקיפה עבור צבע של תו אחד. → visual-notes-backlog. */ .nl-msg.ok{color:var(--hm2-ink-1)} .nl-msg.err{color:var(--hm2-danger)} /* ============ עמוד תרומות — בהשראת jGive (מוקאפ; יתחבר לקארדקום בהמשך) ============ */ .don{--da:#7ed9e6;max-width:1080px} /* מפרט §7 — בלוק "התקדמות" ירד. הקופסה עטפה משפט-תודה בלבד: הפס (.don-bar), היעד (.don-goal) והמספר הגדול (.don-prog .pt b) היו קיימים ב-CSS בלי שום דום — קוד מת שהזמין "בוא נחבר לזה יעד". יעד מזויף גרוע פי כמה מאין יעד (§7). שלושת הכללים נמחקו (§5), והמשפט הפך לשורת פתיחה בלי מסגרת. */ .don-lede{font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.6;margin-bottom:26px;max-width:640px} .don-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start} @media(max-width:820px){.don-grid{grid-template-columns:1fr;gap:24px}} /* מפרט §7 — בורר המסלול: היה 2 כפתורים בגודל 16 שתקפו על תשומת הלב לפני שהובנה הבחירה. עכשיו גובה 40, טקסט 14 — הכותרת "כמה?" מקבלת את המקום. */ .don-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--hm2-surface-1);border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:5px;margin-bottom:20px} .don-mode button{border:none;background:none;cursor:pointer;min-height:44px;padding:6px 10px;border-radius:var(--m2-radius-lg);font-family:var(--f-voice);font-weight:bold;font-size:14px;color:var(--hm2-ink-2);transition:all .18s} .don-mode button .bdg{display:block;font-family:var(--f-body);font-weight:400;font-size:var(--t-label);letter-spacing:.05em;color:var(--hm2-ink-3);margin-top:3px} /* היה #04222a / #06333d — דיו על מילוי ציאן. --hm2-bg נותן 11.91 (מפרט §2). */ .don-mode button.on{background:var(--da);color:var(--hm2-bg)} .don-mode button.on .bdg{color:var(--hm2-bg);opacity:.72} /* מפרט §7/§10: 4 עמודות במחשב אבל 2 במובייל אילצו גלילה כדי לראות טווח → 3. גובה 64, מספר 22. */ .don-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px} @media(max-width:480px){.don-amounts{grid-template-columns:repeat(3,1fr)}} /* button אמיתי (§7 סעיף 2) — מאפסים את ברירות-המחדל של הדפדפן */ .don-amt{width:100%;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-xl);min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;text-align:center;cursor:pointer;background:var(--hm2-surface-1);transition:all .15s} .don-amt:hover{border-color:var(--hm2-line-ctl-hi)} .don-amt.sel{border-color:var(--da);background:rgba(126,217,230,.1);box-shadow:0 0 0 1px var(--da) inset} .don-amt:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} /* 24→22: ספרת קסקדיה רחבה; ₪1,000 ב-24 גולש ברשת של 4 עמודות (מפרט §5). בדיקת-הרוחב הקריטית: 820 בדיוק, ₪1,000 בלשונית "חד-פעמי". */ .don-amt b{display:block;font-family:var(--f-num);font-weight:700;font-size:22px;letter-spacing:-.02em;color:#fff; font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1} .don-amt.sel b{color:var(--da)} .don-amt span{font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3)} .don-custom{display:flex;align-items:center;gap:10px;margin-top:10px;border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-xl);padding:2px 14px;background:var(--hm2-surface-1)} .don-custom:focus-within{border-color:var(--imp-accent);box-shadow:0 0 0 3px var(--imp-accent-soft)} .don-custom>span{font-family:var(--f-num);font-weight:600;font-size:22px;color:var(--hm2-ink-3); font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1} /* ⚠ החמור מכולם (מפרט §5): הסכום שהתורם מקליד בעצמו, בגופן שלא קריא. כשל קלט, לא סגנון. --f-num + tabular-nums. */ .don-custom input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:var(--f-num);font-weight:600;font-size:22px;padding:13px 0;direction:rtl;text-align:right; font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1} /* מסתירים את חצי-המספר של הדפדפן — inputmode=numeric + סינון ספרות במקום (§7) */ .don-custom input::-webkit-outer-spin-button,.don-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .don-custom input[type=number]{-moz-appearance:textfield;appearance:textfield} .don-custom input::placeholder{color:var(--hm2-ink-3);font-size:15px} /* ⚠ מפרט §11 — "הדבר הכי טוב בשני המסכים. מי שיציע 'לחדד' אותו יהרוס אותו." הניסוח ("₪36 = ערב פתוח לאמן צעיר") לא נגענו בו — הוא חי ב-DON_SETS. גודל ומיקום כן (§7): 13→14px, מרווח כפול מעליה, אנימציית-החלפה 150ms. זה מה שמוכר, לא הכפתור. */ .don-impact{margin-top:32px;display:flex;gap:10px;align-items:center;font-family:var(--f-body);font-size:14px;color:var(--hm2-ink-2);border-inline-start:2px solid var(--da);padding-inline-start:12px;line-height:1.5;animation:donImpactIn .15s ease} @keyframes donImpactIn{from{opacity:0}to{opacity:1}} @media(prefers-reduced-motion:reduce){.don-impact{animation:none}} .don-impact>span:first-child{color:var(--da);font-size:15px} .don-ded{margin-top:18px} .don-ded summary{cursor:pointer;font-family:var(--f-body);font-size:var(--t-meta);color:var(--da);list-style:none} .don-ded summary::-webkit-details-marker{display:none} .don-ded summary:before{content:'+ ';font-weight:700} .don-ded[open] summary:before{content:'− '} .don-ded .dd{margin-top:11px} .don-cta{width:100%;margin-top:12px;min-height:56px;border:none;border-radius:var(--m2-radius-xl);padding:18px;cursor:pointer;font-family:var(--f-voice);font-weight:bold;font-size:20px;color:var(--hm2-bg);background:var(--hm2-fire);box-shadow:0 12px 36px -8px var(--hm2-fire);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s} .don-cta:hover{transform:translateY(-2px);box-shadow:0 18px 44px -8px var(--hm2-fire)} /* מפרט §7 סעיף 3: סכום מתחת ל-₪5 חוסם — השגיאה לא צריכה להיות אפשרית */ .don-cta[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none} .don-cta .amt{font-family:var(--f-num);font-weight:700;letter-spacing:-.02em; font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1} .don-tax{display:flex;align-items:center;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:13px;font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);text-align:center} /* מפרט §7 — רשת-ביטחון: מסלול חלופי קבוע, תמיד גלוי, לא תלוי ברשת/סולק. "המסלול החלופי צריך להיות נראה לפני שהוא נדרש." */ .don-fallback{margin-top:10px;font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-3);text-align:center;line-height:1.7} .don-fallback a{color:var(--imp-accent);border-bottom:1px solid var(--hm2-line-ctl)} .don-side{border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:20px;background:var(--hm2-surface-1);position:sticky;top:20px} @media(max-width:820px){.don-side{position:relative;top:0}} .don-side h3{font-family:var(--f-voice);font-weight:bold;font-size:20px;color:#fff;margin:0 0 14px} .don-why{display:flex;flex-direction:column;gap:13px} .don-why>div{display:flex;gap:11px;font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.5} .don-why .ic{color:var(--da);flex:none} /* ★ D-069ב (27.7) — מוקאפ-הקופה היתום נמחק, אבל **עמוד-התרומה חי** והשתמש בחלק ממחלקותיו. הכללים האלה עברו לשם-מרחב של התרומה (`don-*`), כדי שלא יישאר שום `.co-*` בקוד ושלא ייווצר שוב תלות בין החי למחוק. */ /* נעילת-גלילה כללית לשכבות-על (פופאפ-לימבו). הייתה `body.co-open` — שיור של מוקאפ-הקופה שנמחק. */ body.hm2-lock{overflow:hidden} .don-field{margin-bottom:13px} .don-field label{display:block;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.05em;color:var(--hm2-ink-3);margin-bottom:6px} .don-field input{width:100%;background:var(--hm2-surface-ctl);border:1px solid var(--hm2-line-ctl);border-radius:var(--m2-radius-md);padding:11px 13px;color:var(--hm2-ink);font-family:var(--f-body);font-size:14px} .don-field input:focus{outline:none;border-color:var(--imp-accent);box-shadow:0 0 0 3px var(--imp-accent-soft)} .don-field input::placeholder{color:var(--hm2-ink-3)} .don-pay{border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:15px;margin-top:4px;background:var(--hm2-surface)} .don-pay-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px} .don-secure{display:flex;align-items:center;gap:6px;font-family:var(--f-body);font-size:var(--t-label);color:#7ed9e6} .don-cards{font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);letter-spacing:.08em} .don-side .np{margin-top:18px;padding-top:16px;border-top:1px solid var(--hm2-line);font-family:var(--f-body);font-size:var(--t-label);color:var(--hm2-ink-3);line-height:1.6} /* ============ עמוד-הרשמה למנויים — סקאלת עמודי-הכסף (design-spec-money-pages §2/§5) ============ כרטיס-מסלול לכל plan מה-endpoint הציבורי /membership/plans. אין מוקאפ ייעודי במסמכי-האפיון למשטח הזה (רק "עצב לפי המוקאפ/עמודי-הכסף") — נבנה כאן גרסה נקייה מהתקנים הקיימים של .don-*: אותה סקאלת-משטחים (surface-1/line/ink), אותו --f-num לכסף, אותו --hm2-fire ל-CTA. */ .mem-lede{font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.6;margin-bottom:24px;max-width:640px} .mem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px} .mem-card{border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);background:var(--hm2-surface-1);padding:20px;display:flex;flex-direction:column;gap:10px} .mem-card .mem-tag{font-weight:600;font-size:var(--t-label);letter-spacing:.14em;color:var(--hm2-ink-3);text-transform:uppercase} .mem-card h3{font-family:var(--f-voice);font-weight:bold;font-size:19px;color:#fff;margin:2px 0 0} .mem-price{font-family:var(--f-num);font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--hm2-ink-1); font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum" 1} .mem-price span{font-family:var(--f-body);font-size:var(--t-meta);font-weight:400;color:var(--hm2-ink-3);letter-spacing:0} .mem-perks{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-direction:column;gap:7px;font-family:var(--f-body);font-size:var(--t-body);color:var(--hm2-ink-2);line-height:1.5;flex:1} .mem-perks li{padding-inline-start:16px;position:relative} .mem-perks li:before{/*גליף*/content:'✦';position:absolute;inset-inline-start:0;top:2px;color:var(--hm2-fire);font-size:10px/*גליף*/} .mem-cta{border:none;border-radius:var(--m2-radius-lg);min-height:48px;padding:12px;cursor:pointer;font-family:var(--f-voice);font-weight:bold;font-size:15px; color:var(--hm2-bg);background:var(--hm2-fire);text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px; transition:transform .15s,box-shadow .15s;box-shadow:0 10px 28px -10px var(--hm2-fire)} .mem-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px var(--hm2-fire)} .mem-foot{margin-top:26px;border:1px solid var(--hm2-line);border-radius:var(--m2-radius-xl);padding:18px 20px;background:var(--hm2-surface-1); font-family:var(--f-body);font-size:var(--t-meta);color:var(--hm2-ink-3);line-height:1.7;max-width:720px} .mem-foot b{color:var(--hm2-ink-2)} @media(max-width:480px){.mem-grid{grid-template-columns:1fr}} /* ============================================================ מפרט §10 — מובייל: 390 פיקסל היא המציאות. הקהל: תל אביב, בדרך לאירוע, יד אחת, סלולר. נקודות השבירה שהיו — 860 ו-480. רוב הקנייה קורית בין 375 ל-430, ואף אחת מהשתיים לא נוגעת בטווח הזה. ⚠ תחום לסלקטורי .don-* בלבד (מפרט §12.1). מוקאפ-הקופה נמחק ב-D-069ב. ============================================================ */ @media(max-width:640px){ /* פעולה דביקה בתרומה — חדש (§10). היום צפה אחרי גלילה ארוכה. */ .don-cta{position:sticky;bottom:calc(10px + var(--safe-bottom));z-index:5;font-size:18px} .don-grid{gap:20px} .don-mode button{font-size:var(--t-body)} } /* 390 ומטה — המכשיר הצר באמת (iPhone 12/13/14/15 mini ו-SE) */ @media(max-width:390px){ .don-amt b{font-size:20px} /* ₪1,000 חייב להיכנס בשלוש עמודות */ .don-amt{min-height:60px} .don-amt span{font-size:var(--t-label)} } /* פסטיבל בניווט — הדגשה טורקיז */ .hnav a.nav-fest,.mdepts a.nav-fest{color:#7ed9e6} .hnav a.nav-fest:hover,.mdepts a.nav-fest:hover{color:#a9e9f2} /* ===== אינסטגרם — כרטיס פוסט חי (מוקאפ embed) בעמוד המחלקה ===== */ .ig-embed{border:1px solid #26283b;border-radius:12px;overflow:hidden;background:#0e1020;display:flex;flex-direction:column} .ig-embed .ig-top{display:flex;align-items:center;gap:9px;padding:11px 12px} .ig-embed .ig-av{width:32px;height:32px;border-radius:50%;flex:none;background:linear-gradient(45deg,#f09433,#e6683c 30%,#dc2743 60%,#cc2366 80%,#bc1888);padding:2px} .ig-embed .ig-av span{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid #0e1020} .ig-embed .ig-nm{font-family:var(--f-body);font-size:var(--t-meta);color:#fff;font-weight:600;line-height:1.2} .ig-embed .ig-nm span{display:block;font-weight:400;font-size:var(--t-label);color:#8a8ea6} .ig-embed .ig-follow{margin-inline-start:auto;font-family:var(--f-body);font-size:var(--t-label);color:#7ed9e6;cursor:pointer;white-space:nowrap} .ig-embed .ig-media{position:relative;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#151830} .ig-embed .ig-media .ig-live{position:absolute;top:10px;right:10px;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.1em;background:#dc2743;color:#fff;padding:3px 8px;border-radius:20px;font-weight:600} .ig-embed .ig-acts{display:flex;gap:14px;padding:10px 12px 4px;color:#e6e7ee;font-size:17px} .ig-embed .ig-acts .sp{margin-inline-start:auto} .ig-embed .ig-likes{padding:0 12px;font-family:var(--f-body);font-size:var(--t-meta);color:#fff;font-weight:600} .ig-embed .ig-cap{padding:5px 12px 4px;font-family:var(--f-body);font-size:var(--t-meta);color:#c1c4c7;line-height:1.5} .ig-embed .ig-cap b{color:#fff} .ig-embed .ig-time{padding:2px 12px 12px;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.06em;color:#6b6f86} /* ===== שורת פילטרים (עיתונות / צוות) ===== */ .filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px} .filterbar .flabel{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.14em;color:#6b6f86;margin-inline-end:4px} .fchip{font-family:var(--f-body);font-size:var(--t-meta);border:1px solid #2b2e44;border-radius:20px;padding:7px 15px;cursor:pointer;color:#ac9dd1;transition:all .15s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center} /* 2b-1: יעד-מגע 44px */ .fchip:hover{border-color:var(--imp-accent)} .fchip.on{background:var(--imp-accent);border-color:var(--imp-accent);color:#0b0d1b;font-weight:600} /* ★ "עוד N…" — פותח קבוצה מקופלת. מסומן כפעולה ולא כערך-סינון: מקווקו ובלי מילוי, כדי שלא ייקרא כתגית נבחרת. ‏D-PRESS-FILTERS. */ .fchip.fmore{border-style:dashed;color:#6b6f86} .fchip.fmore:hover{color:var(--imp-accent)} .hm2-empty-world{grid-column:1/-1;margin:8px 0 4px;font-size:var(--t-meta);color:#8a8d99;line-height:1.7} .hm2-empty-world a{color:var(--imp-accent);text-decoration:none} /* ===== פרסומות לימבו (מוקאפ קיטש — שקופיות לפני הסרט) ===== */ .ad-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 2px} @media(max-width:560px){.ad-row{grid-template-columns:1fr}} .ad-mini{position:relative;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:9px;cursor:pointer;overflow:hidden;border:2px dashed rgba(255,255,255,.28);transition:transform .15s,box-shadow .15s} .ad-mini:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 12px 30px -8px rgba(0,0,0,.6)} .ad-mini .ad-tag{position:absolute;top:6px;left:6px;font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.14em;background:rgba(0,0,0,.55);color:#fff;padding:2px 6px;border-radius:3px} .ad-mini .ad-emoji{font-size:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))} .ad-mini .ad-txt{font-family:var(--f-voice);font-weight:bold;font-size:19px;line-height:1;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3)} .ad-mini .ad-txt b{color:#ffe14d} .ad-mini.ad-sausage{background:repeating-linear-gradient(45deg,#e02424,#e02424 12px,#c81e1e 12px,#c81e1e 24px)} .ad-mini.ad-posters{background:repeating-linear-gradient(-45deg,#0d7d94,#0d7d94 12px,#0a6b7f 12px,#0a6b7f 24px)} /* לימבו — CTA אמיתי (וואטסאפ ירוק, אינסטגרם ורוד-סגול) בסגנון שקופית קיטש */ .ad-mini.ad-wa{background:repeating-linear-gradient(45deg,#1f9d55,#1f9d55 12px,#188045 12px,#188045 24px);text-decoration:none} .ad-mini.ad-ig{background:repeating-linear-gradient(-45deg,#8a2be2,#8a2be2 12px,#c1358a 12px,#c1358a 24px);text-decoration:none} .ad-mini.ad-wa .ad-txt b,.ad-mini.ad-ig .ad-txt b{color:#fff} /* לימבו — כותרת "קולנוע לימבו" בצבע ירוק-צהבהב + מטרייה מסתובבת ברקע הסגול */ [data-imprint="cinema"] .dept-hero h1{color:#c7e04f;text-shadow:0 0 32px rgba(199,224,79,.28)} [data-imprint="cinema"] .dept-hero{--imp-grad:linear-gradient(160deg,#2a0a4a 0%,#140020 58%,#4a1a6e 140%)} /* ★ 17.8 (אסף) — בעולם-הקולנוע אין תמונת-רקע. רק הגרדיאנט הסגול, והספירלה שמתחתיו. התמונה לא הוסרה מהניהול — היא רק אינה מוצגת כאן. */ [data-imprint="cinema"] .dept-hero .dbg{display:none} /* ★ 17.8 (אסף) — המטרייה ☂ הוחלפה בספירלת-הלוגו. שלושה דברים נשמרו ממנה כפי שהיו: שקיפות .17, זוהר-הירוק, ואי-השתתפות בעכבר. מה שהשתנה הוא הגודל — הריבוע רחב מאלכסון-הבאנר, ולכן **אין לספירלה קצה נראה**: היא יוצאת מכל ארבע המסגרות, ובסיבוב שום פינה אינה מתגלה ריקה. ‏will-change:transform — הדפדפן מרסטר את המסלול פעם אחת ומסובב שכבה, ולא מצייר מחדש 3,000 נקודות בכל פריים. */ .cine-spiral{display:none;position:absolute;top:50%;left:22%;width:200vw;aspect-ratio:1/1; margin-left:-100vw;transform:translateY(-50%);transform-origin:50% 50%;z-index:1; opacity:.17;pointer-events:none;will-change:transform; filter:drop-shadow(0 0 30px rgba(199,224,79,.2));animation:spiralspin 70s linear infinite} .cine-spiral svg{display:block;width:100%;height:100%;overflow:visible} .cine-spiral path{fill:#c9a7ef;stroke:none} @keyframes spiralspin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}} [data-imprint="cinema"] .d-lede{min-height:2.7em} .d-lede.tw::after{content:"▌";margin-inline-start:2px;color:var(--imp-accent);animation:twblink 1s steps(1) infinite} @keyframes twblink{50%{opacity:0}} /* ★ 12.8 (אסף) — מחליף את המילה-שירדה בתג-העולם: מילה נכתבת, נמחקת, והבאה בתור. ‏.twcyc = מיכל ברוחב **קבוע** — כל שמונה המילים יושבות בו כרפאים (grid-area משותף, ‏visibility:hidden) ולכן הרוחב הוא המקסימום שלהן, והשורה לא רוקדת בין מילה למילה. הפלט עצמו מוצא מהזרימה (absolute) כדי שהסמן המהבהב לא ימתח את המסלול. */ .twcyc{position:relative;display:inline-grid;vertical-align:baseline} .twcyc .tw-g{grid-area:1/1;visibility:hidden;white-space:nowrap;pointer-events:none} .twcyc .tw-out{position:absolute;inset-block-start:0;inset-inline-start:0;white-space:nowrap} .twcyc .tw-out::after{content:"▌";margin-inline-start:1px;opacity:.75;animation:twblink 1s steps(1) infinite} /* ★ נגישות (חובה): מי שביקש פחות תנועה מקבל מילה אחת סטטית, בלי סמן ובלי הבהוב. ה-JS גם לא מפעיל טיימר במצב הזה — זו לא רק הסתרה חזותית. */ @media (prefers-reduced-motion: reduce){ .twcyc .tw-out::after{content:none;animation:none} } /* ★ 12.8 · כרטיס ניהול-אמנותי בעמוד-עולם (DEPTS[x].lead). דיוקן + שם + תפקיד. ‏grid ולא flex: הדיוקן שומר על רוחב קבוע, והטקסט לוקח את השאר. במובייל — טור. */ .d-lead{display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center; border:1px solid rgba(172,157,209,.15);border-radius:4px;padding:22px;background:linear-gradient(180deg,#0d197a22,#0b0d1b)} .d-lead .por{width:132px;height:132px;border-radius:4px;background-size:cover;background-position:center top;filter:grayscale(.1)} .d-lead .k{font-weight:600;font-size:var(--t-label);color:#ac9dd1;letter-spacing:.14em} .d-lead h4{font-family:var(--f-event);font-weight:bold;font-size:24px;color:#fff;margin:8px 0 0} .d-lead p{font-size:var(--t-meta);color:#ac9dd1;margin:10px 0 0;line-height:1.55;max-width:52ch} @media(max-width:640px){.d-lead{grid-template-columns:1fr;gap:16px}.d-lead .por{width:110px;height:110px}} /* ★ ‏13.8 · D-WORLD-ONE-STRIP — הרצועה הייתה **בלוק מגנטה מלא** ברוחב-העמודה (נמדד ‏390: ‏350×63, רקע #db008c אטום, שלוש שורות) — ולכן נקראה כטיקר שני מתחת לטיקר הגלובלי. עכשיו: שורה שקטה עם סרגל-הדגשה בתחילתה. הטקסט לבן ולא בצבע-העולם — ‏#db008c על רקע-ההירו נותן ‏4.03:1 בלבד, ו-‏15px-מודגש דורש ‏4.5:1; הסרגל נושא את הצבע ואינו נושא מידע, ולכן ‏3:1 מספיק לו. */ .d-cine-tag{display:block;margin-top:16px;max-width:520px;font-family:var(--f-event);font-size:15px;font-weight:700;letter-spacing:.02em;line-height:1.5;color:#fff;background:none;border-radius:0;box-shadow:none;padding:2px 0;border-inline-start:2px solid var(--imp-accent);padding-inline-start:12px} .ad-pop{position:fixed;inset:0;z-index:320;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,5,12,.82);backdrop-filter:blur(6px)} .ad-pop.on{display:flex;animation:coIn .3s ease} .ad-big{width:min(440px,92vw);position:relative} .ad-x{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--f-body);font-size:var(--t-label);color:#fff;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:8px 12px;cursor:pointer} .ad-slide{border-radius:12px;padding:48px 26px 40px;text-align:center;border:3px solid #fff;box-shadow:0 24px 60px -12px rgba(0,0,0,.7)} .ad-slide.sausage{background:radial-gradient(circle at 50% 28%,#ff5b5b,#c81e1e)} .ad-slide.posters{background:radial-gradient(circle at 50% 28%,#22b3cc,#0a6b7f)} .ad-big-emoji{font-size:74px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))} .ad-big-h{font-family:var(--f-voice);font-weight:bold;font-size:clamp(34px,7vw,50px);color:#fff;margin-top:8px;text-shadow:2px 2px 0 rgba(0,0,0,.25);line-height:.95} .ad-big-sub{font-family:var(--f-event);font-size:16px;color:#fff;margin-top:12px;opacity:.95} .ad-big-tag{display:inline-block;margin-top:18px;font-family:var(--f-voice);font-weight:bold;font-size:15px;background:#ffe14d;color:#111;padding:8px 16px;border-radius:30px;transform:rotate(-3deg)} /* ===== עמודים משפטיים ===== */ .legal{max-width:760px;font-family:var(--f-body);color:#c1c4c7;line-height:1.7} .legal h3{font-family:var(--f-voice);font-weight:bold;font-size:22px;color:#fff;margin:30px 0 10px} .legal h3:first-child{margin-top:0} .legal p{font-size:13.5px;margin:0 0 12px} .legal ul{margin:0 0 14px;padding-inline-start:20px} .legal li{font-size:13.5px;margin-bottom:7px} .legal a{color:var(--imp-accent)} .legal .upd{font-family:var(--f-body);font-size:var(--t-label);letter-spacing:.06em;color:#6b6f86;margin-bottom:22px} .legal .note{border-inline-start:2px solid var(--imp-accent);background:var(--imp-accent-soft);padding:11px 14px;border-radius:0 6px 6px 0;font-size:var(--t-meta);color:#d8d9e2;margin:18px 0} .legal .todo-legal{border:1px dashed #d08b2c;background:rgba(208,139,44,.09);color:#e8b877;padding:10px 13px;border-radius:6px;font-size:var(--t-body)} .f-cancel{font-weight:bold} .cxl-form{display:flex;flex-direction:column;gap:13px;max-width:440px;margin:20px 0 26px} .cxl-form label{display:flex;flex-direction:column;gap:5px;font-size:var(--t-body);color:#c1c4c7} .cxl-form .opt{color:#6b6f86;font-size:var(--t-meta)} .cxl-form input,.cxl-form select,.cxl-form textarea{font-family:var(--f-body);font-size:14px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:9px 11px;width:100%} .cxl-form input:focus-visible,.cxl-form select:focus-visible,.cxl-form textarea:focus-visible,.cxl-btn:focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px} .cxl-btn{font-family:var(--f-voice);font-size:15px;font-weight:bold;color:#0b0b10;background:var(--imp-accent);border:0;border-radius:7px;padding:12px 18px;cursor:pointer;margin-top:4px} .cxl-btn[disabled]{opacity:.5;cursor:default} .cxl-msg{font-size:var(--t-body);min-height:1.2em} .cxl-msg.ok{color:#7ed9e6} .cxl-msg.err{color:#e88} .nl-legal{font-size:var(--t-label);line-height:1.5;color:#8b8f9e;margin-top:9px;max-width:420px} /* ★ נגישוּת — יעד-מגע למדיניות-הפרטיות. נמדד באייפון 14: הקישור היה 95×13 פיקסלים, כלומר נכשל אפילו בסף-המינימום (‏24×24, ת"י 5568 / WCAG 2.5.8) — וזהו קישור-חובה חוקית. ריפוד אנכי בלבד + inline-block: היעד גדל ל-24 פיקסל, והשורה עצמה אינה זזה (הריפוד נבלע בגובה-השורה של פסקה בת שתי שורות). */ .nl-legal a{color:var(--imp-accent);cursor:pointer;display:inline-block;padding:5px 2px;margin:-5px -2px} /* ══ P2 · נגישות-מגע ═══════════════════════════════════════════════════════ שני ליקויים שנמדדו בסריקת טרום-ההשקה, שניהם קיימים **רק במכשיר-מגע** — ולכן אף אחד לא ראה אותם במסך של מפתח. 1) זום-iOS. ספארי מגדיל את כל העמוד כשמתמקדים בשדה שהפונט שלו קטן מ-16 פיקסלים. זה קרה בטופס-הביטול, בחיפוש, בניוזלטר ובתרומה — כלומר בדיוק בזרימות שבהן המשתמש כבר מתאמץ. הרשימה מפורשת ולא גורפת בכוונה: כלל גורף היה מוחק גם את שדה-הסכום בתרומה (22 פיקסלים, מכוון). 2) יעדי-מגע זעירים. "הצג QR" ו"ביטול" באיזור-האישי היו טקסט של 11 פיקסלים בלי שטח-נגיעה. הריפוד השלילי שומר על הפריסה החזותית כפי שהיא. */ @media (pointer:coarse){ .nlrow input, .ct-file input[type=file], .psearch input, .don-field input, .cxl-form input,.cxl-form select,.cxl-form textarea{font-size:16px} } .mine-tap{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:-11px -6px;padding:0 6px}