/* ============================================================
   site-enhance.css — ערכת 50 שיפורים כלליים לכל האתרים
   נטען אחרי גיליון הסגנון הרגיל של כל אתר, כדי שלא ידרוס עיצוב קיים.
   כל הכללים כאן מבודדים תחת מחלקות se- / se-* כדי לא להתנגש
   בעיצוב המקורי של כל אתר.
   ============================================================ */

/* 1. קישור "דלג לתוכן" - נגיש למקלדת בלבד, מוצג רק בפוקוס */
.se-skip-link{
  position:fixed; top:-100px; right:14px; z-index:99999;
  background:#111; color:#fff; padding:10px 18px; border-radius:8px;
  font-size:14px; text-decoration:none; transition:top .2s ease;
}
.se-skip-link:focus{ top:14px; }

/* 2. מסגרת פוקוס ברורה למקלדת (ולא לעכבר) בכל מקום באתר */
.se-focus-visible :focus-visible{
  outline:2.5px solid #6a8dff !important;
  outline-offset:2px !important;
  border-radius:3px;
}

/* 5. גלילה חלקה לעוגנים פנימיים (מכבד prefers-reduced-motion) */
html.se-smooth{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html.se-smooth{ scroll-behavior:auto; }
}

/* 3+4. פס התקדמות קריאה + כפתור חזרה למעלה (רק אם לא קיימים כבר באתר) */
#se-progress{
  position:fixed; top:0; right:0; left:0; height:3px; z-index:99998;
  background:transparent; pointer-events:none;
}
#se-progress > i{
  display:block; height:100%; width:0%; background:currentColor;
  color:var(--se-accent, #6a8dff); transition:width .08s linear;
}
#se-top-btn{
  position:fixed; bottom:26px; inset-inline-end:26px; z-index:9997;
  width:44px; height:44px; border-radius:50%; border:none;
  background:#151515; color:#fff; font-size:17px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .25s, transform .25s, visibility .25s;
}
#se-top-btn.se-show{ opacity:1; visibility:visible; transform:translateY(0); }
#se-top-btn:hover{ filter:brightness(1.15); }

/* 6. חץ קטן ליד קישורים חיצוניים */
.se-focus-visible a[href^="http"].se-external::after{
  content:"↗"; font-size:.75em; margin-inline-start:3px; opacity:.65;
}

/* 8. עמוד ידידותי להדפסה */
@media print{
  .se-hide-print, header, nav, footer,
  #se-top-btn, #se-progress, .se-copy-btn, .se-call-btn,
  .float-btns, .cookie-bar, .qr-modal, .a11y-panel{ display:none !important; }
  body{ background:#fff !important; color:#000 !important; }
}

/* 15. הופעה הדרגתית בגלילה */
.se-reveal{ opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.se-reveal.se-visible{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion: reduce){
  .se-reveal{ opacity:1; transform:none; transition:none; }
}

/* 20. כפתורי העתקה קטנים ליד טלפון/מייל */
.se-copy-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; margin-inline-start:6px; border-radius:50%;
  border:1px solid currentColor; background:none; color:inherit;
  font-size:11px; cursor:pointer; opacity:.7; vertical-align:middle;
  transition:opacity .2s, transform .2s;
}
.se-copy-btn:hover{ opacity:1; transform:scale(1.08); }
.se-copy-btn.se-copied{ opacity:1; }

/* 17+18. הודעות טוסט כלליות (סטטוס רשת, אישורי העתקה וכו') */
#se-toast-wrap{
  position:fixed; bottom:22px; left:50%; transform:translateX(-50%);
  z-index:99999; display:flex; flex-direction:column; gap:8px; align-items:center;
  pointer-events:none;
}
.se-toast{
  background:#151515; color:#fff; padding:10px 18px; border-radius:999px;
  font-size:13.5px; box-shadow:0 8px 24px rgba(0,0,0,.3);
  opacity:0; transform:translateY(8px); transition:opacity .25s, transform .25s;
  max-width:88vw; text-align:center;
}
.se-toast.se-show{ opacity:1; transform:translateY(0); }

/* 22. טקסטאריה שמתרחבת אוטומטית */
textarea.se-autosize{ overflow:hidden; resize:none; }

