/* #wcfi-floating a{color:inherit;text-decoration:none;} */

/**
 * WhatsApp Floating Chat - Frontend Styles
 *
 * All styles are prefixed with 'wcfi-' to prevent conflicts with other themes and plugins.
 */

/* Main container for the floating icon */
#wcfi-container {
    position: fixed;
    bottom: 20px;
    z-index: 999999999999999999999999; /* High z-index to stay on top of other elements */
}

/* The link (<a>) element that wraps the icon */
#wcfi-container .wcfi-icon-link {
    /* The background-color is applied as an inline style from user settings */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: inherit;
    text-decoration: none;
    transition: transform 0.2s ease-in-out; /* Smooth hover effect */
z-index:9999999999;
}

/* A subtle zoom effect on hover */
#wcfi-container .wcfi-icon-link:hover {
    transform: scale(1.1);
}

/* The icon image (<img>) itself */
#wcfi-container .wcfi-icon-image {
    width: 70%;
    height: 70%;
}