.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-5b340a1 *//* ================================================= */
/* 1. קונטיינר גלובלי (יישור אנכי ומיקום צף)          */
/* ================================================= */
.contact-icons-container {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 9999 !important; 
    
    /* Flexbox: המפתח ליישור אנכי */
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. עיצוב וצורה עגולה (כפייה מוחלטת) */
.floating-icon-item {
    /* ✨ הוספת מעבר חלק (Transition) לאפקט ריחוף */
    transition: transform 0.3s ease-in-out; 

    /* כפיית הצורה והגודל */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    width: 50px !important; 
    height: 50px !important;
    
    border-radius: 50% !important; /* העיגול */
    border: 1px solid transparent !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
    
    /* מרווחים (אנכי) */
    margin: 0 0 15px 0 !important; 
    padding: 0 !important;
}

/* ------------------------------------------------ */
/* ✨ 3. אפקט ריחוף (התרחבות) - המטרה הרצויה */
/* ------------------------------------------------ */
.floating-icon-item:hover {
    transform: scale(1.15) !important; /* מגדיל את האייקון ל-115% */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4) !important; /* מעמיק את הצל */
}

/* ------------------------------------------------ */
/* 4. צבע הרקע (התאמה ידנית) */
/* ------------------------------------------------ */
.floating-icon-item[href*="tel:"] {
    background-color: #38b4ff !important;
    border-color: #38b4ff !important;
}

.floating-icon-item[href*="mailto:"] {
    background-color: white !important; 
    border-color: #333 !important;
}

.floating-icon-item[href*="whatsapp.com"] {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
}

/* 5. צבע וגודל האייקון עצמו (ה-<i> tag) */
.floating-icon-item i {
    font-size: 24px !important;
    color: white !important; 
}

/* שינוי צבע לאייקון המייל */
.floating-icon-item[href*="mailto:"] i {
    color: #333 !important; 
}

/* קוד נוסף שאולי נדרש לדריסת קלאס מרובע (אם קיים) */
.elementor-shape-square .elementor-icon {
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS *//* זהו התיקון שאמור לפתור את בעיית הצורה המרובעת */
.elementor-shape-square .elementor-icon {
    border-radius: 50% !important;
}

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

/* קוד זה מכריח יישור אנכי, צורה עגולה וצבעים קבועים */
.contact-icons-container {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 9999 !important; 
    
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    margin: 0 !important;
    padding: 0 !important;
}

.floating-icon-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    width: 50px !important; 
    height: 50px !important;
    
    /* הצורה העגולה */
    border-radius: 50% !important; 
    border: 1px solid transparent !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
    
    margin: 0 0 15px 0 !important; 
    padding: 0 !important;
}


/* צבע הרקע (התאמה ידנית) */
.floating-icon-item[href*="tel:"] {
    background-color: #38b4ff !important;
    border-color: #38b4ff !important;
}

.floating-icon-item[href*="mailto:"] {
    background-color: white !important; 
    border-color: #333 !important;
}

.floating-icon-item[href*="whatsapp.com"] {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
}

/* צבע וגודל האייקון עצמו */
.floating-icon-item i {
    font-size: 24px !important;
    color: white !important; 
}

.floating-icon-item[href*="mailto:"] i {
    color: #333 !important; 
}/* End custom CSS */