.elementor-kit-5{--e-global-color-primary:#101426;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#91D2D7;--e-global-color-accent:#FFC857;--e-global-color-c3e08d3:#D9D9D9;--e-global-color-66710b8:#F6F9FD;--e-global-typography-primary-font-family:"פולין";--e-global-typography-primary-font-size:1.2rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"פולין";--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"פולין";--e-global-typography-text-font-size:0.8rem;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"פולין";--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-font-weight:800;background-image:url("https://sarahhezi.co.il/wp-content/uploads/2025/09/רקע-1-scaled-e1764256849906.png");color:var( --e-global-color-primary );font-family:"פולין", Sans-serif;font-size:1.3em;font-weight:600;background-position:0px 0px;background-repeat:no-repeat;background-size:cover;overscroll-behavior:none;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{color:var( --e-global-color-primary );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"פולין", Sans-serif;font-size:1vw;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c3e08d3 );border-radius:70px 70px 70px 70px;padding:10px 30px 10px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{color:var( --e-global-color-primary );border-radius:88px 88px 88px 88px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--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 20px;--widgets-spacing-row:0px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1025px){.elementor-kit-5{background-attachment:scroll;}}@media(max-width:1024px){.elementor-kit-5{background-position:0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{background-position:0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. הגדרה גורפת לכל הכפתורים באתר */
.elementor-button {
    position: relative;
    overflow: hidden !important; /* חובה: חותך את האור שלא יברח החוצה */
    vertical-align: middle;
    z-index: 1; /* מכין את הקרקע לשכבות */
}

/* 2. יצירת האור (הברק) לכולם */
.elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%; /* מתחיל מחוץ לכפתור */
    width: 100%;
    height: 100%;
    
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.6), /* עוצמת האור */
        transparent
    );
    
    transform: skewX(-20deg); /* ההטיה */
    transition: 0s;
    pointer-events: none;
    z-index: -1; /* שם את האור מאחורי הטקסט כדי שהטקסט יהיה קריא */
}

/* 3. האנימציה לכולם */
.elementor-button:hover::after {
    left: 150%;
    transition: 0.7s ease; /* מהירות המעבר */
}

/* --- חלק 1: הגדרות בסיס לכפתור והברק --- */
.elementor-button {
    position: relative;
    overflow: hidden !important;
    vertical-align: middle;
    z-index: 1;
}

/* יצירת הברק */
.elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.6),
        transparent
    );
    
    transform: skewX(-20deg);
    transition: 0s;
    pointer-events: none;
    z-index: -1;
}

/* אנימציית הברק בהובר */
.elementor-button:hover::after {
    left: 150%;
    transition: 0.7s ease;
}

/* --- חלק 2: התוספת החדשה - שינוי צבע האייקון ללבן --- */

/* הגדרת המעבר החלק (כדי שהצבע לא "יקפוץ" אלא ישתנה בעדינות) */
.elementor-button .elementor-button-icon i,
.elementor-button .elementor-button-icon svg,
.elementor-button .elementor-button-icon svg path {
    transition: all 0.3s ease;
}

/* שינוי הצבע ללבן כשעוברים עם העכבר על הכפתור */
.elementor-button:hover .elementor-button-icon i {
    color: #ffffff !important; /* לאייקונים רגילים (FontAwesome) */
}

.elementor-button:hover .elementor-button-icon svg {
    fill: #ffffff !important; /* לאייקונים מסוג SVG */
    stroke: #ffffff !important; /* למקרה שהאייקון בנוי מקווים */
}

.elementor-button:hover .elementor-button-icon svg path {
    fill: #ffffff !important; /* גיבוי לאייקונים מורכבים */
}



/* ==================================================
   קוד הדר רספונסיבי לדסקטופ (כל סוגי המסכים והדפדפנים)
   ================================================== */

.glass-header {
    /* --- 1. עיצוב הזכוכית (תמיכה בכל הדפדפנים) --- */
    background-color: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); /* תמיכה בספארי/מק */
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    
    /* --- 2. מיקום ורספונסיביות חכמה --- */
    position: fixed !important; 
    top: 30px; /* המרחק מלמעלה */
    z-index: 99999 !important;

    /* הטריק לרספונסיביות: */
    width: 90% !important; /* במסכים רגילים יתפוס 90% מהרוחב */
    max-width: 1200px; /* במסכים ענקיים הוא יעצור ולא יימתח כמו גומי */
    
    /* --- 3. מירכוז מושלם (עובד בכל רזולוציה) --- */
    left: 50% !important; 
    transform: translateX(-50%) translateZ(0); /* ה-Z עוזר לביצועים בכרום */
    right: auto !important;
    margin: 0 !important;
    
    /* --- 4. מניעת גלילה ועיצוב נקי --- */
    transition: all 0.3s ease;
    -ms-overflow-style: none;  /* אקספלורר/אדג' */
    scrollbar-width: none;  /* פיירפוקס */
}

/* העלמת פס גלילה לכרום/ספארי */
.glass-header::-webkit-scrollbar {
    display: none;
}

/* --- הגדרות למצב גלילה (Sticky) בדסקטופ --- */
.elementor-sticky--effects.glass-header {
    background-color: rgba(255, 255, 255, 0.65) !important; /* הופך ללבן יותר בגלילה */
    top: 15px; /* עולה טיפה למעלה */
    
    width: 95% !important; /* מתרחב מעט כדי לתת תחושת שינוי */
    max-width: 1250px; /* גם כאן שומרים על גבול */
    
    transform: translateX(-50%) translateZ(0); /* שומר על האמצע */
    border-radius: 50px; /* שומר על הפינות העגולות */
}


@media (max-width: 767px) {
    .glass-header {
        /* --- קריטי: מאפשר לתפריט להיפתח החוצה --- */
        overflow: visible !important; 
        height: auto !important;
        
        /* עיצוב למובייל */
        width: 92% !important;
        top: 10px;
        border-radius: 25px; /* פינות קצת פחות עגולות בנייד */
    }

    /* עיצוב התפריט הנפתח שייראה יוקרתי */
    .elementor-nav-menu--dropdown {
        background-color: rgba(255, 255, 255, 0.95) !important; /* רקע חלבי */
        backdrop-filter: blur(15px);
        
        /* מירכוז ועיצוב הקופסה */
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: 15px;
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
        
        text-align: center !important; /* ממרכז את הטקסט */
    }

    /* מירכוז הקישורים עצמם */
    .elementor-nav-menu--dropdown a {
        justify-content: center !important;
    }
}

/* =================================================================
   MASTER GLASS HEADER - קוד רספונסיבי מלא (כל הדפדפנים והמכשירים)
   ================================================================= */

/* --- 1. הגדרות בסיס (דסקטופ וכללי) --- */
.glass-header {
    /* עיצוב הזכוכית - תמיכה בכל הדפדפנים */
    background-color: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); /* חובה לאייפון וספארי */
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    
    /* מיקום ועיצוב */
    position: fixed !important;
    top: 30px;
    z-index: 99999 !important;
    border-radius: 50px;
    
    /* מירכוז חכם לדסקטופ */
    width: 90% !important;
    max-width: 1200px;
    left: 50% !important;
    transform: translateX(-50%) translateZ(0); /* Z עוזר לביצועים באנדרואיד */
    right: auto !important;
    margin: 0 !important;
    
    transition: all 0.3s ease;
    
    /* מניעת גלילה בתוך ההדר בדסקטופ */
    overflow: hidden !important; 
}

/* מצב סטיקי (גלילה) בדסקטופ */
.elementor-sticky--effects.glass-header {
    background-color: rgba(255, 255, 255, 0.70) !important;
    top: 15px;
    width: 95% !important;
    transform: translateX(-50%) translateZ(0);
}

/* =================================================================
   2. התאמות למובייל וטאבלט (עד 1024px)
   כולל: אייפונים, גלקסי, שיאומי
   ================================================================= */

@media (max-width: 1024px) {
    .glass-header {
        /* מאפשר לתפריט להיפתח החוצה במובייל */
        overflow: visible !important; 
        height: auto !important;
        
        /* ניצול מקסימלי של הרוחב במובייל */
        width: 94% !important; 
        top: 10px; /* קרוב יותר לתקרה */
        border-radius: 20px; /* פינות פחות עגולות בנייד כדי לחסוך מקום */
        
        /* ריווח פנימי כדי שהלוגו לא יידבק לקצה */
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* --- שליטה על גודל הלוגו במובייל (קריטי!) --- */
    /* זה מונע מהלוגו להיות ענק ולדחוף את ההמבורגר החוצה */
    .glass-header img, 
    .glass-header svg {
        max-width: 110px !important; /* רוחב מקסימלי ללוגו במובייל */
        height: auto !important;
    }
}

/* =================================================================
   3. עיצוב התפריט הנפתח במובייל (החלק שנפתח)
   ================================================================= */

@media (max-width: 767px) {
    .elementor-nav-menu--dropdown {
        /* רקע זכוכית לתפריט עצמו */
        background-color: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px); /* לאייפון */
        
        /* עיצוב הקופסה */
        margin-top: 15px;
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 10px 40px rgba(0,0,0,0.15);
        
        /* מירכוז */
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
    }

    /* עיצוב הטקסטים בתפריט */
    .elementor-nav-menu--dropdown a {
        font-size: 16px !important; /* גודל פונט קריא */
        color: #333 !important; /* צבע כהה וברור */
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        justify-content: center !important;
    }
}

/* =================================================================
   4. התאמה למכשירים צרים במיוחד (iPhone Mini / SE / מכשירים ישנים)
   רוחב מסך: עד 360px
   ================================================================= */
@media (max-width: 360px) {
    .glass-header {
        width: 98% !important; /* כמעט כל הרוחב */
        top: 5px !important;
    }
    
    /* הקטנה נוספת של הלוגו למכשירים פיצפונים */
    .glass-header img, 
    .glass-header svg {
        max-width: 90px !important;
    }
    
    /* הקטנת כפתור ההמבורגר */
    .elementor-menu-toggle {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'פולין';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://sarahhezi.co.il/wp-content/uploads/2025/11/Polin-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'פולין';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sarahhezi.co.il/wp-content/uploads/2025/11/Polin-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'פולין';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://sarahhezi.co.il/wp-content/uploads/2025/11/Polin-Semibold.woff2') format('woff2');
}
@font-face {
	font-family: 'פולין';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://sarahhezi.co.il/wp-content/uploads/2025/11/Polin-Extrabold.woff2') format('woff2');
}
/* End Custom Fonts CSS */