/* Limme - unified floating contact buttons (right edge). Replaces myStickyElements (deactivated) + the two old Elementor floating icon widgets in the Footer Hebrew template. */ /* hide the old Elementor floating whatsapp (3e1c7ec) + phone (f3e55a5) widgets - these also carried the -672px offset that inflated the page scrollWidth */ .elementor-element-3e1c7ec, .elementor-element-f3e55a5 { display: none !important; } /* Kill site-wide horizontal shift. Off-screen a11y/skip links and full-bleed (calc(50% - 50vw)) sections push a few px past the viewport once a real scrollbar exists; clip removes the sideways scroll without becoming a scroll container (vertical scroll, sticky and fixed all keep working). */ html, body { overflow-x: clip; } /* the footer template has a transparent 20px top strip; over the white it shows as a white gap above the (always-dark) footer. Give the footer its own dark background so the strip is filled. */ [data-elementor-type="footer"], footer.elementor-location-footer { background-color: #06101a; } .limme-fab { position: fixed; right: 16px; bottom: 22px; z-index: 99990; display: flex; flex-direction: column; gap: 14px; align-items: center; } .limme-fab-btn { position: relative; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28); transition: transform .15s ease, box-shadow .2s ease; } .limme-fab-btn:hover { transform: scale(1.08); color: #fff; } .limme-fab-btn svg { width: 30px; height: 30px; fill: #fff; position: relative; z-index: 1; } /* viber - purple, glowing + wobbling like whatsapp (offset so they don't sync) */ .limme-fab-viber { background: #7360f2; box-shadow: 0 0 22px rgba(115, 96, 242, 0.6), 0 6px 18px rgba(0, 0, 0, 0.28); animation: limme-wa-wobble 2.8s ease-in-out infinite; animation-delay: .9s; } .limme-fab-viber::before { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgba(115, 96, 242, 0.55); animation: limme-viber-pulse 2s ease-out infinite; animation-delay: .9s; pointer-events: none; z-index: 0; } .limme-fab-viber:hover { animation-play-state: paused; } @keyframes limme-viber-pulse { 0% { box-shadow: 0 0 0 0 rgba(115, 96, 242, 0.55); } 70% { box-shadow: 0 0 0 18px rgba(115, 96, 242, 0); } 100% { box-shadow: 0 0 0 0 rgba(115, 96, 242, 0); } } /* phone - gold, matches the site */ .limme-fab-tel { background: linear-gradient(135deg, #e6bd60 0%, #c99f3c 100%); } .limme-fab-tel svg { width: 26px; height: 26px; } /* whatsapp - green, steady glow + pulsing ring + gentle wobble */ .limme-fab-wa { background: #25d366; box-shadow: 0 0 22px rgba(37, 211, 102, 0.6), 0 6px 18px rgba(0, 0, 0, 0.28); animation: limme-wa-wobble 2.8s ease-in-out infinite; } .limme-fab-wa::before { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); animation: limme-wa-pulse 2s ease-out infinite; pointer-events: none; z-index: 0; } .limme-fab-wa:hover { animation-play-state: paused; } @keyframes limme-wa-pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); } 70% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } @keyframes limme-wa-wobble { 0%, 100% { transform: rotate(0) scale(1); } 12% { transform: rotate(-10deg) scale(1.06); } 24% { transform: rotate(8deg) scale(1.06); } 36% { transform: rotate(-6deg); } 48% { transform: rotate(4deg); } 60% { transform: rotate(0); } } @media (max-width: 767px) { .limme-fab { right: 12px; bottom: 16px; gap: 12px; } .limme-fab-btn { width: 50px; height: 50px; } .limme-fab-btn svg { width: 26px; height: 26px; } .limme-fab-tel svg { width: 23px; height: 23px; } } @media (prefers-reduced-motion: reduce) { .limme-fab-wa, .limme-fab-wa::before { animation: none; } } /* ===== RTL phone fields (intl-tel-input) - flag + number on the RIGHT ===== high specificity (html body ...) to beat the plugin's own !important rules, which use the plain .iti__flag-container selector and load after us. */ html body .iti { width: 100%; } html body .iti--allow-dropdown .iti__flag-container, html body .iti--separate-dial-code .iti__flag-container, html body .iti__flag-container { left: auto !important; right: 0 !important; } html body .iti input, html body .iti input[type="tel"], html body .iti input[type="text"] { text-align: right !important; padding-right: 78px !important; padding-left: 12px !important; direction: ltr !important; /* digits read LTR, but sit on the right */ } /* the dial code / number glyphs stay LTR so +972 and digits read correctly */ html body .iti__selected-dial-code, html body .iti__selected-flag { direction: ltr; } /* homepage phone field carries an ID-level LTR override (#form-field-phoneid) that only an ID-level selector can beat */ html body #form-field-phoneid, html body input[id^="form-field-phone"] { text-align: right !important; padding-right: 78px !important; padding-left: 12px !important; direction: ltr !important; } /* booking-form panels: the customizer forces the flag left there - flip too */ html[lang="he-IL"] #panel-1 .phone_fields .iti--allow-dropdown .iti__flag-container, html[lang="he-IL"] #panel-2 .phone_fields .iti--allow-dropdown .iti__flag-container, html[lang="he-IL"] #panel-3 .phone_fields .iti--allow-dropdown .iti__flag-container { left: auto !important; right: 0 !important; }