.elementor-57213 .elementor-element.elementor-element-b11f8e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57213 .elementor-element.elementor-element-4bbd4e5{background-color:#FAFE2E;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:8px 8px 8px 8px;border-color:#FAFE2E;border-radius:12px 12px 12px 12px;}.elementor-57213 .elementor-element.elementor-element-4bbd4e5 pre, .elementor-57213 .elementor-element.elementor-element-4bbd4e5 code, .elementor-57213 .elementor-element.elementor-element-4bbd4e5 .line-numbers .line-numbers-rows{font-size:22px;}.elementor-57213 .elementor-element.elementor-element-95873a4{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:#000000;}.elementor-57213 .elementor-element.elementor-element-2b44763{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-57213 .elementor-element.elementor-element-95873a4.elementor-element{--order:2;}.elementor-57213 .elementor-element.elementor-element-95873a4{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:750px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-57213 .elementor-element.elementor-element-95873a4{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for code-highlight, class: .elementor-element-4bbd4e5 *//* -------------------------------------- */
/* CSS להדגשת קוד - תיקון נראות כפתור העתקה קבועה והדגשת שורות */
/* -------------------------------------- */

/* 0. ודא שה-toolbar תמיד גלוי, ולא רק בהובר על בלוק הקוד */
.elementor-widget-code-highlight .code-toolbar {
    opacity: 1 !important;
    visibility: visible !important;
    /* וודא שהמיקום שלו קבוע ולא תלוי בהובר הורה */
    position: absolute; /* או 'relative' אם זה מפריע לפריסה */
    top: 5px; /* מרווח מהקצה העליון */
    right: 5px; /* מרווח מהקצה הימני */
    /* חשוב: ייתכן שתצטרך להתאים את top/right בהתאם למיקום הרצוי */
}


/* 1. רקע בלוק הקוד וטקסט לבן מלא */
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php {
    background-color: #000000 !important; /* רקע שחור עמוק לכל הבלוק */
    padding: 15px !important; /* ריפוד פנימי */
    border-radius: 5px; /* פינות מעוגלות */
    overflow: auto; /* מאפשר גלילה במידת הצורך */
}

/* ודא שכל הטקסט (כולל טוקנים של סימון תחביר) ומספרי השורות לבנים לגמרי */
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php code,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php .token,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php .line-numbers-rows span {
    color: #ff0096 !important; /* צבע טקסט לבן מוחלט */
    opacity: 1 !important; /* וודא ללא שקיפות */
}

/* 2. כפתור ה-COPY - צהוב זוהר קבוע */
.elementor-widget-code-highlight .code-toolbar .toolbar-item button {
    /* מאפייני נראות קריטיים! */
    display: inline-block !important; /* ודא שהוא מוצג כאלמנט בלוק/שורה */
    visibility: visible !important; /* ודא שהוא נראה */
    opacity: 1 !important; /* ודא שקיפות מלאה */

    /* עיצוב הצבע והגבולות */
    background-color: #ffff00 !important; /* צהוב זוהר */
    color: #000000 !important; /* טקסט שחור על הכפתור */
    border: 1px solid #ffff00 !important; /* גבול צהוב */
    border-radius: 5px !important;
    
    /* ריפוד וגודל גופן */
    padding: 5px 10px !important;
    font-size: 15px !important;
    
    /* אפקטים וטרנזיציות */
    box-shadow: 0 0 8px #ffff00; /* זוהר קבוע קל */
    transition: all 0.3s ease; /* מעבר חלק לאפקט הובר */
    cursor: pointer;
}

/* 3. כפתור ה-COPY - ורוד זוהר בהובר */
.elementor-widget-code-highlight .code-toolbar .toolbar-item button:hover {
    background-color: #ff0096 !important; /* ורוד זוהר */
    color: #ffffff !important; /* טקסט לבן בהובר */
    border-color: #ff0096 !important; /* גבול ורוד */
    box-shadow: 0 0 10px #ff0096, 0 0 20px #ff0096; /* זוהר ורוד חזק יותר */
    transform: translateY(-1px); /* אפקט קל של "קפיצה" */
}

/* 4. הדגשת שורות הטקסט בורוד זוהר (לשורות 7, 11, 18, 95) */
/* חשוב: ודא שהאפשרות "הדגש שורות" מופעלת באלמנטור ומספרי השורות מוזנים (לדוגמה: 7,11,18,95) */

/* סלקטור ראשי להדגשת שורות ספציפיות */
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="7"],
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="11"],
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="18"],
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="95"] {
    position: relative !important; /* חיוני למיקום ה-::before */
    background-color: transparent !important; /* ודא שהרקע המקורי לא מפריע */
    border-left: none !important; /* נבטל את הגבול ברירת המחדל אם יש */
}

/* הפסאודו-אלמנט שמייצר את האפקט הזוהר */
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="7"]::before,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="11"]::before,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="18"]::before,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="95"]::before {
    background-color: rgba(255, 0, 150, 0.25) !important; /* רקע ורוד חצי שקוף */
    border-left: 3px solid #ff0096 !important; /* פס ורוד זוהר בצד שמאל */
    content: ''; /* חיוני ל-pseudo-elements */
    position: absolute !important; /* מיקום אבסולוטי ביחס לאלמנט האב [data-line] */
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important; /* מכסה את רוחב השורה */
    height: 100% !important; /* מכסה את גובה השורה */
    z-index: -1 !important; /* ודא שהוא מאחורי הטקסט */
    box-shadow: 0 0 10px rgba(255, 0, 150, 0.7), 0 0 20px rgba(255, 0, 150, 0.5) !important; /* אפקט זוהר */
}

/* אופציונלי: התאמת צבע הטקסט בתוך השורות המודגשות אם הוא לא נראה טוב על הרקע הורוד */
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="7"] .token,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="11"] .token,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="18"] .token,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="95"] .token,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="7"] code,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="11"] code,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="18"] code,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php [data-line="95"] code {
    color: #ff0096
    !important; /* לדוגמה, טקסט לבן מוחלט על הרקע הורוד */
}


/* 5. עיצוב מספרי השורות - קו מפריד ורקע */
.elementor-widget-code-highlight .line-numbers-rows {
    border-right: 1px solid #9ffeba !important; /* קו הפרדה בצד ימין */
    background-color: #000000 !important; /* רקע שחור זהה לבלוק הקוד */
}

/* 6. תיקון רווח שמאלי עבור מספור שורות (אם יש בעיות יישור) */
.elementor-widget-code-highlight pre.line-numbers {
    padding-left: 3.8em !important; 
}

/* 7. וודא שאין סגנונות סותרים נוספים על Prism.js */
/* זהו סלקטור כללי לטיפול בסגנונות ברירת מחדל של Prism אם יש קונפליקט */
.elementor-widget-code-highlight .token.comment,
.elementor-widget-code-highlight .token.prolog,
.elementor-widget-code-highlight .token.doctype,
.elementor-widget-code-highlight .token.cdata {
    color: #a0a0a0 !important; /* לדוגמה, צבע אפור להערות אם רוצים */
}

.prismjs-default :not(pre)>code[class*=language-], .prismjs-default pre[class*=language-] {
    background: #000000;
}

/* הסרת הצללת טקסט שעלולה להקשות על הקריאה */
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php code,
.elementor-widget-code-highlight pre.highlight-height.line-numbers.language-php .token {
    text-shadow: none !important; /* מבטל כל הצללת טקסט */
}

/* לוודא שאין הצללה לבנה גם ב-dark theme (במידה וזו הבעיה) */
.prismjs-dark code[class*=language-],
.prismjs-dark pre[class*=language-] {
    text-shadow: none !important;
}

/* לוודא שאין הצללה לבנה ב-default theme (זו כנראה הסיבה העיקרית) */
.prismjs-default code[class*=language-],
.prismjs-default pre[class*=language-] {
    text-shadow: none !important;
}/* End custom CSS */