/**
 * Public-facing styles for Muster Plugin
 * These styles only load when a shortcode is present on the page
 */

/* General container styles */
.muster-public-container {
    margin: 20px 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Responsive utility classes */
.muster-responsive {
    width: 100%;
    overflow-x: auto;
}

/* Animation for tool elements */
.muster-fade-in {
    animation: musterFadeIn 0.5s ease-in;
}

@keyframes musterFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}