.call-bar { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #019267; text-align: center; padding: 20px 0; font-family: 'Mahoor', sans-serif; z-index: 9999; transition: background-color 0.3s ease, opacity 0.3s ease; box-shadow: 0 0 10px rgba(0, 116, 30, 0.3); /* ← سایه‌ی ملایم سبز */ } .call-bar.hidden { opacity: 0; pointer-events: none; } .call-bar:hover { background-color: #fdfdfd; } .call-link { display: flex; justify-content: center; align-items: center; gap: 10px; color: white; text-decoration: none; font-size: 18px; font-weight: bold; transition: color 0.3s ease; } .call-bar:hover .call-link { color: #019267; } .call-icon { font-size: 26px; color: white; transition: color 0.3s ease; } .call-bar:hover .call-icon { color: #019267; } @media (max-width: 768px) { .call-link { font-size: 16px; } .call-icon { font-size: 24px; } } document.addEventListener('DOMContentLoaded', function () { function waitForFooterAndInit() { const callBar = document.querySelector('.call-bar'); const footer = document.querySelector('footer') || document.querySelector('.elementor-footer') || document.querySelector('.site-footer'); if (!callBar || !footer) { setTimeout(waitForFooterAndInit, 300); return; } function toggleCallBar() { const footerTop = footer.getBoundingClientRect().top; const windowHeight = window.innerHeight; if (footerTop < windowHeight) { callBar.classList.add('hidden'); } else { callBar.classList.remove('hidden'); } } window.addEventListener('scroll', toggleCallBar); window.addEventListener('resize', toggleCallBar); toggleCallBar(); } waitForFooterAndInit(); });