/**
 * Studio Performers Grid Component Styles
 * 
 * Minimal styling for the studio performers grid wrapper component.
 * Most styling is inherited from the base grid component.
 */

/* Studio Performers Grid Container */
.studio-performers-grid-container {
    /* Inherits most styles from grid-base.php */
}

/* Studio Performers Content Container */
.studio-performers-content-container {
    /* Inherits most styles from grid-base.php */
}

/* Ensure proper spacing and layout */
.studio-performers-grid-container .grid-section-header {
    /* Inherit header styles from grid-base */
}

.studio-performers-grid-container .search-container {
    /* Inherit search styles from grid-base */
}

/* Let JavaScript system handle all grid layout */
/* Removed hardcoded overrides to use the new JavaScript-based spacing system */

/* Mobile responsiveness is handled by the base grid component */
@media (max-width: 768px) {
    .studio-performers-grid-container {
        padding: 20px 15px !important;
        margin: 20px 0 !important;
    }
}

@media (max-width: 480px) {
    .studio-performers-grid-container {
        padding: 15px 10px !important;
        margin: 15px 0 !important;
    }
}
