.elementor-kit-7{--e-global-color-primary:#7D4C8A;--e-global-color-secondary:#CB5098;--e-global-color-text:#29262B;--e-global-color-accent:#F2910C;--e-global-color-ldlinen:#F3ECE1;--e-global-color-ldwhite:#FFFDF8;--e-global-color-ldlime:#95C11F;--e-global-color-ldteal:#13AEBB;--e-global-color-ldblue:#1A9BD7;--e-global-color-ldpurpled:#5E3569;--e-global-color-ldpurplel:#C9A2D6;--e-global-color-ldpeach:#FFD39A;--e-global-color-ldpink:#F8D9EC;--e-global-typography-primary-font-family:"danidim";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"danidim";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"polin";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"polin";--e-global-typography-accent-font-weight:700;background-color:#F3ECE1;font-family:"polin", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* =====================================================================
   Kit Custom CSS (Site Settings → Custom CSS), כמו באתרים של מירי
   מחליפים רק את המשתנים בבלוק הראשון לצבעי המותג.
   ===================================================================== */

:root{
  --btn-bg: var(--e-global-color-primary);   /* צבע הכפתור המלא (spin2-btn) */
  --btn-text: #ffffff;                        /* צבע טקסט בכפתור המלא */
  --btn-slide: var(--e-global-color-secondary); /* צבע המילוי שמחליק ב-slide-btn */
}

/* מניעת גלילה אופקית. clip ולא רק hidden, כדי ש-sticky ו-pin ימשיכו לעבוד */
html, body {
  overflow-x: hidden;
  overflow-x: clip;
}

/* אנימציית כניסה איטית לאלמנטים (מוסיפים קלאס animated-slow לאלמנט) */
.animated-slow { animation-duration: 2s; }


/* =====================================================================
   spin2-btn: כפתור מלא, קפסולת טקסט + עיגול אייקון שמסתובב ב-hover
   באלמנטור: Button עם אייקון, CSS Classes = spin2-btn
   ===================================================================== */
.spin2-btn .elementor-button{
  display:inline-flex;
  align-items:stretch;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:999px;
  overflow:hidden;
  font-size:0.9rem;
}

/* עוטף התוכן */
.spin2-btn .elementor-button .elementor-button-content-wrapper{
  display:inline-flex;
  align-items:center;
  gap:5px; /* המרווח בין אייקון לטקסט */
}

/* חלק האיקון – עיגול */
.spin2-btn .elementor-button .elementor-button-icon{
  --icon-size: 2.5vw; /* גודל העיגול */
  background:var(--btn-bg);
  color:var(--btn-text);
  width:var(--icon-size);
  height:var(--icon-size);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 var(--icon-size);
  transition:all .3s ease;
  margin:0 !important;
}

.spin2-btn .elementor-button .elementor-button-icon i,
.spin2-btn .elementor-button .elementor-button-icon svg{
  font-size:1rem; /* גודל האייקון */
  line-height:1;
  fill:currentColor;
}

/* סיבוב האייקון בריחוף (רק בכפתורי spin, לא בכל כפתור באתר) */
.spin2-btn .elementor-button:hover .elementor-button-icon{
  transform: rotate(-35deg);
}

/* חלק הטקסט – קפסולה */
.spin2-btn .elementor-button .elementor-button-text{
  background:var(--btn-bg);
  color:var(--btn-text);
  padding-block:0.7vw;   /* גובה */
  padding-inline:1.7vw;  /* רוחב */
  border-radius:2.5vw;
  display:inline-flex;
  align-items:center;
  line-height:1;
  transition:all .3s ease;
  margin-inline:-0.3rem; /* חיבור עדין לעיגול */
  font-size:1.1vw;
}

/* === טאבלט === */
@media (max-width:1024px){
  .spin2-btn .elementor-button .elementor-button-icon{ --icon-size: 4.5vw; }
  .spin2-btn .elementor-button .elementor-button-text{
    padding-block:1.2vw;
    padding-inline:3vw;
    border-radius:4vw;
    font-size:1.1vw;
  }
}

/* === מובייל === */
@media (max-width:767px){
  .spin2-btn .elementor-button .elementor-button-icon{ --icon-size: 30px; }
  .spin2-btn .elementor-button .elementor-button-text{
    padding-block:8px;
    padding-inline:20px;
    border-radius:999px;
    font-size:15px;
  }
  .spin2-btn .elementor-button .elementor-button-content-wrapper{ gap:4px; }
}


/* =====================================================================
   spin-btn / spin3-btn: אותו מבנה, רק קו מתאר (בלי רקע)
   spin-btn = קו לבן (על רקע כהה) · spin3-btn = קו שחור (על רקע בהיר)
   ===================================================================== */
.spin-btn  { --stroke: #ffffff; }
.spin3-btn { --stroke: #000000; }

.spin-btn .elementor-button,
.spin3-btn .elementor-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:999px;
  overflow:visible;
  font-size:0.9rem;
  color:var(--stroke);
}

.spin-btn .elementor-button .elementor-button-content-wrapper,
.spin3-btn .elementor-button .elementor-button-content-wrapper{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* חלק האיקון – עיגול */
.spin-btn .elementor-button .elementor-button-icon,
.spin3-btn .elementor-button .elementor-button-icon{
  --icon-size: 2.5vw;
  position:relative;
  width:var(--icon-size);
  height:var(--icon-size);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 var(--icon-size);
  border-radius:50%;
  margin:0 !important;
  z-index:2;
  transition:transform .3s ease;
}

/* ציור הקו של העיגול */
.spin-btn .elementor-button .elementor-button-icon::before,
.spin3-btn .elementor-button .elementor-button-icon::before{
  content:"";
  position:absolute;
  inset:0;
  border:1.5px solid var(--stroke);
  border-radius:50%;
  box-sizing:border-box;
}

/* האייקון עצמו */
.spin-btn .elementor-button .elementor-button-icon i,
.spin-btn .elementor-button .elementor-button-icon svg,
.spin3-btn .elementor-button .elementor-button-icon i,
.spin3-btn .elementor-button .elementor-button-icon svg{
  font-size:1rem;
  line-height:1;
  color:var(--stroke);
  fill:var(--stroke);
  position:relative;
  z-index:3;
}

/* חלק הטקסט – קפסולה */
.spin-btn .elementor-button .elementor-button-text,
.spin3-btn .elementor-button .elementor-button-text{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-block:0.7vw;
  padding-inline:1.7vw;
  font-size:1.1vw;
  border-radius:2.5vw;
  color:var(--stroke);
  line-height:1;
  transition:all .3s ease;
  margin-inline:-0.3rem;
  z-index:2;
}

/* ציור הקו של הקפסולה */
.spin-btn .elementor-button .elementor-button-text::before,
.spin3-btn .elementor-button .elementor-button-text::before{
  content:"";
  position:absolute;
  inset:0;
  border:1.5px solid var(--stroke);
  border-radius:3vw;
  box-sizing:border-box;
  pointer-events:none;
}

/* סיבוב האייקון בריחוף */
.spin-btn .elementor-button:hover .elementor-button-icon,
.spin3-btn .elementor-button:hover .elementor-button-icon{
  transform:rotate(-20deg);
}

@media (max-width:1024px){
  .spin-btn .elementor-button .elementor-button-icon,
  .spin3-btn .elementor-button .elementor-button-icon{ --icon-size: 4.5vw; }
  .spin-btn .elementor-button .elementor-button-text,
  .spin3-btn .elementor-button .elementor-button-text{
    padding-block:1.2vw; padding-inline:3vw; border-radius:4vw; font-size:1.1vw;
  }
}
@media (max-width:767px){
  .spin-btn .elementor-button .elementor-button-icon,
  .spin3-btn .elementor-button .elementor-button-icon{ --icon-size: 30px; }
  .spin-btn .elementor-button .elementor-button-text,
  .spin3-btn .elementor-button .elementor-button-text{
    padding-block:8px; padding-inline:20px; border-radius:999px; font-size:15px;
  }
}


/* =====================================================================
   rise-btn: טקסט שעולה ומתחלף ב-hover (הגרסה הישנה של spin-btn, בית גבריאלוס)
   הטקסט החדש נכתב ב-content של ::before, אז משנים אותו לכל כפתור
   ===================================================================== */
.rise-btn .elementor-button{ position:relative; overflow:hidden; }

/* הטקסט שעולה במעבר עכבר */
.rise-btn .elementor-button::before{
  content:"להזמנת מקום"; /* תוכן הטקסט העולה */
  position:absolute;
  top:4vw;    /* מוסתר במצב רגיל */
  right:2vw;  /* שוליים מימין */
}

/* משך זמן האנימציה */
.rise-btn .elementor-button-text,
.rise-btn .elementor-button-icon,
.rise-btn .elementor-button::before{ transition:all .3s; }

/* טקסט המקור עולה למעלה */
.rise-btn .elementor-button:hover .elementor-button-text{ transform:translateY(-2vw); }
/* הטקסט החדש נכנס */
.rise-btn .elementor-button:hover::before{ top:0.8vw; }

@media (max-width:1024px){
  .rise-btn .elementor-button::before{ top:6vw; right:3vw; }
  .rise-btn .elementor-button:hover .elementor-button-text{ transform:translateY(-4vw); }
  .rise-btn .elementor-button:hover::before{ top:1.5vw; }
}
@media (max-width:767px){
  .rise-btn .elementor-button::before{ top:40px; right:25px; }
  .rise-btn .elementor-button:hover .elementor-button-text{ transform:translateY(-40px); }
  .rise-btn .elementor-button:hover::before{ top:12px; }
}


/* =====================================================================
   slide-btn: רקע שמחליק מימין ב-hover, והרווח בין טקסט לאייקון גדל (LawGuard)
   ===================================================================== */
.slide-btn .elementor-button{ position:relative; overflow:hidden; }
.slide-btn .elementor-button::before{
  content:'';
  position:absolute;
  inset:0;
  background-color:var(--btn-slide);
  transform:translateX(100%);
  z-index:0;
}
.slide-btn .elementor-button-text,
.slide-btn .elementor-button-icon{ position:relative; z-index:1; }
.slide-btn .elementor-button-content-wrapper,
.slide-btn .elementor-button::before{ transition:all .3s; }
.slide-btn .elementor-button:hover::before{ transform:translateX(0); }
.slide-btn .elementor-button:hover .elementor-button-content-wrapper{ gap:2em !important; }


/* =====================================================================
   kaftor: כפתורים ברוחב קבוע. במובייל שורה אחת שגוללת לצדדים (MCITY)
   הקלאס הולך על הקונטיינר שמכיל את הכפתורים
   ===================================================================== */
.kaftor .elementor-button{ width:11.5vw; justify-content:center; display:inline-flex; white-space:nowrap; }

@media (max-width:767px){
  .kaftor,
  .kaftor > .e-con-inner{
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .kaftor::-webkit-scrollbar,
  .kaftor > .e-con-inner::-webkit-scrollbar{ display:none; }
  .kaftor .elementor-widget-button{ flex:0 0 150px !important; scroll-snap-align:start; }
  .kaftor .elementor-button{ width:150px; }
}


/* =====================================================================
   טופס: הכפתור לפני תיבת ההסכמה בדסקטופ, ובמובייל הסדר הרגיל
   (בכל האתרים. אפשר להגביל לטופס אחד עם הקלאס TOFES)
   ===================================================================== */
.elementor-form .elementor-field-group .elementor-field,
.elementor-form .elementor-field-subgroup label{ font-size:13px; }

.elementor-field-type-acceptance{ order:2; }
.elementor-form .elementor-button{ order:1; }

@media (max-width:767px){
  .elementor-field-type-acceptance{ order:1; }
}


/* =====================================================================
   עזרים קטנים שחוזרים
   ===================================================================== */

/* אייקון שמסתובב לאט כל הזמן (חותמת / לוגו עגול). קלאס: spin-slow */
.spin-slow{ animation:spin 19s linear infinite; }
@keyframes spin{ 100%{ transform:rotate(360deg); } }

/* אייקון בתוך icon-box שיורד קצת (MCITY). קלאס: icon-up */
.icon-up .elementor-icon-box-icon .elementor-icon{ transform:translateY(1vw); }
@media (max-width:767px){
  .icon-up .elementor-icon-box-icon .elementor-icon{ transform:translateY(15px); }
}

/* כרטיס זכוכית מעל תמונה. קלאס: blur */
.blur{ backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }

/* פס תמונות שזז ברצף (Image Carousel עם autoplay, speed גבוה, autoplay speed 0). קלאס: marquee */
.marquee .elementor-image-carousel{ transition-timing-function:linear !important; }
.marquee{ pointer-events:none; direction:rtl; } /* בלי גרירה, תזוזה מימין לשמאל */

/* גלריה ממוקדת: השקופית הבאה קטנה ומטושטשת (מרום). קלאס: focus-gallery */
.focus-gallery .swiper-slide{ transition:all .5s; }
.focus-gallery .swiper-slide-active + .swiper-slide{ transform:scale(.8); filter:blur(3px); opacity:.5; }
.focus-gallery .elementor-swiper-button{
  background:var(--e-global-color-primary);
  border-radius:50%;
  padding:1vw;
  transition:all .5s;
}
.focus-gallery .elementor-swiper-button:hover{ background:var(--e-global-color-secondary); scale:1.1; }

/* תמונות פוסט עם פינות מעוגלות ב-Posts / Loop */
.round-thumbs .elementor-post__thumbnail__link,
.round-thumbs img{ border-radius:20px; overflow:hidden; display:block; }

/* icon-box שהאייקון שלו מסתובב ב-hover (LawGuard). קלאס: spin-box על וידג'ט Icon Box */
.spin-box,
.spin-box .elementor-icon-box-icon,
.spin-box .elementor-icon-box-icon svg{ transition:all .5s; }
.spin-box .elementor-icon-box-icon{ padding:1vw; margin-top:-2vw; display:flex; align-items:center; justify-content:center; align-self:center; }
.spin-box:hover .elementor-icon-box-icon{ transform:rotate(100deg) scale(1.1); }
.spin-box:hover .elementor-icon-box-icon svg{ transform:rotate(-90deg); } /* האייקון עצמו נשאר כמעט ישר */


/* =====================================================================
   סטודיו לודה — תכשיטים שאין להם הגדרה באלמנטור (רק צורה, בלי גדלים של טקסט)
   כל השאר (גדלים, צבעים, ריפודים, פינות) מוגדר בווידג'טים ובקונטיינרים עצמם
   ===================================================================== */

/* מרקם פשתן עדין על רקע הגוף (צבע הרקע עצמו מוגדר ב-Site Settings → Background) */
body{
  background-image:repeating-linear-gradient(0deg,rgba(41,38,43,.025) 0 1px,transparent 1px 3px),
                   repeating-linear-gradient(90deg,rgba(41,38,43,.02) 0 1px,transparent 1px 4px);
}

/* tefer: תפר מקווקו בתוך קונטיינר עם רקע (טלאי). הפינות של הקונטיינר מוגדרות באלמנטור */
.tefer{ position:relative; isolation:isolate; overflow:hidden; }
.tefer::after{
  content:""; position:absolute; inset:9px; pointer-events:none; z-index:4;
  border:2px dashed rgba(255,255,255,.62);        /* צבע התפר על רקע צבעוני */
  border-radius:calc(2em - 9px);                   /* פינות התפר = פינות הטלאי פחות המרווח */
}
.tefer-dark::after{ border-color:rgba(41,38,43,.22); } /* תפר כהה על רקע בהיר */

/* zigzag: שוליים של מספרי זיגזג למעלה ולמטה (קונטיינר / תמונה) */
.zigzag{
  --z:18px; /* גודל השן */
  -webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) 51% repeat-x,
               conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) 51% repeat-x;
          mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--z) 51% repeat-x,
               conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) 51% repeat-x;
}

/* tagit: צורת תגית מחיר תלויה (על וידג'ט Text Editor). הצבע (Advanced → Background), הריפוד והטקסט מוגדרים בווידג'ט */
.tagit{
  width:auto;
  clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);
  -webkit-mask:radial-gradient(circle 3.5px at 11px 50%,#0000 97%,#000);
          mask:radial-gradient(circle 3.5px at 11px 50%,#0000 97%,#000);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'danidim';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Danidin-Black.woff2') format('woff2'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Danidin-Black.woff') format('woff'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Danidin-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'danidim';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Danidin-SemiBold.woff2') format('woff2'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Danidin-SemiBold.woff') format('woff'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Danidin-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'polin';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Polin-Regular.woff2') format('woff2'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Polin-Regular.woff') format('woff'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Polin-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'polin';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Polin-Bold.woff2') format('woff2'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Polin-Bold.woff') format('woff'),
		url('https://luda-studio.ussl.nl/wp-content/uploads/2026/10/Polin-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */