/* Theme Name: BNB Theme — פורום בני-ברק Theme URI: https://bneibrak.co.il/ Author: Bnei Brak Platform (יונתן רשף) Author URI: https://bneibrak.co.il/ Description: תבנית ייעודית לפורום בני-ברק — "בית של יידישקייט ברשת". מימוש נייטיבי של עיצוב-היעד (פלטת Ink/Teal/Limestone/Clay), RTL מלא, מצב-כהה, נגישות WCAG 2.0 AA (כל-הרכיבים מאומתים-מחדש בניגודיות אחרי-שינוי-פלטה), עיצוב-wpForo מלא כולל תגי 14 קבוצות-ההרשאה (צבעים-אמיתיים-מוגדרי-בעלים, לא-הושפעו-משינוי-הפלטה), SEO/GEO מובנה (סכימות, llms.txt, sitemap-פורומים, IndexNow) — ללא תלות בתוספי-עיצוב או CDN חיצוני. Version: 1.5.0 Requires at least: 5.9 Tested up to: 7.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: bnb-theme Tags: rtl-language-support, custom-menu, custom-logo, block-styles, accessibility-ready */ /* ============================================================ 1. טוקנים — מערכת-הצבעים והמידות (מקור: mockup-home-v2) ============================================================ */ :root{ /* פלטה-V2 (2026-07-21): Ink/Teal/Limestone/Clay — הוחלף מ-נייבי-זהב לפי-בקשת-הבעלים, בהשראת-הצעת-Codex, אחרי-השוואה-צד-לצד. שמות-המשתנים עודכנו-בהתאם (navy→ink/teal, gold→clay) כדי-שלא-יטעו-מפתח-עתידי שיראה "navy" ויצפה-לכחול. תגי-14-הקבוצות-האמיתיים (wpforo.css) נשארו ללא-שינוי במכוון — אלה-צבעים-שהבעלים-עצמו-הגדיר ב-wpForo, לא-קשורים-לפלטת-העיצוב. */ --ink-950:#182a2f; --ink-900:#1e3439; --ink-800:#23444a; --ink-700:#0e5b59; --ink-600:#2a7876; --clay:#b44c3d; --clay-soft:#f3dad3; --clay-ink:#7a2e22; --bg:#f7f2e8; --surface:#fdfbf6; --surface-2:#f1ecdf; --ink:#182a2f; --ink-soft:#46595e; --muted:#5f7175; --line:#ded7c6; --ok:#1f9d55; --ok-soft:#e7f6ee; --ok-ink:#116638; --danger:#b42318; --danger-soft:#fdecea; --r-sm:8px; --r:14px; --r-lg:20px; --shadow-sm:0 1px 2px rgba(24,42,47,.06); --shadow:0 1px 2px rgba(24,42,47,.06),0 8px 24px rgba(24,42,47,.09); --shadow-lg:0 16px 48px rgba(24,42,47,.2); --font:"Assistant","Rubik","Heebo","Arial Hebrew","Segoe UI",system-ui,Arial,sans-serif; --ease:cubic-bezier(.2,.7,.2,1); --wrap:1220px; } /* מצב-כהה אוטומטי לפי העדפת-מערכת */ @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#182a2f; --surface:#223a40; --surface-2:#1c3237; --ink:#f2eee4; --ink-soft:#c9cfc9; --muted:#91a29f; --line:#2e4a4f; --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.4); --shadow-sm:0 1px 2px rgba(0,0,0,.35); --ok-soft:#123324; --ok-ink:#7ed8a5; --danger-soft:#3a1512; } } /* דריסה ידנית (כפתור-מצב-תצוגה) */ :root[data-theme="dark"]{ --bg:#182a2f; --surface:#223a40; --surface-2:#1c3237; --ink:#f2eee4; --ink-soft:#c9cfc9; --muted:#91a29f; --line:#2e4a4f; --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.4); --shadow-sm:0 1px 2px rgba(0,0,0,.35); --ok-soft:#123324; --ok-ink:#7ed8a5; --danger-soft:#3a1512; } /* ============================================================ 2. גופן עברי באירוח-עצמי (ידידותי לסינון-כשר, אפס-CDN) ============================================================ */ @font-face{ font-family:"Assistant"; font-style:normal; font-weight:200 800; font-display:swap; src:url("assets/fonts/assistant-hebrew.woff2") format("woff2"); unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; } @font-face{ font-family:"Assistant"; font-style:normal; font-weight:200 800; font-display:swap; src:url("assets/fonts/assistant-latin.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* ============================================================ 3. בסיס + נגישות ============================================================ */ *,*::before,*::after{box-sizing:border-box;} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;} body{ /* תוקן 2026-07-21: direction:rtl הוסר-מכאן — היה-קבוע-בכוח, ומתעלם-מ-dir="ltr" עתידי שיוגדר-ב- (language_attributes() ב-header.php כבר-קובע-את-זה-נכון). direction הוא-property-שעובר-בירושה, אז-body יורש-מ-html ממילא; אין-צורך-לקבוע-כאן-שוב. */ margin:0;background:var(--bg);color:var(--ink); font-family:var(--font);font-size:1rem;line-height:1.55; -webkit-font-smoothing:antialiased; overflow-wrap:break-word; } a{color:var(--ink-700);text-decoration:none;} a:hover{text-decoration:underline;} :root[data-theme="dark"] a{color:#7fc4bc;} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) a{color:#7fc4bc;}} img{max-width:100%;height:auto;} h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:800;color:var(--ink-900);margin:0 0 .5em;line-height:1.25;} :root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,:root[data-theme="dark"] h4{color:#fff;} @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) h1,:root:not([data-theme="light"]) h2, :root:not([data-theme="light"]) h3,:root:not([data-theme="light"]) h4{color:#fff;} } p{margin:0 0 1em;} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px;} .tnum{font-variant-numeric:tabular-nums;} .ltr{direction:ltr;unicode-bidi:isolate;} /* פוקוס נראה — חובת-נגישות */ :focus-visible{outline:3px solid var(--clay);outline-offset:2px;border-radius:4px;} .bnb-topbar :focus-visible,.bnb-hero :focus-visible{outline-color:#fff;} /* קישור-דילוג לתוכן */ .skip-link{ position:absolute;inset-inline-start:-9999px;top:0;z-index:999; background:var(--ink-900);color:#fff;padding:12px 22px;border-radius:0 0 10px 10px;font-weight:700; } .skip-link:focus{inset-inline-start:16px;} /* טקסט לקוראי-מסך בלבד */ .screen-reader-text{ position:absolute!important;width:1px;height:1px;overflow:hidden; clip:rect(1px,1px,1px,1px);clip-path:inset(50%);word-wrap:normal!important; } .screen-reader-text:focus{ position:absolute!important;width:auto;height:auto;clip:auto;clip-path:none; inset-inline-start:16px;top:16px;z-index:100000; background:var(--surface);color:var(--ink);padding:14px 22px;border-radius:8px;box-shadow:var(--shadow-lg); } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} } /* ============================================================ 4. כפתורים, תגים, רכיבים משותפים ============================================================ */ .btn{ display:inline-flex;align-items:center;gap:6px;border-radius:999px; padding:10px 20px;font-weight:700;font-size:.9rem;cursor:pointer;border:0; font-family:inherit;text-decoration:none;white-space:nowrap; transition:transform .12s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease); } .btn:hover{transform:translateY(-1px);text-decoration:none;} .btn.gold{background:var(--clay);color:#fff;} .btn.gold:hover{background:#c65f4e;} .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);} .btn.ghost:hover{background:rgba(255,255,255,.12);} .btn.navy{background:var(--ink-800);color:#fff;} .btn.navy:hover{background:var(--ink-700);} .btn.block{width:100%;justify-content:center;} /* תוקן 2026-07-21: inc/engagement.php (כפתורי-שיתוף) כבר-השתמש-ב-class="btn line" בלי-שהמחלקה- הוגדרה-אי-פעם — עבד-במקרה-בזכות-סלקטור-ספציפי-יותר ב-wpforo.css (#wpforo-wrap .bnb-share-link), שהיה-נשבר-בשקט-אם-אי-פעם-ישתמשו-באותו-markup מחוץ-ל-#wpforo-wrap. עכשיו-מוגדר-אמיתי. */ .btn.line{background:transparent;border:1px solid var(--line);color:var(--ink-800);} .btn.line:hover{background:var(--surface-2);} :root[data-theme="dark"] .btn.line{color:#fff;} @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.line{color:#fff;}} .tag{font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-block;} .tag.re{background:#e1edec;color:var(--ink-700);} .tag.job{background:var(--ok-soft);color:var(--ok-ink);} .tag.chesed{background:var(--clay-soft);color:var(--clay-ink);} :root[data-theme="dark"] .tag.re{background:#1b3a38;color:#a8d6d0;} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tag.re{background:#1b3a38;color:#a8d6d0;}} .badge-boost,.trust,.bnb-trust-badge{ display:inline-flex;align-items:center;gap:3px; font-size:.68rem;font-weight:800;color:var(--clay-ink); background:linear-gradient(180deg,#fbeae5,var(--clay-soft)); border:1px solid var(--clay);padding:2px 9px;border-radius:999px;white-space:nowrap; } .note{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--r-sm);padding:10px 14px;font-size:.8rem;color:var(--muted);margin-top:8px;} /* ============================================================ 5. סרגל-עליון דביק ============================================================ */ .bnb-topbar{ background:linear-gradient(180deg,var(--ink-900),var(--ink-800));color:#fff; position:sticky;top:0;z-index:50;box-shadow:0 2px 20px rgba(24,42,47,.3); } .topbar-inner{display:flex;align-items:center;gap:14px;min-height:66px;padding-top:6px;padding-bottom:6px;} .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.12rem;color:#fff;text-decoration:none;flex:none;} .brand:hover{text-decoration:none;} .brand .mark{ width:38px;height:38px;border-radius:10px;flex:none; background:linear-gradient(150deg,var(--clay),#8a392d); display:grid;place-items:center;color:var(--ink-950);font-weight:900;font-size:1.15rem;box-shadow:var(--shadow-sm); } .brand .brand-text small{display:block;font-weight:400;font-size:.66rem;opacity:.85;margin-top:-2px;} .brand .custom-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;} nav.bnb-nav{display:flex;margin-inline-start:6px;overflow-x:auto;scrollbar-width:none;} nav.bnb-nav::-webkit-scrollbar{display:none;} nav.bnb-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;} nav.bnb-nav a{ display:block;padding:9px 13px;border-radius:9px;font-size:.88rem;color:#fff;opacity:.93; white-space:nowrap;transition:background .15s var(--ease);text-decoration:none; } nav.bnb-nav a:hover,nav.bnb-nav a:focus-visible{background:rgba(255,255,255,.14);text-decoration:none;} nav.bnb-nav .current-menu-item > a,nav.bnb-nav .current_page_item > a{background:rgba(255,255,255,.14);} .topbar-spacer{flex:1;} .bnb-search{ display:flex;align-items:center;gap:6px; background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22); border-radius:999px;padding:2px 6px 2px 2px;min-width:180px; } .bnb-search input{ background:transparent;border:0;color:#fff;font-family:inherit;font-size:.85rem; padding:6px 8px;width:150px; } .bnb-search input::placeholder{color:#b9c7c4;opacity:1;} .bnb-search button{ background:rgba(255,255,255,.16);border:0;color:#fff;border-radius:999px; width:30px;height:30px;display:grid;place-items:center;cursor:pointer;flex:none;font-size:.85rem; } .bnb-search button:hover{background:rgba(255,255,255,.28);} .icon-btn{ position:relative;width:38px;height:38px;border-radius:9px;display:grid;place-items:center; background:rgba(255,255,255,.11);flex:none;color:#fff;border:0;cursor:pointer;font-size:1rem; font-family:inherit;text-decoration:none; } .icon-btn:hover{background:rgba(255,255,255,.2);text-decoration:none;} /* ============================================================ 4ב. תיבת-כניסה/הרשמה + תיבת-חשבון (בסרגל-העליון) ============================================================ */ .bnb-login-widget,.bnb-account-widget{position:relative;} .bnb-account-toggle{padding:0;overflow:hidden;} .bnb-account-toggle img{width:100%;height:100%;border-radius:inherit;display:block;} .bnb-login-panel,.bnb-account-panel{ position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60; width:280px;max-width:calc(100vw - 32px); background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r); box-shadow:var(--shadow-lg);padding:18px; } .bnb-login-panel h3{font-size:.95rem;margin:0 0 12px;} .bnb-login-panel #bnb-login-form p{margin:0 0 12px;} .bnb-login-panel #bnb-login-form label{display:block;font-size:.82rem;font-weight:700;margin-bottom:4px;color:var(--ink);} .bnb-login-panel #bnb-login-form input[type="text"], .bnb-login-panel #bnb-login-form input[type="password"]{ width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px; font-family:inherit;font-size:.9rem;background:var(--bg);color:var(--ink); } .bnb-login-panel #bnb-login-form .login-remember{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);font-weight:400;} .bnb-login-panel #bnb-login-form .login-remember label{display:inline;font-weight:400;margin:0;} .bnb-login-panel #bnb-login-form .login-submit input[type="submit"]{ width:100%;background:var(--clay);color:#fff;border:0;border-radius:999px; padding:10px;font-weight:800;font-size:.9rem;font-family:inherit;cursor:pointer; } .bnb-login-panel #bnb-login-form .login-submit input[type="submit"]:hover{background:#c65f4e;} .bnb-login-forgot{display:block;text-align:center;font-size:.8rem;color:var(--muted);margin-top:10px;} .bnb-login-sep{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:.76rem;} .bnb-login-sep::before,.bnb-login-sep::after{content:"";flex:1;height:1px;background:var(--line);} .bnb-account-who{display:flex;align-items:center;gap:10px;margin-bottom:14px;} .bnb-account-who img{border-radius:999px;flex:none;} .bnb-account-name{font-weight:800;font-size:.92rem;} .bnb-account-panel .btn{margin-bottom:8px;} .bnb-account-logout{display:block;text-align:center;font-size:.82rem;color:var(--muted);padding-top:6px;} .bnb-community-gate{text-align:center;padding:30px 16px;color:var(--muted);} .bnb-community-gate svg{color:var(--muted);margin-bottom:8px;} :root[data-theme="dark"] .bnb-login-panel #bnb-login-form input[type="text"], :root[data-theme="dark"] .bnb-login-panel #bnb-login-form input[type="password"]{background:var(--surface-2);} @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .bnb-login-panel #bnb-login-form input[type="text"], :root:not([data-theme="light"]) .bnb-login-panel #bnb-login-form input[type="password"]{background:var(--surface-2);} } @media(max-width:480px){.bnb-login-panel,.bnb-account-panel{inset-inline-end:-60px;}} .bnb-menu-toggle{display:none;} /* מובייל */ @media(max-width:920px){ nav.bnb-nav,.bnb-search{display:none;} .bnb-menu-toggle{display:grid;place-items:center;width:38px;height:38px;background:rgba(255,255,255,.11);border-radius:9px;border:0;color:#fff;cursor:pointer;font-size:1.15rem;} .bnb-mobile-open nav.bnb-nav{ display:block;position:absolute;top:100%;inset-inline:0; background:var(--ink-900);box-shadow:var(--shadow-lg);padding:10px 16px 16px; } .bnb-mobile-open nav.bnb-nav ul{flex-direction:column;gap:2px;} .bnb-mobile-open nav.bnb-nav a{padding:12px 14px;font-size:1rem;} .bnb-mobile-open .bnb-search{ display:flex;position:absolute;top:calc(100% + var(--bnb-mnav-h,0px));inset-inline:0;border-radius:0; } } /* ============================================================ 6. הירו ============================================================ */ .bnb-hero{ background: radial-gradient(1200px 600px at 15% -10%,rgba(180,76,61,.14),transparent), linear-gradient(120deg,var(--ink-950),var(--ink-800) 65%,var(--ink-700)); color:#fff;overflow:hidden;position:relative; } .hero-inner{display:flex;align-items:center;gap:32px;padding:44px 20px 46px;flex-wrap:wrap;} .bnb-hero h1{font-size:clamp(1.5rem,3vw,2.2rem);color:#fff;margin:0 0 10px;line-height:1.25;} .bnb-hero .hero-sub{margin:0;max-width:56ch;color:#cfe0dd;font-size:1.03rem;} .bnb-hero .cta{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;} .hero-stats{display:flex;gap:24px;margin-inline-start:auto;} .hero-stats .stat{text-align:center;} .hero-stats .stat b{display:block;font-size:1.8rem;color:var(--clay-soft);} .hero-stats .stat span{font-size:.76rem;color:#afcac6;} .hero-badge{ display:inline-flex;align-items:center;gap:6px; background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25); border-radius:999px;padding:5px 14px;font-size:.78rem;margin-bottom:14px;color:var(--clay-soft); } /* הירו-מוקטן לעמודים פנימיים */ .bnb-hero.compact .hero-inner{padding:26px 20px;} .bnb-hero.compact h1{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0;} /* ============================================================ 7. פריסת-עמוד ראשית ============================================================ */ .bnb-main{display:block;} .bnb-cols{ display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px; padding:28px 20px 52px;align-items:start;max-width:var(--wrap);margin:0 auto; } @media(max-width:960px){.bnb-cols{grid-template-columns:minmax(0,1fr);}} /* היה 900px — צר-משמעותית מ--wrap (1220px) שכל שאר-האתר (הדר/הירו/פוטר/עמוד-בית) בנוי-עליו; יצר-תחושת "חצי-מסך" ריק בצדדים במסכים-רחבים. עכשיו אחיד. */ .bnb-single-col{max-width:var(--wrap);margin:0 auto;padding:28px 20px 52px;} section.bnb-section{margin-bottom:30px;} .sec-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;gap:10px;flex-wrap:wrap;} .sec-head h2{font-size:1.2rem;display:flex;align-items:center;gap:9px;margin:0;} .sec-head h2::before{content:"";width:4px;height:22px;border-radius:3px;background:var(--clay);flex:none;} .sec-head .sec-more{font-size:.85rem;color:var(--ink-700);font-weight:700;} :root[data-theme="dark"] .sec-head .sec-more{color:var(--clay-soft);} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sec-head .sec-more{color:var(--clay-soft);}} .sec-sub{color:var(--muted);font-size:.86rem;margin:-6px 0 14px 0;padding-inline-start:13px;} /* ============================================================ 8. כרטיסי-קטגוריות ============================================================ */ .cats{display:grid;grid-template-columns:1fr 1fr;gap:14px;} @media(max-width:600px){.cats{grid-template-columns:1fr;}} .cat{ background:var(--surface);border:1px solid var(--line);border-radius:var(--r); padding:17px 18px;box-shadow:var(--shadow-sm); transition:transform .18s var(--ease),box-shadow .18s var(--ease); } .cat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);} .cat .ct{display:flex;align-items:center;gap:11px;margin-bottom:11px;} .cat .ci{ width:42px;height:42px;border-radius:12px;display:grid;place-items:center; font-size:1.25rem;background:var(--surface-2);color:var(--ink-800);flex:none; } .cat h3{margin:0;font-size:1.03rem;} .cat h3 a{color:inherit;} .cat h3 small{display:block;font-weight:400;font-size:.75rem;color:var(--muted);margin-top:2px;} .cat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;} .cat li{display:flex;justify-content:space-between;gap:10px;font-size:.87rem;color:var(--ink-soft);padding:4px 0;border-top:1px dashed var(--line);} .cat li:first-child{border-top:0;} .cat li a{color:inherit;flex:1;} .cat li a:hover{color:var(--ink-700);text-decoration:none;} :root[data-theme="dark"] .cat li a:hover{color:var(--clay-soft);} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cat li a:hover{color:var(--clay-soft);}} .cat li .c{color:var(--muted);font-size:.78rem;flex:none;} .cat.chesed{border-color:var(--clay);} .cat.chesed .ci{background:var(--clay-soft);color:var(--clay-ink);} /* ============================================================ 9. שורת-שכונות ============================================================ */ .hoods{display:flex;gap:9px;flex-wrap:wrap;list-style:none;margin:0;padding:0;} .hood-chip{ display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px; padding:8px 16px;font-size:.85rem;font-weight:600;color:var(--ink-soft);box-shadow:var(--shadow-sm); transition:background .15s var(--ease),color .15s var(--ease); } .hood-chip:hover,.hood-chip:focus-visible{background:var(--ink-800);color:#fff;text-decoration:none;} /* ============================================================ 10. לוחות-חמים ============================================================ */ .listings{display:flex;flex-direction:column;gap:10px;} .lst{ background:var(--surface);border:1px solid var(--line);border-radius:12px; padding:13px 15px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);flex-wrap:wrap; } .lst.boosted{border-color:var(--clay);box-shadow:0 0 0 1px var(--clay) inset,var(--shadow-sm);} .lst h4{margin:0;font-size:.95rem;flex:1;font-weight:700;min-width:200px;} .lst h4 a{color:var(--ink);} .lst .meta{font-size:.76rem;color:var(--muted);flex:none;} /* ============================================================ 11. מדריך-עסקים ============================================================ */ .biz,.bnb-directory{display:grid;grid-template-columns:1fr 1fr;gap:12px;} @media(max-width:600px){.biz,.bnb-directory{grid-template-columns:1fr;}} .bizcard,.bnb-card{ background:var(--surface);border:1px solid var(--line);border-radius:12px; padding:14px 16px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease); } .bizcard:hover,.bnb-card:hover{transform:translateY(-2px);} .bizcard.verified,.bnb-card.is-verified{border-color:var(--clay);} .bizcard .bh{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap;} .bizcard h4,.bnb-card h3{margin:0;font-size:.98rem;} .bnb-card h3 a{color:var(--ink-800);} :root[data-theme="dark"] .bnb-card h3 a{color:#fff;} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bnb-card h3 a{color:#fff;}} .bizcard .hood,.bnb-hood{font-size:.78rem;color:var(--muted);display:inline-block;} .bizcard p,.bnb-excerpt{margin:6px 0 10px;font-size:.85rem;color:var(--ink-soft);} .bizcard .call,.bnb-cta{ display:inline-block;background:var(--ink-800);color:#fff; padding:6px 15px;border-radius:999px;font-size:.83rem;font-weight:700;text-decoration:none; } .bizcard .call:hover,.bnb-cta:hover{background:var(--ink-700);text-decoration:none;color:#fff;} /* עמוד עסק בודד */ .bnb-business-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:14px 0;padding:14px 16px;background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--line);font-size:.9rem;} .bnb-business-meta div b{color:var(--ink-800);} :root[data-theme="dark"] .bnb-business-meta div b{color:var(--clay-soft);} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bnb-business-meta div b{color:var(--clay-soft);}} /* ============================================================ 12. עמודה-צדדית ============================================================ */ .bnb-rail .box{ background:var(--surface);border:1px solid var(--line);border-radius:var(--r); padding:17px;box-shadow:var(--shadow-sm);margin-bottom:18px; } .bnb-rail h2,.bnb-rail h3{margin:0 0 13px;font-size:.98rem;display:flex;align-items:center;gap:7px;} .member{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);} .member:first-of-type{border-top:0;} .av{ width:36px;height:36px;border-radius:50%;display:grid;place-items:center; font-weight:800;color:#fff;font-size:.85rem;flex:none; box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line);background:var(--ink-700); } .av img{width:36px;height:36px;border-radius:50%;object-fit:cover;} .member .mn{flex:1;font-size:.9rem;font-weight:600;min-width:0;} .member .mn small{display:block;color:var(--muted);font-size:.74rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ladder{display:flex;flex-direction:column;gap:9px;} .rung{display:flex;align-items:center;gap:10px;font-size:.85rem;} .rung .k{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:.7rem;font-weight:800;flex:none;} .rung small{color:var(--muted);font-size:.74rem;display:block;} .box.promo{background:linear-gradient(150deg,var(--ink-900),var(--ink-700));color:#fff;border:0;} .box.promo h2,.box.promo h3{color:#fff;} .box.promo p{font-size:.86rem;color:#cfe0dd;margin:0 0 12px;} /* ============================================================ 13. פוטר + מצב-שבת ============================================================ */ .bnb-shabbat-banner{ background:var(--clay-soft);color:var(--clay-ink);font-size:.8rem;text-align:center; padding:7px 14px;border-top:1px solid var(--clay); } footer.bnb-footer{background:var(--ink-950);color:#a9bdb9;font-size:.82rem;} .bnb-footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 20px;} .bnb-footer a{color:#cfe0dd;} .bnb-footer nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;} .bnb-legal-block{ display:block;max-width:none;padding-top:18px;padding-bottom:24px; border-top:1px solid rgba(255,255,255,.08); } .bnb-legal-line{max-width:78ch;font-size:.74rem;line-height:1.7;color:#8a9c98;margin:0 0 10px;} .bnb-legal-line:last-child{margin-bottom:0;} .bnb-legal-line a{color:#a9bdb9;text-decoration:underline;} .bnb-legal-line strong{color:#a9bdb9;} .bnb-legal-note{opacity:.8;} .bnb-legal-copyright{padding-top:8px;border-top:1px dashed rgba(255,255,255,.08);} /* ============================================================ 14. עמודי-תוכן, מאמרים, ארכיונים ============================================================ */ .bnb-article{ background:var(--surface);border:1px solid var(--line);border-radius:var(--r); padding:26px 28px;box-shadow:var(--shadow-sm); } @media(max-width:600px){.bnb-article{padding:18px 16px;}} .bnb-article .entry-content h2{font-size:1.25rem;margin-top:1.4em;} .bnb-article .entry-content h3{font-size:1.05rem;margin-top:1.2em;} .bnb-article .entry-content ul,.bnb-article .entry-content ol{padding-inline-start:1.2em;} .bnb-article .entry-meta{color:var(--muted);font-size:.8rem;margin-bottom:14px;} .bnb-article .wp-block-image img{border-radius:var(--r-sm);} /* טיפוגרפיה-מלאה לתוכן-חופשי (עמודים-ללא-תבנית-ייעודית, תוכן-legacy וכד') — כדי-שאף-עמוד לא-ייראה "קופסה-ריקה" גם-בלי-כרטיסים/הירו-מיוחדים. */ /* הכרטיס-עצמו (.bnb-article) עכשיו רחב כמו-כל-האתר (ר' .bnb-single-col למעלה) — אבל טקסט-רץ (תקנון וכד') נשאר-קריא: רוחב-שורה נוח, לא-מתיחה-לכל-1220px. */ .bnb-article .entry-content{max-width:74ch;} .bnb-article .entry-content p{margin:0 0 1.1em;line-height:1.75;color:var(--ink-soft);} .bnb-article .entry-content p:last-child{margin-bottom:0;} .bnb-article .entry-content a{color:var(--ink-700);text-decoration:underline;text-underline-offset:2px;} .bnb-article .entry-content a:hover{color:var(--ink-900);} .bnb-article .entry-content li{margin-bottom:.4em;line-height:1.65;} .bnb-article .entry-content img{border-radius:var(--r-sm);height:auto;max-width:100%;} .bnb-article .entry-content figure{margin:1.4em 0;} .bnb-article .entry-content figcaption{color:var(--muted);font-size:.8rem;text-align:center;margin-top:.4em;} .bnb-article .entry-content blockquote{ margin:1.4em 0;padding:14px 20px;border-inline-start:4px solid var(--clay); background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink-soft);font-style:italic; } .bnb-article .entry-content hr{border:0;border-top:1px solid var(--line);margin:2em 0;} .bnb-article .entry-content strong{color:var(--ink);} :root[data-theme="dark"] .bnb-article .entry-content a{color:#7fc4bc;} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bnb-article .entry-content a{color:#7fc4bc;}} .bnb-breadcrumbs{font-size:.78rem;color:var(--muted);margin:0 0 14px;} .bnb-breadcrumbs a{color:var(--muted);} .bnb-breadcrumbs .sep{margin:0 6px;opacity:.6;} .bnb-archive-list{display:grid;gap:14px;} .bnb-archive-list .bnb-card h2{font-size:1.05rem;margin:0 0 6px;} .bnb-pagination{display:flex;gap:6px;justify-content:center;margin:26px 0 0;flex-wrap:wrap;} .bnb-pagination .page-numbers{ display:inline-block;min-width:36px;text-align:center;padding:7px 10px;border-radius:9px; background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:.85rem;font-weight:600; } .bnb-pagination .page-numbers.current{background:var(--ink-800);color:#fff;border-color:var(--ink-800);} .bnb-pagination a.page-numbers:hover{background:var(--surface-2);text-decoration:none;} /* FAQ (עמודי-נחיתה) */ .bnb-faq{margin-top:8px;} .bnb-faq details{ background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm); padding:0;margin-bottom:8px;box-shadow:var(--shadow-sm); } .bnb-faq summary{cursor:pointer;font-weight:700;padding:13px 16px;list-style-position:outside;} .bnb-faq details > div{padding:0 16px 13px;color:var(--ink-soft);font-size:.92rem;} /* ============================================================ 15. טפסים — כולל Gravity Forms (טופס-ההרשמה האמיתי #3) ============================================================ */ input[type="text"],input[type="email"],input[type="tel"],input[type="url"], input[type="password"],input[type="number"],input[type="search"],select,textarea{ width:100%;max-width:100%;border:1px solid var(--line);border-radius:9px; padding:10px 13px;font-family:inherit;font-size:.95rem; background:var(--surface);color:var(--ink); } input:focus,select:focus,textarea:focus{border-color:var(--ink-600);outline:2px solid var(--clay);outline-offset:1px;} label{font-weight:600;font-size:.9rem;} button[type="submit"],input[type="submit"]{cursor:pointer;} /* גלובלי, לא-תלוי-ב-.bnb-form-wrap — נבנה-במקור-רק-לעמוד-הרשמה, אבל יש ~10 טפסי-Gravity-Forms-אמיתיים פזורים בעמודים-שונים (register-business, register-ngo, vip-premium-membership וכו') שאף-פעם-לא-קיבלו-עיצוב. .bnb-form-wrap עדיין-עובד (תת-קבוצה) לעטיפות-שרוצות-שליטה-נוספת. */ .gform_wrapper{margin:0 0 1.6em;} .entry-content .gform_wrapper,.bnb-single-col > .gform_wrapper,.bnb-form-wrap .gform_wrapper{ background:var(--surface);border:1px solid var(--line);border-radius:var(--r); padding:24px 26px;box-shadow:var(--shadow-sm); } @media(max-width:600px){.entry-content .gform_wrapper,.bnb-single-col > .gform_wrapper,.bnb-form-wrap .gform_wrapper{padding:16px;}} .gform_wrapper .gfield{margin-bottom:16px;} .gform_wrapper .gfield_label{font-weight:700;color:var(--ink);margin-bottom:5px;display:inline-block;} .gform_wrapper .gfield_required{color:var(--danger);} .gform_wrapper .gfield_description{font-size:.8rem;color:var(--muted);} .gform_wrapper input[type="submit"], .gform_wrapper .gform_button{ background:var(--clay);color:#fff;border:0;border-radius:999px; padding:12px 30px;font-weight:800;font-size:1rem;font-family:inherit;cursor:pointer; transition:background .15s var(--ease),transform .12s var(--ease); } .gform_wrapper input[type="submit"]:hover{background:#c65f4e;transform:translateY(-1px);} .gform_wrapper .validation_message, .gform_wrapper .gform_validation_errors{ background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:8px 12px;font-size:.85rem; } :root[data-theme="dark"] .gform_wrapper .validation_message{color:#ff9e94;} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .gform_wrapper .validation_message{color:#ff9e94;}} /* נוסף 2026-07-21, מ-מחקר-UX-אמיתי (NN/G "10 Design Guidelines for Reporting Errors", Baymard "Inline Form Validation") — עד-עכשיו-היה-רק-באנר-שגיאה-כללי-בראש-הטופס; שדה שנכשל-בוולידציה נראה-זהה-לשדה-תקין. עכשיו: מצב-שגיאה-על-השדה-עצמו + הודעה-צמודה-לו, סמן+צבע (לא-צבע-בלבד — נגישות לעיוורי-צבעים). */ .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea{ border-color:var(--danger);background:var(--danger-soft); } .gform_wrapper .gfield_error .gfield_label{color:var(--danger);} .gform_wrapper .gfield_validation_message{ display:flex;align-items:flex-start;gap:6px; background:var(--danger-soft);color:var(--danger); border-radius:var(--r-sm);padding:6px 10px;font-size:.85rem;margin-top:4px; } .gform_wrapper .gfield_validation_message::before{content:"⚠";flex:none;} /* פס-התקדמות לטפסים-מרובי-שלבים (Page-Break) — מוכן-לשימוש; פעיל-רק-בטפסים שבהם-הבעלים-בפועל-הוסיף-שדות-הפסקת-עמוד ב-wp-admin (למשל register-business, 18-שדות — מועמד-טבעי לפי-המחקר; register הקצר, 7-שדות, נשאר-עמוד-יחיד בכוונה). */ .gform_wrapper .gf_progressbar_wrapper{margin-bottom:20px;} .gform_wrapper .gf_progressbar{background:var(--line);border-radius:999px;height:8px;overflow:hidden;} .gform_wrapper .gf_progressbar_percentage{background:var(--clay);height:100%;transition:width .3s var(--ease);} .gform_wrapper .gf_step_label{font-size:.8rem;color:var(--muted);font-weight:700;} .gform_wrapper .gf_step.gf_step_active .gf_step_label{color:var(--ink);} .gform_wrapper .gform_page_footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;} .gform_wrapper .gform_previous_button{ background:transparent;border:1px solid var(--line);color:var(--ink-soft); border-radius:999px;padding:12px 24px;font-weight:700;font-family:inherit;cursor:pointer; } /* ============================================================ 16. שונות ============================================================ */ .bnb-404{text-align:center;padding:70px 20px;} .bnb-404 .code{font-size:4rem;font-weight:900;color:var(--clay);line-height:1;} .bnb-back-top{scroll-margin-top:80px;} .alignwide{max-width:calc(var(--wrap) - 40px);margin-inline:auto;} .alignfull{width:100%;} /* טבלאות-תוכן גלילה במובייל */ .entry-content table{border-collapse:collapse;width:100%;font-size:.9rem;} .entry-content th,.entry-content td{border:1px solid var(--line);padding:8px 10px;text-align:start;} .entry-content th{background:var(--surface-2);} .table-scroll{overflow-x:auto;} /* הדפסה */ @media print{ .bnb-topbar,.bnb-footer,.bnb-rail,.bnb-shabbat-banner,.skip-link{display:none!important;} body{background:#fff;color:#000;} }