.elementor-kit-9{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FD7702;--e-global-typography-primary-font-family:"Manhattan";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"SimonaPro";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"SimonaPro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"SimonaPro";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:87vw;}.e-con{--container-max-width:87vw;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =================================================

   ORBIT BUTTON – BASE & MODIFIERS

================================================= */



/* ---------------------------------------------------------

   משתנים לאנימציה (CSS Houdini)

--------------------------------------------------------- */

@property --gradient-angle {

  syntax: '<angle>';

  initial-value: 0deg;

  inherits: false;

}



@property --paint-opacity {

  syntax: '<number>';

  initial-value: 0;

  inherits: false;

}



/* ---------------------------------------------------------

   קלאסים לקביעת מיקום ההתחלה (לשים באלמנטור יחד עם orbit-btn)

--------------------------------------------------------- */



/* 1. כפתור עגול - הנקודה והצבע מתחילים באמצע צד שמאל */

.orbit-btn-circle {

  --start-deg: 270deg;

  --start-dot: 75%;

}



/* 2. כפתור אליפסה - דורש אחוז גבוה יותר בגלל הרוחב */

.orbit-btn-ellipse {

  --start-deg: 270deg;

  --start-dot: 89%; /* <-- שיניתי כאן */

}

/* ---------------------------------------------------------

   עיצוב בסיס של הכפתור

--------------------------------------------------------- */



/* ---------- טקסט מעל הכל ---------- */

.orbit-btn .elementor-button-text {

  position: relative;

  z-index: 5;

}



/* ---------- בסיס הכפתור ---------- */

.orbit-btn .elementor-button-link {

  --bg: #181818;

  --b: 3px;

  --gap: 3px;

  --r: 999px;



  position: relative;

  border-radius: var(--r);

  overflow: visible;

}

/* ---------- מסגרת גרדיאנט (תיקון החיתוך השמאלי!) ---------- */
.orbit-btn .elementor-button-link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--b);

  --gradient-angle: 0deg;
  --paint-opacity: 0;

background:
    /* הגרדיאנט המסתובב - עם קצה רך */
    conic-gradient(
      from var(--start-deg),
      rgba(253, 119, 2, var(--paint-opacity)) 0deg,
      /* הטריק לריכוך: הצבע המלא עוצר 10 מעלות לפני הסוף (עם הגנה מבאגים) */
      rgba(253, 119, 2, var(--paint-opacity)) max(0deg, calc(var(--gradient-angle) - 10deg)),
      /* ומכאן הוא מתפוגג לשקיפות */
      transparent var(--gradient-angle),
      transparent 360deg
    ),
    /* גרדיאנט הרקע הסטטי */
    conic-gradient(
      from 270deg,
      #0D0D0D 0deg,
      #0D0D0D 160deg,
      #4A4A4A 205deg,
      #868686 245deg,
      #FFFFFF 285deg,
      #FCA801 320deg,
      #FD7702 360deg /* סגירה מלאה של המעגל */
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  pointer-events: none;
  transition: --paint-opacity 0.5s ease, --gradient-angle 0s 0.5s;
}


/* HOVER - הפעלת צביעת המסגרת */

.orbit-btn:hover .elementor-button-link::before {

  --gradient-angle: 360deg;

  --paint-opacity: 1;

  transition: --paint-opacity 0s, --gradient-angle 1.4s ease-in-out;

}



/* ---------- רקע פנימי ---------- */

.orbit-btn .elementor-button-link::after {

  content: "";

  position: absolute;

  inset: calc(var(--b) + var(--gap));

  border-radius: inherit;

  background: var(--bg);

  pointer-events: none;

}



/* =================================================

   ORBIT DOT (הנקודה + האנימציה)

================================================= */

.orbit-btn .elementor-button-icon {

  position: absolute;

  top: 0;

  left: 0;

  margin: 0 !important;

  z-index: 4;



  offset-path: inset(2px round 999px);

  offset-rotate: 0deg;

  transform: none; 



  /* הנקודה לוקחת את המיקום שלה מהקלאס הספציפי */

  offset-distance: var(--start-dot);

}



.orbit-btn .elementor-button-icon svg {

  width: 10px;

  height: 10px;

  filter: drop-shadow(0 0 4px rgba(253,119,2,.4));

}



/* האנימציה - פועלת אוטומטית לפי נקודת ההתחלה שהוגדרה */

.orbit-btn:hover .elementor-button-icon {

  animation: orbitOnce 1.4s ease-in-out forwards;

}



@keyframes orbitOnce {

  0% { offset-distance: var(--start-dot); }

  100% { offset-distance: calc(var(--start-dot) + 100%); }

}


/* =================================================
   התיקון הסופי - סנכרון מהירויות וזמן!
================================================= */

/* 1. מכריחים את הנקודה (העיגול) באליפסה לרוץ בקצב קבוע (linear) של 1.6 שניות */
.orbit-btn.orbit-btn-ellipse:hover .elementor-button-icon {
  animation: orbitOnce 1.6s linear forwards; 
}

/* 2. הגרדיאנט מקבל את אותו הזמן ואותו הקצב בדיוק */
.orbit-btn.orbit-btn-ellipse:hover .elementor-button-link::before {
  transition: --paint-opacity 0s; 
  animation: syncGradientAngle 1.6s linear forwards; 
}

/* 3. מפת התחנות המתמטית (עכשיו כשהם רצים באותו קצב, זה יעבוד מושלם) */
@keyframes syncGradientAngle {
  0%   { --gradient-angle: 0deg; }     
  
  /* --- מחזיקים את הגרדיאנט קצר מאוד בהתחלה שלא יציץ --- */
  6%   { --gradient-angle: 4deg; }     /* ירד מ-8 ל-2 */
  12%  { --gradient-angle: 15deg; }    /* ירד מ-20 ל-12 */
  18%  { --gradient-angle: 40deg; }    /* ירד מ-50 ל-40 */
  
  25%  { --gradient-angle: 90deg; }    /* חובה: אמצע למעלה! */
  39%  { --gradient-angle: 153deg; }   
  
  50%  { --gradient-angle: 180deg; }   /* חובה: אמצע ימין! */

  61%  { --gradient-angle: 207deg; }   
  75%  { --gradient-angle: 270deg; }   /* חובה: אמצע למטה! */
  
  /* --- סימטרי לסוף --- */
  82%  { --gradient-angle: 320deg; }   
  88%  { --gradient-angle: 348deg; }   
  94%  { --gradient-angle: 358deg; }   
  
  100% { --gradient-angle: 360deg; }   
}

/* =================================================
   תיקון "יציאה רכה" (Hover Out) לכפתור אליפסה
================================================= */
.orbit-btn.orbit-btn-ellipse .elementor-button-link::before {
  /* שומר על המסגרת שלא תיעלם בפתאומיות ביציאת עכבר, אלא תתפוגג ברכות */
  --gradient-angle: 360deg; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manhattan';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/Manhattan-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Manhattan';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/Manhattan-450.woff2') format('woff2');
}
@font-face {
	font-family: 'Manhattan';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/Manhattan-650.woff2') format('woff2');
}
@font-face {
	font-family: 'Manhattan';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/Manhattan-850.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SimonaPro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Regular.eot');
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Regular.woff2') format('woff2'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Regular.woff') format('woff'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SimonaPro';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Thin.eot');
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Thin.eot?#iefix') format('embedded-opentype'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Thin.woff2') format('woff2'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Thin.woff') format('woff'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'SimonaPro';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Black.eot');
	src: url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Black.eot?#iefix') format('embedded-opentype'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Black.woff2') format('woff2'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Black.woff') format('woff'),
		url('https://continental.ysdigital.co.il/wp-content/uploads/2026/01/SimonaPro-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */