/* CSS مربوط به پاپ آپ و دکمه شناور */
#floatingButton { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background-color: #7138f9; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 1000; font-size: 24px; animation: pulse 1s infinite; transition: background 0.3s ease; }
#contactPopup { position: fixed; bottom: 80px; right: 20px; width: 300px; max-width: 90%; background-color: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); display: none; flex-direction: column; z-index: 999; opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease, bottom 0.4s ease; overflow: hidden; padding: 15px; box-sizing: border-box; }
#contactPopup.open { display: flex; opacity: 1; transform: translateY(0); bottom: 80px; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 990; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; }
.overlay.active { opacity: 1; visibility: visible; }
@keyframes pulse { 0% { box-shadow:0 0 0 0 rgba(0,175,251,0.6); } 50% { box-shadow:0 0 0 12px rgba(0,175,251,0); } 100% { box-shadow:0 0 0 0 rgba(0,175,251,0); } }

#contactPopup .contact-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 15px;
}

#contactPopup .contact-info i
{
    margin-left: 10px;
    color: #7138f9;
    font-size: 1.2em;
    width: 25px;
    text-align: center;
}

#contactPopup .contact-info p {
    margin: 0;
    flex-grow: 1;
    font-weight: 800;
}

#contactPopup .contact-info p:last-child {
    margin-right: 5px;
}

.contact-info .fa-phone, .contact-info .fa-mobile{color:#e53935 !important}
.contact-info .fa-whatsapp{color:#25D366 !important}
.contact-info .fa-telegram{color:#0088cc !important}
.contact-info .fa-instagram{color:#E4405F !important}
.contact-info .fa-map, .contact-info .fa-map-marker-alt{color:#C20A0A !important}
.contact-info .fa-comment-dots{color:#EF8321 !important}

#contactPopup .close-btn {
    background: #7138f9;
    border: none;
    color: #fff;
    border-radius: 40px;
    cursor: pointer;
    padding: 7px 10px 8px 10px;
    line-height: 1;
}

@media (max-width: 768px) {
    #floatingButton {
        bottom: 74px;
        right: 11px;
        width: 46px;
        height: 47px;
        font-size: 20px;
    }
}