/**
 * Players List Template - Premium A-Z Version CSS
 * 
 * This template uses a custom color scheme: #2d398c (deep blue) and #FFC10C (vibrant yellow/gold)
 * Features: Modern layout with custom color palette, advanced search and filtering options
 * 
 * RESPONSIVE BREAKPOINTS: Uses standardized values from breakpoints.css
 * - Mobile and smaller: max-width: 768px
 * - Small mobile only: max-width: 480px
 * 
 * @package BTFC_Stats
 */

/* ============================================================================
   SECTION 1: BASE CONTAINER & LAYOUT
   ============================================================================
   Description: Container uses .btfc-container-responsive from breakpoints.css (max-width: 1200px)
   ============================================================================ */

/* ============================================================================
   SECTION 2: SEARCH STYLES
   ============================================================================
   Description: All search components (.btfc-search, .search-input, .search-icon,
   .search-container, .btfc-search-results-count) are provided by shared 
   search-base.css - no custom styles needed!
   ============================================================================ */

/* ============================================================================
   SECTION 3: PLAYERS GRID LAYOUT
   ============================================================================
   Description: Grid layout uses .btfc-grid-reverse-3col from breakpoints.css (3→2→1 columns)
   Grid behavior (display:grid, columns) comes from breakpoints.css
   Note: Player card component (.btfc-box-player-card) styling is in box-base.css
   ============================================================================ */

/* Player cards in grid - ensure they don't override grid layout */
.btfc-grid-reverse-3col .btfc-box-player-card {
    width: auto;
    max-width: none;
}

/* ============================================================================
   SECTION 4: NO RESULTS MESSAGE
   ============================================================================
   Description: Empty state display shown when no players match the current
   search and filter criteria
   ============================================================================ */

.btfc-no-results {
    /* Base box styles provided by .btfc-box .btfc-box-clean */
    text-align: center;
    padding: var(--space-20) var(--space-5);
    color: var(--color-text-secondary);
}

.btfc-no-results h3 {
    color: var(--color-primary);
    margin-bottom: var(--space-4);
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
}

.btfc-no-results p {
    font-size: var(--font-size-md);
    opacity: var(--opacity-80);
}

/* ============================================================================
   SECTION 5: RESPONSIVE DESIGN
   ============================================================================
   Description: Media queries for tablet and mobile devices. Adjusts layout,
   typography, and component spacing for optimal viewing
   Note: Player card responsive styling is in box-base.css
   ============================================================================ */
@media (max-width: 768px) {
    /* Container padding handled by .btfc-container-responsive from breakpoints.css */
    /* Grid behavior handled by .btfc-grid-reverse-3col from breakpoints.css */
    /* Player card responsive handled by .btfc-box-player-card in box-base.css */
}

@media (max-width: 480px) {
    /* Container padding handled by .btfc-container-responsive from breakpoints.css */
    /* Grid behavior handled by .btfc-grid-reverse-3col from breakpoints.css */
}