/*
 * Public-facing CSS for the Manus Sticky Button (Simplified) plugin.
 *
 * This CSS ensures the custom code (button/widget) is displayed as a sticky element
 * at the bottom center of the screen on all devices.
 */

#manus-sticky-button-simplified-container {
    position: fixed;
    bottom: 20px; /* Adjust as needed */
    /* Default to center if no specific position class is applied or for fallback */
    left: 50%;
    transform: translateX(-50%);
    right: auto; /* Ensure right is auto for default center */
    z-index: 9999; /* Ensure it's above other content */
}

/* Basic responsive adjustments (optional, depending on the custom code's own responsiveness) */
@media (max-width: 768px) {
    #manus-sticky-button-simplified-container {
        bottom: 15px; /* Slightly less prominent on smaller screens */
    }
}

/* Positioning classes */
.manus-sticky-button-position-left {
    left: 20px !important; /* Adjust as needed */
    right: auto !important;
    transform: translateX(0) !important;
}

.manus-sticky-button-position-center {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.manus-sticky-button-position-right {
    right: 20px !important; /* Adjust as needed */
    left: auto !important;
    transform: translateX(0) !important;
}