.elementor-kit-3802{--e-global-color-primary:#001B3F;--e-global-color-secondary:#FEFEFE;--e-global-color-text:#001B3F;--e-global-color-accent:#FE0000;--e-global-color-0607116:#8CBE48;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-3e93946-font-family:"Ella Sans";--e-global-typography-3e93946-font-size:1.2vw;--e-global-typography-3e93946-font-weight:100;--e-global-typography-00ccd83-font-family:"Ella Sans";--e-global-typography-00ccd83-font-size:1.2vw;--e-global-typography-00ccd83-font-weight:100;--e-global-typography-2b7e204-font-family:"Ella Sans";--e-global-typography-2b7e204-font-size:3vw;--e-global-typography-2b7e204-font-weight:600;--e-global-typography-2c47842-font-family:"Ella Sans";--e-global-typography-2c47842-font-size:2vw;--e-global-typography-2c47842-font-weight:400;}.elementor-kit-3802 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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-kit-3802{--e-global-typography-00ccd83-font-size:4vw;--e-global-typography-2b7e204-font-size:7vw;--e-global-typography-2c47842-font-size:7vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
    overflow-x: clip; /* עובד בדיוק כמו hidden אבל משפר ביצועים */
    overscroll-behavior-x: none; /* מונע בעיות גלילה באנדרואיד */
}

.woocommerce-product-details__short-description p,
.woocommerce-Tabs-panel p,
.elementor-widget-woocommerce-product-description p {
  margin-bottom: 0 !important;
  line-height: 1.4 !important; /* או כל ערך שמתאים לך */
}



.buttons1 .elementor-button-icon svg {
    height: auto;
    width: 2vw;
}
.buttons1 .elementor-button-text{
    padding: 0.3vw 0vw;
}

@media (max-width:767px){
   .buttons1 .elementor-button-icon svg {
    height: auto;
    width: 6.5vw;
}
.buttons1 .elementor-button-text{
    padding: 1vw 0vw;
}
}

/* ===== הגדלים שאת כבר משתמשת בהם (נשארים כמו שהם) ===== */
.buttons1 .elementor-button-icon svg { width: 2vw; height: auto; display:block; }
.buttons1 .elementor-button-text { padding: 0.3vw 0; }

@media (max-width:767px){
.buttons1 .elementor-button-icon svg { width: 6.5vw; height: auto; display:block; }
.buttons1 .elementor-button-text { padding: 1vw 0; }
}

/* ===== צבעי ה-hover (אותו אייקון, רק צבעים אחרים) ===== */
/* הגדירי כאן את צבעי ההובר שתרצי */
.buttons1{
  --hover-icon-main: #FFFFFF; /* צבע הצורה/סמלים בפנים */
  --hover-icon-bg:   #FE0000; /* צבע הרקע (למשל rect עם rx) */
}

/* בהובר – צובעים את כל חלקי ה-SVG בצבע הראשי */
.buttons1 .elementor-button:hover .elementor-button-icon svg *{
  fill: var(--hover-icon-main) !important;
}

/* אם יש רקע מרובע/מעוגל (rect) – צובעים אותו בצבע הרקע */
.buttons1 .elementor-button:hover .elementor-button-icon svg rect{
  fill: var(--hover-icon-bg) !important;
}

/* טיפ: אם יש עוד שכבות רקע (circle/polygon), אפשר להוסיף לפי הצורך:
.elementor-kit-3802 .elementor-button:hover .elementor-button-icon svg circle{ fill: var(--hover-icon-bg) !important; }
*/


.buttons1:hover {
    box-shadow: 2px 20px 6px 0 rgba(135, 135, 135, 0.00), 1px 13px 5px 0 rgba(135, 135, 135, 0.01), 1px 7px 4px 0 rgba(135, 135, 135, 0.03), 0 3px 3px 0 rgba(135, 135, 135, 0.04), 0 1px 2px 0 rgba(135, 135, 135, 0.05);
}

.buttons1 *{
    transition: 0.3s;
}



/* ===== כפתור שני: buttons2 ===== */
/* גדלי האייקון + פדינג טקסט (כמו בכפתור הראשון) */
.buttons2 .elementor-button-icon svg { width: 2vw; height: auto; display: block; }
.buttons2 .elementor-button-text { padding: 0.3vw 0; }

@media (max-width:767px){
  .buttons2 .elementor-button-icon svg { width: 6.5vw; height: auto; display: block; }
  .buttons2 .elementor-button-text { padding: 1vw 0; }
}

/* מעטפת האייקון – לא מוסיפות רווחים מיותרים */
.buttons2 .elementor-button .elementor-button-icon{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;         /* אין "פס" למטה */
  vertical-align: middle;
}

/* בהובר: מסתירות את האייקון המקורי (נשאר המקום שלו, אין קפיצה) */
.buttons2 .elementor-button:hover .elementor-button-icon > :is(svg,img,i){
  opacity: 0;
}

/* בהובר: מציירות את האייקון החדש בדיוק על אותו שטח */
.buttons2 .elementor-button:hover .elementor-button-icon::after{
  content: "";
  position: absolute;
  inset: 0;
  background: url('https://dev.sanopro.co.il/wp-content/uploads/2025/09/Group-285.svg') center / contain no-repeat;
  pointer-events: none;
  opacity: 1;
}

/* מעבר חלק (אופציונלי) */
.buttons2 .elementor-button .elementor-button-icon::after{ opacity: 0; transition: opacity .2s ease; }
.buttons2 .elementor-button:hover .elementor-button-icon::after{ opacity: 1; }
.buttons2:hover {
    box-shadow: 2px 20px 6px 0 rgba(135, 135, 135, 0.00), 1px 13px 5px 0 rgba(135, 135, 135, 0.01), 1px 7px 4px 0 rgba(135, 135, 135, 0.03), 0 3px 3px 0 rgba(135, 135, 135, 0.04), 0 1px 2px 0 rgba(135, 135, 135, 0.05);
}

.buttons2 *{
    transition: 0.3s;
}



/* עיצוב כל הסרגל */


/* עיצוב הרקע של הסרגל */


/* עיצוב ה"ידית" של הסרגל */


/* כאשר מרחפים עם העכבר על ה"ידית" */


/* קצוות הסרגל (optional, לא תמיד מופיעים) */


/* פינה בין סרגל אנכי לאופקי */


.grecaptcha-badge {
  visibility: hidden !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ella Sans';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://dev.sanopro.co.il/wp-content/uploads/2025/09/EllaSans-Thin-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Ella Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://dev.sanopro.co.il/wp-content/uploads/2025/09/EllaSans-Regular-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Ella Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dev.sanopro.co.il/wp-content/uploads/2025/09/EllaSans-Bold-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */