/**
 * Team Members Showcase Widget
 * Main CSS file
 */


/* 
 * Module styles are loaded as WordPress dependencies instead of CSS imports.
 * This ensures proper loading in all environments.
 * See team-members-showcase-widget.php for the dependency registration.
 *
 * The actual module styles are in:
 * - modules/header.css
 * - modules/grid.css
 * - modules/animations.css
 */


/* Main widget styles */

.wf-team-members-showcase {
    padding: 2rem 0;
    width: 100%;
    overflow: hidden;
    /* Ensure animations don't create unwanted scrollbars */
    /* Performance optimizations */
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wf-team-members-showcase--hidden {
    display: none !important;
}


/* Optimize animation performance */

.wf-team-members-showcase * {
    backface-visibility: hidden;
}


/* Apply smooth animations */

@media (prefers-reduced-motion: no-preference) {
    .wf-team-members-showcase {
        /* Enable smoother animations when supported */
        transition: transform 0.2s ease;
    }
}