/* Contact Widget Position Fix for Mobile Devices */

/* Default position (already in main CSS) */
.contact-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}

/* Adjust position for mobile devices */
@media screen and (max-width: 767px) {
    .contact-widget {
        bottom: 70px; /* Move it higher on mobile */
    }
    
    /* Adjust the content popup position as well */
    .contact-widget-content {
        bottom: 75px; /* Keep the same relative position to the button */
    }
    
    /* Make the button slightly smaller on mobile for better proportions */
    .contact-widget-toggle {
        width: 55px;
        height: 55px;
    }
}

/* Adjust for very small screens */
@media screen and (max-width: 360px) {
    .contact-widget {
        bottom: 85px; /* Even higher on very small screens */
        right: 20px; /* Slightly closer to the edge */
    }
    
    /* Make the popup narrower on small screens */
    .contact-widget-content {
        width: 280px;
    }
}