/**
 * Floating Contact Buttons - Стили
 */

/* Кнопка звонка в мобильной и ПК версии */
    
    /* Основные стили для кнопок */
    .floating-button {
        position: fixed;
        width: 63px;
        height: 63px;
        border-radius: 50%;
        background: #038a41;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        z-index: 998;
        transition: all 0.3s ease;
    }

    .floating-button img {
        width: 30px;
        height: 30px;
        filter: brightness(0) invert(1);
        transition: all 0.3s ease;
    }

    .floating-button:hover {
        transform: scale(1.1);
    }

    /* Анимация покачивания */
    @keyframes shake {
        0%, 50%, 100% {
            transform: rotate(0deg);
        }
        10%, 30% {
            transform: rotate(-10deg);
        }
        20%, 40% {
            transform: rotate(10deg);
        }
    }

    .floating-button.shake {
        animation: 1.2s ease-in-out 0s normal none infinite running shake;
    }

    /* Стили для меню социальных кнопок */
    .social-menu {
        position: fixed;
        right: 20px;
        bottom: 115px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s ease;
        pointer-events: none;
        z-index: 998;
    }

    .social-menu.visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .social-button {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        transition: all 0.2s ease;
    }

    .social-button:hover {
        transform: scale(1.1);
        cursor: pointer;
    }

    .social-button img {
        width: 25px;
        height: 25px;
        transition: transform 0.15s ease;
    }

    /* Цвета и иконки для разных кнопок */
    .call-button {
        background: #038a41;
    }

    .call-button img, .max-button img, .whatsapp-button img {
        filter: brightness(0) invert(1);
    }

    .max-button {
        background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
    }
									
    /* Иконка мессенджера MAX */
    .max-messenger-icon {
        background-image: linear-gradient(71deg, #3ab6fc -8%, #7129de 100%);
    }

    .telegram-button {
        background: #039be5;
    }

    .vk-button {
        background: #4d76a1;
    }
    
    .whatsapp-button {
        background: #25D366;
    }

    .elementor-html #mainButton {
        animation: none !important;
    }

    /* Адаптация для десктопов */
    @media (min-width: 1024px) {
        .floating-button {
            right: 40px;
            bottom: 40px;
        }

        .social-menu {
            right: 40px;
            bottom: 120px;
        }
		       
		.callButtonPC {
            right: 75px;
        }
		
		.callButtonMobile {
            display: none;
            visibility: hidden;
        }
    }

	/* Адаптация для мобильных */
    @media (max-width: 768px) {
        .floating-button {
	        left: 20px;
			bottom: 20px;
		}
		
		.callButtonPC {
            display: none;
            visibility: hidden;
        }
		
        .social-menu {
  	        left: 20px;
    	    bottom: 100px;
  		}
	}