/**
 * Sticky Contact Button Styles
 * Handles the fixed positioning
 */

.sticky-contact-button {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	      width: 175px;
	height: 50px;
    border-radius: 16px;
    background-color: transparent;
	transform: translateY(20px);
	transition: opacity 0.3s ease, 
	            visibility 0.3s ease, 
	            transform 0.3s ease;
	
	/* Ensure button looks good */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	
	/* Remove any inherited margins */
	margin: 0 !important;
}



.sticky-contact-button .contact-icon {
		top: 0;
		margin-right: 8px;
	}
.sticky-contact-button a {
    background-color: #96694C;
    color: white;
}

.sticky-contact-button a:hover {
    background-color: #78543D;
}

.sticky-contact-button.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
	.sticky-contact-button {
		bottom: 1rem;
		right: 1rem;
		left: 30px;
		/* width: 75px; */
		max-width: 155px;
		margin-left: 40px;
	}
	.sticky-contact-button .contact-text {
		
	}
	.sticky-contact-button .contact-icon {
		top: 0;
		margin-right: 0;;
		display: none;
	}
	.sticky-contact-button .wp-block-button__link {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
	.sticky-contact-button {
		right: 1.5rem;
		bottom: 1.5rem;
		
	}
}

/* Ensure button is accessible and visible */
.sticky-contact-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	cursor: pointer;
}

/* Optional: Add a subtle pulse animation when appearing */
@keyframes stickyButtonPulse {
	0%, 100% {
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}
	50% {
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
	}
}

.sticky-contact-button.is-visible {
	animation: stickyButtonPulse 2s ease-in-out infinite;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.sticky-contact-button {
		transition: opacity 0.1s ease, visibility 0.1s ease;
		animation: none !important;
	}
	
	.sticky-contact-button.is-visible {
		transform: none;
	}
}