/* ========================= TEXT ========================= */ .safir-text { max-height: 190px !important; overflow: hidden !important; position: relative; transition: max-height ۰.6s ease !important; } .safir-text.safir-open { max-height: 3000px !important; } .safir-text::after { content: ""; position: absolute; left: ۰; right: ۰; bottom: ۰; height: 60px; background: linear-gradient( to bottom, rgba(۲۵۵,۲۵۵,۲۵۵,۰), #ffffff ); pointer-events: none; } .safir-text.safir-open::after { display: none; } /* ========================= BUTTON ========================= */ .safir-btn { width: fit-content !important; max-width: fit-content !important; display: inline-flex !important; flex: ۰ ۰ auto !important; align-self: flex-start !important; background: #976D31 !important; color: #ffffff !important; border: 1px solid #976D31 !important; border-radius: 8px !important; padding: 10px 20px !important; cursor: pointer !important; transition: background-color ۰.3s ease, color ۰.3s ease, border-color ۰.3s ease !important; -webkit-tap-highlight-color: transparent !important; } /* Elementor داخلی */ .safir-btn a, .safir-btn .elementor-button { width: auto !important; max-width: fit-content !important; display: inline-flex !important; padding: ۰ !important; background: transparent !important; border: none !important; color: inherit !important; cursor: pointer !important; } /* ========================= HOVER ========================= */ .safir-btn:hover { background: #06223D !important; border-color: #06223D !important; color: #ffffff !important; } /* ========================= OPEN ========================= */ .safir-btn.safir-btn-open { background: transparent !important; color: #06223D !important; border-color: #06223D !important; } .safir-btn.safir-btn-open a, .safir-btn.safir-btn-open .elementor-button { background: transparent !important; color: #06223D !important; } /* ========================= MOBILE + TABLET ========================= */ @media (max-width: 1024px) { .safir-btn { touch-action: manipulation !important; -webkit-user-select: none !important; user-select: none !important; } .safir-btn a, .safir-btn .elementor-button { pointer-events: none !important; } } /* ========================= WIDTH ========================= */ .elementor-widget.safir-btn { width: fit-content !important; max-width: fit-content !important; flex: ۰ ۰ auto !important; } (function () { function initSafirButton() { document.addEventListener("click", function (e) { const button = e.target.closest(".safir-btn"); if (!button) return; e.preventDefault(); e.stopPropagation(); const text = document.querySelector(".safir-text"); if (!text) return; const isOpen = text.classList.toggle("safir-open"); button.classList.toggle( "safir-btn-open", isOpen ); button.textContent = isOpen ? "بستن مطالب" : "ادامه مطالب"; }, true); } if (document.readyState === "loading") { document.addEventListener( "DOMContentLoaded", initSafirButton ); } else { initSafirButton(); } })();