/* ============================================================ BizRunner — תמה כהה בסגנון ה-hero (biz-dark.css v2) מרחיב את שפת ה-hero: גרדיאנט כהה + זוהר אדום + כרטיסי זכוכית. מופעל כש-. שומר אקסנטים אדומים של המותג. ============================================================ */ html.biz-dark{ --d-bg:#0a0a0b; --d-bg-2:#0d0d12; --d-glass:rgba(255,255,255,.045); --d-glass-2:rgba(255,255,255,.075); --d-line:rgba(255,255,255,.09); --d-line-2:rgba(255,255,255,.16); --d-text:#e7e7ee; --d-dim:rgba(255,255,255,.60); --d-head:#ffffff; --d-red:#ff3b3b; color-scheme:dark; } /* ---------- בסיס ---------- */ html.biz-dark{ background-color:var(--d-bg) !important; color:var(--d-text) !important; } html.biz-dark body{ background:transparent !important; color:var(--d-text) !important; } html.biz-dark .main-content{ background:transparent !important; } /* ---------- כל סקשן שקוף → מראה את הרקע האנימטיבי הגלובלי ---------- כלל גנרי: תופס כל
ללא תלות ב-ID. !important גובר על #id. */ html.biz-dark section:not(#section-hero-bizrunner-clean){ background:transparent !important; } /* wrappers של בונה-העמוד שעלולים להיות לבנים */ html.biz-dark .sp-html-block, html.biz-dark .sp-html-responsive{ background:transparent !important; } /* הגברה קלה של הזוהר הקיים (wf/crm/wa/cust-glow) כדי שיבלוט על כהה */ html.biz-dark [class*="-glow-red"]{ background:radial-gradient(circle, rgba(239,3,3,.16) 0%, rgba(239,3,3,0) 70%) !important; } html.biz-dark [class*="-glow-yellow"]{ background:radial-gradient(circle, rgba(255,203,71,.12) 0%, rgba(255,203,71,0) 70%) !important; } html.biz-dark [class*="-glow-green"]{ background:radial-gradient(circle, rgba(16,185,129,.12) 0%, rgba(16,185,129,0) 70%) !important; } /* ---------- כרטיסי זכוכית (כולל רקע לבן inline) ---------- */ html.biz-dark .biz-card, html.biz-dark .testimonial-card, html.biz-dark .feature-card, html.biz-dark .card, html.biz-dark [style*="background: #ffffff"]:not(section), html.biz-dark [style*="background:#ffffff"]:not(section), html.biz-dark [style*="background-color: #ffffff"]:not(section), html.biz-dark [style*="background-color:#ffffff"]:not(section), html.biz-dark [style*="background: #fff;"]:not(section), html.biz-dark [style*="background-color: #fcfcfc"]:not(section){ background:var(--d-glass) !important; border:1px solid var(--d-line) !important; box-shadow:0 18px 44px rgba(0,0,0,.45) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); } html.biz-dark .biz-card:hover, html.biz-dark .testimonial-card:hover, html.biz-dark .card:hover{ background:var(--d-glass-2) !important; border-color:rgba(255,59,59,.32) !important; box-shadow:0 24px 60px rgba(0,0,0,.6), 0 0 0 1px rgba(255,59,59,.12) !important; } /* עוטף אייקון → זכוכית כהה עם נגיעה אדומה (hover נשאר אדום מלא) */ html.biz-dark .biz-icon-wrapper{ background-color:rgba(239,3,3,.14) !important; border:1px solid rgba(239,3,3,.22); } /* ---------- טיפוגרפיה ---------- */ /* כל הכותרות בלבן — חוץ מאלו שצבען-עצמן אדום (מותג נשמר). ה-span האדום הפנימי שומר על צבעו (inline משלו). */ html.biz-dark :is(h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4,.display-5,.main-headline,.section-title):not([style*="#EF"]):not([style*="#ef"]):not([style*="#FF3B"]):not([style*="#ff3b"]):not([style*="#FF3b"]):not([style*="#ff0000"]):not([style*="#FF0000"]):not([class*="red"]){ color:var(--d-head) !important; } html.biz-dark p:not([style*="color"]), html.biz-dark li:not([style*="color"]), html.biz-dark td:not([style*="color"]), html.biz-dark label:not([style*="color"]), html.biz-dark small:not([style*="color"]), html.biz-dark blockquote:not([style*="color"]), html.biz-dark span:not([style*="color"]):not([class*="red"]):not([class*="badge"]):not(.custom-badge):not(.etx-arrow){ color:var(--d-text) !important; } /* טקסט עמום (Bootstrap) → בהיר מעומעם */ html.biz-dark .text-muted, html.biz-dark .text-secondary, html.biz-dark .lead.text-muted{ color:var(--d-dim) !important; } /* צבעי inline כהים (שחור/אפור) → בהיר. שומר אדומים (#EF.. / #FF3B..) */ html.biz-dark [style*="color: #000000"], html.biz-dark [style*="color:#000000"], html.biz-dark [style*="color: #000;"], html.biz-dark [style*="color:#000;"], html.biz-dark [style*="color: #000"], html.biz-dark [style*="color: #000"], html.biz-dark [style*="color: #0a0a0a"], html.biz-dark [style*="color:#0a0a0a"], html.biz-dark [style*="color: #15151c"], html.biz-dark [style*="color: #1a1a1a"], html.biz-dark [style*="color: #111"], html.biz-dark [style*="color: #1c1c1c"]{ color:var(--d-head) !important; } html.biz-dark [style*="color: #222"], html.biz-dark [style*="color: #333"], html.biz-dark [style*="color:#333"], html.biz-dark [style*="color: #444"], html.biz-dark [style*="color: #555"], html.biz-dark [style*="color: #666"], html.biz-dark [style*="color: #6c757d"], html.biz-dark [style*="color: #777"]{ color:var(--d-text) !important; } /* קישורי תוכן (לא כפתורים/תפריט) */ html.biz-dark a:not([style*="color"]):not(.btn):not([class*="btn"]):not(.custom-badge):not(.etx-nav-link):not(.etx-drop-link):not(.biz-head-cta){ color:#f2f2f7; } /* ---------- גבולות / קווי הפרדה ---------- */ html.biz-dark hr{ border-color:var(--d-line) !important; } html.biz-dark [style*="border: 1px solid rgba(0,0,0"], html.biz-dark [style*="border:1px solid rgba(0,0,0"]{ border-color:var(--d-line) !important; } html.biz-dark [style*="box-shadow: 0 20px 50px rgba(0,0,0,0.08)"]{ box-shadow:0 22px 50px rgba(0,0,0,.5) !important; } /* ---------- כפתור outline/light שמסתמך על רקע בהיר ---------- */ html.biz-dark .btn-outline-dark, html.biz-dark .btn-light{ color:#fff !important; border-color:var(--d-line-2) !important; background:transparent !important; } /* ---------- פוטר כהה ---------- */ html.biz-dark .footer{ background-color:#0c0c11 !important; border-top:1px solid var(--d-line); } html.biz-dark .colorfoter, html.biz-dark .footer p, html.biz-dark .footer li, html.biz-dark .footer a, html.biz-dark .footer span{ color:var(--d-dim) !important; } html.biz-dark .footer a:hover{ color:#fff !important; } html.biz-dark .linkfooter{ color:var(--d-dim) !important; fill:var(--d-dim) !important; } /* ---------- אזורים שכבר כהים — לא לגעת ---------- */ html.biz-dark #section-hero-bizrunner-clean{ /* נשאר כפי שעוצב */ } /* ============================================================ רקע אנימטיבי גלובלי — שפת ה-hero מאחורי כל הדף ============================================================ */ .biz-globalbg{ position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; background: radial-gradient(120% 80% at 85% -10%, rgba(239,3,3,.20) 0%, rgba(239,3,3,0) 55%), radial-gradient(110% 90% at 5% 110%, rgba(255,87,34,.12) 0%, rgba(255,87,34,0) 55%), linear-gradient(135deg, #0a0a0e 0%, #101017 50%, #08080b 100%); } .biz-globalbg .gbg-aurora{ position:absolute; inset:-20%; background: radial-gradient(34% 44% at 78% 22%, rgba(239,3,3,.26) 0%, rgba(239,3,3,0) 70%), radial-gradient(30% 40% at 20% 78%, rgba(255,87,34,.18) 0%, rgba(255,87,34,0) 70%); filter:blur(10px); animation:heroAurora 18s ease-in-out infinite alternate; } .biz-globalbg .gbg-grid{ position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(85% 80% at 50% 35%, #000 0%, transparent 100%); mask-image:radial-gradient(85% 80% at 50% 35%, #000 0%, transparent 100%); } .biz-globalbg .hero-circuit{ position:absolute; inset:0; width:100%; height:100%; opacity:.5; } .biz-globalbg .circuit-spark path{ stroke-dasharray:16 84; stroke-dashoffset:100; filter:drop-shadow(0 0 5px rgba(255,87,34,.7)); animation:bizFlow var(--dur,4s) linear infinite; animation-delay:var(--delay,0s); } .biz-globalbg .circuit-base path{ animation:bizPulse 5s ease-in-out infinite; } @media (prefers-reduced-motion:reduce){ .biz-globalbg .gbg-aurora, .biz-globalbg .circuit-spark path, .biz-globalbg .circuit-base path{ animation:none !important; } } /* ============================================================ סרגל עליון + תפריט נפתח — סגנון SaaS טכנולוגי (כל הדפים) ============================================================ */ /* סרגל sticky: שקוף למעלה, זכוכית כהה בגלילה */ html.biz-dark #header{ position:sticky; top:0; z-index:1050; background:transparent; border-bottom:1px solid transparent; transition:background .35s ease, backdrop-filter .35s ease, box-shadow .35s ease, border-color .35s ease; } html.biz-dark #header .header-main{ padding:10px 0; } html.biz-dark #header .tafrit{ background:transparent !important; } /* לוגו: גובה קבוע ופרופורציונלי כמו בקומיטים הישנים — ה-width/height ב- נותנים aspect-ratio ל-CLS, וכאן קובעים גודל תצוגה קומפקטי (לא מרוח, לא ענק). */ html.biz-dark #header .logo-img.mylogo, html.biz-dark #header .logo .logo-img{ height:44px !important; width:auto !important; max-width:100% !important; object-fit:contain; } @media (max-width:991px){ html.biz-dark #header .logo-img.mylogo, html.biz-dark #header .logo .logo-img{ height:38px !important; } } html.biz-dark.br-scrolled #header, html.biz-dark #header.sticky-header{ background:rgba(8,8,12,.66) !important; -webkit-backdrop-filter:saturate(160%) blur(18px); backdrop-filter:saturate(160%) blur(18px); border-bottom-color:rgba(255,255,255,.07); box-shadow:0 8px 30px rgba(0,0,0,.35); } /* --- קפסולת ניווט (pill) --- */ html.biz-dark #header .etx-nav-premium{ background:transparent !important; box-shadow:none !important; } html.biz-dark #header .etx-nav-list{ display:inline-flex; align-items:center; gap:2px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); border-radius:999px; padding:5px; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } /* --- קישורי ניווט כ-pills --- */ html.biz-dark #header .etx-nav-link{ padding:9px 16px !important; border-radius:999px !important; font-weight:600; font-size:.95rem; letter-spacing:.1px; color:rgba(255,255,255,.70) !important; background:transparent !important; transition:color .2s ease, background .2s ease; } html.biz-dark #header .etx-nav-link:hover, html.biz-dark #header .etx-nav-link.active{ color:#fff !important; background:rgba(255,255,255,.08) !important; filter:none !important; } /* ביטול הקו התחתון/אקסנט הישן */ html.biz-dark #header .etx-nav-item > .etx-nav-link::before{ display:none !important; } html.biz-dark #header .etx-nav-link.active::after{ display:none !important; } /* חץ — מסתובב בריחוף (כל הקפסולות אחידות; ה-active מטופל ב-biz.js) */ html.biz-dark #header .etx-arrow{ font-size:8px; opacity:.5; margin-right:4px; transition:transform .25s ease, opacity .2s ease; } html.biz-dark #header .etx-nav-item:hover .etx-arrow{ transform:rotate(180deg); opacity:.9; } /* --- Dropdown סגנון SaaS --- */ html.biz-dark #header .etx-dropdown{ background:rgba(13,13,18,.92) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:16px !important; box-shadow:0 30px 70px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.02) !important; -webkit-backdrop-filter:blur(22px) saturate(150%); backdrop-filter:blur(22px) saturate(150%); padding:8px !important; min-width:290px; margin-top:12px; overflow:hidden; } html.biz-dark #header .etx-drop-item{ border:none !important; } html.biz-dark #header .etx-drop-link{ position:relative; border-radius:11px !important; padding:12px 26px 12px 14px !important; color:rgba(255,255,255,.74) !important; font-weight:500; font-size:.92rem; border-right:none !important; transition:background .18s ease, color .18s ease; } html.biz-dark #header .etx-drop-link:hover{ background:rgba(255,255,255,.06) !important; color:#fff !important; } /* נקודת אקסנט אדומה (RTL: ימין) שמופיעה בריחוף */ html.biz-dark #header .etx-drop-link::after{ content:''; position:absolute; right:10px; top:50%; width:6px; height:6px; border-radius:50%; background:linear-gradient(135deg,#ef0303,#ff5722); transform:translateY(-50%) scale(0); opacity:0; transition:transform .2s ease, opacity .2s ease; } html.biz-dark #header .etx-drop-link:hover::after{ transform:translateY(-50%) scale(1); opacity:1; } /* hamburger נקי ב-CSS (פונט האייקונים "an" לא נטען → היה ריבוע tofu) */ html.biz-dark #header .js-mobile-nav-toggle{ position:relative; width:46px; height:46px; padding:0; flex:0 0 auto; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px; background:rgba(255,255,255,.05) !important; display:inline-flex !important; align-items:center; justify-content:center; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:background .2s ease, border-color .2s ease; } html.biz-dark #header .js-mobile-nav-toggle:hover{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.2) !important; } /* מסתירים את גליפי הפונט השבורים */ html.biz-dark #header .js-mobile-nav-toggle .an, html.biz-dark #header .js-mobile-nav-toggle .icon{ display:none !important; } /* 3 קווים לבנים דרך ::before + box-shadow */ html.biz-dark #header .js-mobile-nav-toggle::before{ content:''; width:20px; height:2px; border-radius:2px; background:#fff; box-shadow:0 -6px 0 #fff, 0 6px 0 #fff; } /* בדסקטופ אין צורך ב-hamburger (התפריט המלא מוצג) */ @media (min-width:992px){ html.biz-dark #header .js-mobile-nav-toggle{ display:none !important; } } /* CTA בסרגל (אם קיים) */ html.biz-dark .biz-head-cta{ display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 20px; border-radius:999px; font-weight:700; font-size:.95rem; color:#fff !important; text-decoration:none; white-space:nowrap; background:linear-gradient(135deg,#ef0303 0%,#ff5722 100%); box-shadow:0 6px 18px rgba(239,3,3,.32), inset 0 1px 0 rgba(255,255,255,.18); transition:transform .25s ease, box-shadow .25s ease; } html.biz-dark .biz-head-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(239,3,3,.5), inset 0 1px 0 rgba(255,255,255,.25); color:#fff !important; } @media (max-width:991px){ html.biz-dark .biz-head-cta{ display:none; } } /* ============================================================ תפריט מובייל (drawer) — סגנון טכנולוגי כהה ============================================================ */ html.biz-dark .mobile-nav-wrapper{ background: rgba(10,10,14,.97) !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-left: 1px solid rgba(255,255,255,.08); box-shadow: -12px 0 44px rgba(0,0,0,.55) !important; } html.biz-dark .mobile-nav-wrapper .closemobileMenu{ background: rgba(255,255,255,.05) !important; color: rgba(255,255,255,.72) !important; border-bottom: 1px solid rgba(255,255,255,.08); text-transform: none; font-weight: 700; padding: 16px 20px !important; } html.biz-dark .mobile-nav-wrapper .closemobileMenu .an{ color:#fff !important; } html.biz-dark #MobileNav{ padding: 10px !important; margin:0; } html.biz-dark #MobileNav li{ border:none !important; list-style:none; } html.biz-dark #MobileNav > li > a{ color: rgba(255,255,255,.85) !important; font-weight: 600; font-size: 1rem; padding: 14px 16px !important; border-radius: 12px; display:block; transition: background .18s ease, color .18s ease; } html.biz-dark #MobileNav > li > a:hover, html.biz-dark #MobileNav > li > a:active{ background: rgba(255,255,255,.06) !important; color:#fff !important; } html.biz-dark #MobileNav ul{ background:transparent !important; padding: 4px 12px 8px 0 !important; margin:0; } html.biz-dark #MobileNav ul a, html.biz-dark #MobileNav .site-nav{ color: rgba(255,255,255,.6) !important; font-weight: 500; font-size: .92rem; padding: 11px 14px !important; border-radius: 10px; display:block; } html.biz-dark #MobileNav ul a:hover{ background: rgba(255,255,255,.05) !important; color:#fff !important; } /* תת-תפריט מוסתר כברירת מחדל; הפלטפורמה (purefuc.js) עושה slideToggle בלחיצה */ html.biz-dark #MobileNav .parent > ul{ display:none; } /* משאירים את ה-.an כ-click target (רוחב מלא) אבל מחביאים את ה-tofu */ html.biz-dark #MobileNav .parent > a .an{ font-size:0 !important; color:transparent !important; } /* אינדיקטור +/− על השורה עצמה; מתחלף לפי מצב פתוח (.an-minus-l) דרך :has() */ html.biz-dark #MobileNav .parent > a{ position:relative; } html.biz-dark #MobileNav .parent > a::after{ content:'+'; position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:20px; line-height:1; font-weight:400; color:rgba(255,255,255,.45); pointer-events:none; } html.biz-dark #MobileNav .parent > a:has(.an-minus-l)::after{ content:'\2212'; color:#ff5722; } /* קישור CTA תחתון */ html.biz-dark #MobileNav .bottom-link a{ background: linear-gradient(135deg,#ef0303,#ff5722) !important; color:#fff !important; text-align:center; border-radius: 999px; margin-top: 12px; font-weight:700; box-shadow: 0 8px 22px rgba(239,3,3,.32); } html.biz-dark #MobileNav .acLink{ border-top:1px solid rgba(255,255,255,.08); margin:8px 0; height:0; } /* ============================================================ שאלות נפוצות (details/summary) - עמוד השירותים כרטיס זכוכית תואם לערכי הכרטיסים בעמוד (rgba(255,255,255,.04)/.12/16px), ללא JS, נגיש ו-RTL. משתמש בטוקן --d-red של המותג לסימן ה-+/−. ============================================================ */ html.biz-dark .biz-faq{ max-width:760px; margin:44px 0 8px; } html.biz-dark .biz-faq > h2{ font-size:26px; margin:0 0 10px; } html.biz-dark .biz-faq .biz-faq-intro{ line-height:1.9; opacity:.9; margin:0 0 20px; } html.biz-dark .biz-faq details{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:0 22px; margin-bottom:14px; transition:border-color .2s ease; } html.biz-dark .biz-faq details[open]{ border-color:rgba(255,255,255,.18); } html.biz-dark .biz-faq summary{ cursor:pointer; list-style:none; padding:18px 0; font-weight:700; color:#fff; font-size:17px; line-height:1.5; display:flex; justify-content:space-between; align-items:center; gap:12px; } html.biz-dark .biz-faq summary::-webkit-details-marker{ display:none; } html.biz-dark .biz-faq summary::after{ content:'+'; color:var(--d-red); font-size:24px; font-weight:400; line-height:1; flex:0 0 auto; transition:transform .2s ease; } html.biz-dark .biz-faq details[open] summary::after{ content:'\2212'; } html.biz-dark .biz-faq details p{ margin:0; padding:0 0 20px; line-height:1.8; font-size:15px; opacity:.9; }