/* 23. מונה תווים */
.se-char-count{ display:block; font-size:11.5px; opacity:.6; margin-top:4px; text-align:end; }
.se-char-count.se-near-limit{ color:#c0392b; opacity:1; }

/* 21. מצב טעינה לכפתור שליחה, מונע לחיצה כפולה */
button[type="submit"].se-submitting{ opacity:.65; pointer-events:none; }

/* 39. כפתור "התקשרו" צף במובייל, כשיש טלפון בעמוד */
#se-call-btn{
  position:fixed; bottom:26px; inset-inline-start:26px; z-index:9997;
  display:none; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:50%; border:none;
  background:#1f9d55; color:#fff; font-size:19px; text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
@media (max-width:640px){
  #se-call-btn.se-active{ display:flex; }
}

/* 26. תמונה שנכשלת בטעינה מקבלת רקע עדין במקום אייקון שבור */
img.se-img-fallback{
  background:linear-gradient(135deg,#eee,#e2e2e2);
  min-height:60px;
}

/* 36+37. הגבלת אנימציות כבדות בחיבור איטי / מצב חיסכון בנתונים */
html.se-save-data .se-reveal{ transition:none; opacity:1; transform:none; }

/* ============================================================
   סבב שני: שיפורים 51-100 + שכבת עיצוב נוספת
   ============================================================ */

/* 51. מצב כהה בסיסי (מוגן: לא דורס משתנים קיימים באתר, רק ברירת מחדל עדינה) */
html.se-dark body:not([style*="background"]){ }
html.se-dark{ color-scheme: dark; }

/* 52+53. מודאל תמונה כללי */
.se-lb-overlay{
  position:fixed; inset:0; z-index:100000; background:rgba(10,10,12,.92);
  display:none; align-items:center; justify-content:center;
}
.se-lb-overlay.se-show{ display:flex; }
.se-lb-img{ max-width:90vw; max-height:86vh; border-radius:4px; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.se-lb-close{
  position:absolute; top:18px; left:18px; width:38px; height:38px; border-radius:50%;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); color:#fff;
  font-size:16px; cursor:pointer;
}
.se-lb-nav{
  position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); color:#fff;
  font-size:22px; cursor:pointer;
}
.se-lb-prev{ right:18px; } .se-lb-next{ left:18px; }

/* 60. נקודות ניווט מקטעים */
.se-spy-nav{
  position:fixed; top:50%; inset-inline-end:20px; transform:translateY(-50%); z-index:80;
  display:flex; flex-direction:column; gap:10px;
}
.se-spy-dot{ width:7px; height:7px; border-radius:50%; background:#9993; border:none; cursor:pointer; padding:0; transition:.25s; }
.se-spy-dot.se-active{ background:var(--se-accent, #6a8dff); transform:scale(1.4); }

/* 61. תגית "חדש" */
.se-new-badge{
  display:inline-block; font-size:10px; font-weight:700; padding:2px 7px; border-radius:999px;
  background:#d4453e; color:#fff; margin-inline-start:6px; vertical-align:middle;
}

/* 63+64. גלילה אופקית עם הצמדה */
.se-scroll-snap{ scroll-snap-type:x proximity; overflow-x:auto; }
.se-scroll-snap > *{ scroll-snap-align:start; }
.se-scroll-snap.se-dragging{ cursor:grabbing; user-select:none; }

/* 66. הבהוב עדין ל-target */
.se-flash{ animation:seFlash 1.4s ease; }
@keyframes seFlash{ 0%{ background:rgba(212,184,95,.35); } 100%{ background:transparent; } }
@media (prefers-reduced-motion: reduce){ .se-flash{ animation:none; } }

/* 71. ריפל כפתורים */
.se-ripple{
  position:absolute; border-radius:50%; background:rgba(255,255,255,.5); pointer-events:none;
  width:12px; height:12px; margin:-6px; transform:scale(0); animation:seRipple .6s ease-out;
}
@keyframes seRipple{ to{ transform:scale(14); opacity:0; } }

/* 72. הטיה תלת-ממדית עדינה */
.se-tilt{ transition:transform .15s ease-out; will-change:transform; }

/* 74. קו תחתי מצויר בהדרגה בקישורי ניווט */
nav a{ position:relative; }
nav a::after{
  content:''; position:absolute; right:0; bottom:-2px; height:1.5px; width:0;
  background:currentColor; transition:width .25s ease;
}
nav a:hover::after, nav a:focus-visible::after{ width:100%; }

/* 75. טקסט גרדיאנט זהב */
.se-gradient-text{
  background:linear-gradient(90deg, #c9a24b, #eccf8a 50%, #c9a24b);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* 76. עיצוב ציטוט מעוטר */
blockquote{
  position:relative; margin:20px 0; padding:14px 34px; font-style:italic;
  border-inline-start:3px solid var(--se-accent, #ad8a3b); color:inherit; opacity:.92;
}
blockquote::before{
  content:'“'; position:absolute; top:-6px; right:6px; font-size:34px; opacity:.35;
  font-family:Georgia,serif;
}

/* 77. קו מפריד מעוטר */
hr{
  border:none; height:1px; margin:28px auto;
  background:linear-gradient(90deg, transparent, currentColor, transparent);
  opacity:.35; max-width:70%;
}

/* 78. פס גלילה דק בצבעי מותג (webkit) */
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(173,138,59,.45); border-radius:999px; }
::-webkit-scrollbar-thumb:hover{ background:rgba(173,138,59,.7); }

/* 79. צבע סימון טקסט */
::selection{ background:rgba(173,138,59,.35); color:inherit; }

/* 80. הופעה הדרגתית של העמוד בטעינה */
body{ animation:seBodyIn .35s ease; }
@keyframes seBodyIn{ from{ opacity:.001; } to{ opacity:1; } }
@media (prefers-reduced-motion: reduce){ body{ animation:none; } }

/* 81. תגי badge כלליים */
.se-badge{
  display:inline-flex; align-items:center; font-size:11px; font-weight:600;
  padding:3px 10px; border-radius:999px; background:rgba(173,138,59,.14);
  color:#8a6d2c; border:1px solid rgba(173,138,59,.35);
}

/* 82. mark בצבעי מותג */
mark{ background:rgba(212,184,95,.4); color:inherit; padding:0 2px; border-radius:2px; }

/* 83. טולטיפ נגיש */
[data-se-tooltip]{ position:relative; }
[data-se-tooltip]::after{
  content:attr(data-se-tooltip); position:absolute; bottom:calc(100% + 8px); left:50%;
  transform:translateX(-50%) translateY(4px); background:#151515; color:#fff; font-size:11.5px;
  padding:6px 10px; border-radius:6px; white-space:nowrap; opacity:0; pointer-events:none;
  transition:opacity .18s, transform .18s; z-index:9999;
}
[data-se-tooltip]:hover::after, [data-se-tooltip]:focus-visible::after{
  opacity:1; transform:translateX(-50%) translateY(0);
}

/* 84. שדות טופס מנוטרלים */
input:disabled, textarea:disabled, select:disabled, button:disabled{
  opacity:.55; cursor:not-allowed;
}

/* 85. טקסט רספונסיבי גמיש */
.se-fluid-text{ font-size:clamp(14px, 2.2vw, 20px); }

/* 86. כיתוב תמונה אחיד */
figure{ margin:0; }
figcaption{ font-size:12.5px; font-style:italic; opacity:.7; margin-top:6px; text-align:center; }

/* 87. ניגודיות גבוהה */
@media (prefers-contrast: more){
  a, button, .btn{ text-decoration:underline; }
  *{ border-color:currentColor !important; }
}

/* 91. כפתור העתקת קוד */
pre{ position:relative; }
.se-copy-code{
  position:absolute; top:8px; left:8px; font-size:11px; padding:4px 9px; border-radius:5px;
  background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.25); cursor:pointer;
}

/* 92. באנר עם סגירה */
[data-se-dismiss]{ position:relative; padding-inline-end:36px; }
.se-dismiss-btn{
  position:absolute; top:8px; inset-inline-end:8px; background:none; border:none;
  font-size:13px; opacity:.6; cursor:pointer; color:inherit;
}
.se-dismiss-btn:hover{ opacity:1; }

/* 96. פחות שקיפות */
@media (prefers-reduced-transparency: reduce){
  .se-toast, #se-shortcuts-panel, .se-lb-overlay{ backdrop-filter:none !important; opacity:1 !important; }
}

/* 97. עטיפת iframe רספונסיבית */
.se-iframe-wrap{ position:relative; width:100%; padding-top:56.25%; }
.se-iframe-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ============================================================
   סבב שלישי: שיפורים 101-150
   ============================================================ */

/* 101. תוכן עניינים */
.se-toc-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.se-toc-list a{ font-size:13px; color:inherit; text-decoration:none; opacity:.8; }
.se-toc-list a:hover{ opacity:1; text-decoration:underline; }

/* 102. קישור המשך קריאה */
.se-next-link{
  display:inline-block; margin-top:10px; font-weight:600; text-decoration:none;
  color:var(--se-accent, #ad8a3b); border-bottom:1px solid currentColor;
}

/* 107. פירורי לחם */
.se-breadcrumb{ font-size:12px; opacity:.7; display:flex; gap:6px; align-items:center; }
.se-breadcrumb a{ color:inherit; text-decoration:none; }
.se-breadcrumb a:hover{ text-decoration:underline; }

/* 108. סרגל השוואה */
.se-compare-bar{
  position:fixed; bottom:0; inset-inline:0; z-index:9996; background:#151515; color:#fff;
  text-align:center; padding:10px; font-size:13px; transform:translateY(100%);
  transition:transform .25s ease;
}
.se-compare-bar.se-show{ transform:translateY(0); }

/* 109+110. תקינות שדות בזמן אמת */
input.se-valid{ border-color:#2e8b57 !important; }
input.se-invalid{ border-color:#c0392b !important; }

/* 115. כפתור הקראה */
.se-readaloud-btn{
  display:inline-flex; align-items:center; gap:4px; font-size:12px; padding:5px 10px;
  border-radius:6px; border:1px solid currentColor; background:none; color:inherit;
  cursor:pointer; opacity:.8; margin-bottom:6px;
}
.se-readaloud-btn:hover{ opacity:1; }

/* 116. בקרת גודל גופן */
.se-fontsize-btn{
  border:1px solid currentColor; background:none; color:inherit; border-radius:4px;
  width:26px; height:26px; font-size:11px; cursor:pointer; margin-inline-end:4px;
}

/* 117. ניגודיות גבוהה ידנית */
html.se-high-contrast{ filter:contrast(1.25) saturate(1.1); }
html.se-high-contrast a, html.se-high-contrast button{ text-decoration:underline; }

/* 118. קו תחתון עדין לקישורי טקסט רץ */
.prose a{ text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; }

/* 121. יישור LTR למספרים/דוא"ל */
.se-ltr-num{ unicode-bidi:plaintext; direction:ltr; display:inline-block; }

/* 122. מניעת זום כפול בטעות במגע */
button, a, .btn, input, select, textarea{ touch-action:manipulation; }

/* 123. כפתור חזרה */
[data-se-back]{ cursor:pointer; }

/* 128. פוקוס בטוח לרכיבים מותאמים אישית */
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible{
  outline:2.5px solid #6a8dff; outline-offset:2px;
}

/* 129. eyebrow */
.se-eyebrow{ text-transform:uppercase; letter-spacing:2px; font-size:11px; font-weight:700; opacity:.75; }

/* 130. סטטיסטיקה */
.se-stat{ text-align:center; }
.se-stat .se-stat-num{ font-size:34px; font-weight:800; display:block; line-height:1.1; }
.se-stat .se-stat-label{ font-size:12px; opacity:.7; margin-top:4px; }

/* 131. ציטוט מודגש */
.se-pullquote{
  font-size:22px; font-weight:600; line-height:1.5; text-align:center; margin:28px auto;
  max-width:640px; position:relative; padding:0 10px;
}

/* 132. ציר זמן */
.se-timeline{ position:relative; padding-inline-start:24px; border-inline-start:2px solid rgba(173,138,59,.4); }
.se-timeline > *{ position:relative; margin-bottom:22px; }
.se-timeline > *::before{
  content:''; position:absolute; inset-inline-start:-30px; top:4px; width:9px; height:9px;
  border-radius:50%; background:var(--se-accent, #ad8a3b);
}

/* 133. הדגשת עמודת השוואה */
.se-table-highlight{ background:rgba(173,138,59,.08); font-weight:600; }

/* 134. אקורדיון */
[data-se-accordion] [data-se-accordion-trigger], [data-se-accordion] > :first-child{ cursor:pointer; }

/* 135. טאבים */
[data-se-tabs] [data-se-tab]{ cursor:pointer; }
[data-se-tabs] [data-se-tab][aria-selected="true"]{ font-weight:700; }

/* 140. מחוון השוואת תמונות */
.se-compare-wrap{ position:relative; overflow:hidden; }
.se-compare-wrap img{ display:block; width:100%; }
.se-compare-after{ position:absolute; top:0; left:0; }
.se-compare-handle{ position:absolute; bottom:10px; left:5%; width:90%; }

/* 141. צ'קליסט מדורג */
ul[data-se-checklist]{ list-style:none; padding:0; }
.se-check-item{ opacity:0; transform:translateX(10px); transition:opacity .4s ease, transform .4s ease; }
.se-check-item.se-visible{ opacity:1; transform:none; }
.se-check-item::before{ content:'✓ '; color:#2e8b57; font-weight:700; }
@media (prefers-reduced-motion: reduce){ .se-check-item{ opacity:1; transform:none; transition:none; } }

/* 142. חותמת הדפסה */
.se-print-stamp{ display:none; }
@media print{ .se-print-stamp{ display:block; text-align:center; font-size:10px; margin-top:20px; color:#555; } }

/* 144. כוכבית שדה חובה */
.se-required-mark{ color:#c0392b; }

/* 148. רשימת שלבים */
ol.se-steps{ counter-reset:se-step; list-style:none; padding:0; }
ol.se-steps > li{ counter-increment:se-step; position:relative; padding-inline-start:38px; margin-bottom:14px; }
ol.se-steps > li::before{
  content:counter(se-step); position:absolute; inset-inline-start:0; top:0; width:26px; height:26px;
  border-radius:50%; background:var(--se-accent, #ad8a3b); color:#fff; font-size:12px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}

/* 153. footer quick-contact form — validation states */
#footerLeadForm input.se-invalid, #footerLeadForm textarea.se-invalid{
  border-color:#e07d7d !important;
}
.se-footer-err{color:#e07d7d;font-size:12px;display:none;margin-top:6px;line-height:1.4;}
.se-footer-err.show{display:block;}