/* Picks Page Specific Styles */
/* This file contains only picks-page specific styles that don't conflict with game_card.css */

/* Import the consolidated imports */
@import 'picks/_picks-animations.css';
@import 'picks/_picks-badges.css';
@import 'picks/_picks-buttons.css';
@import 'picks/_picks-cards.css';
@import 'picks/_picks-credits.css';
@import 'picks/_picks-forms.css';
@import 'picks/_picks-header.css';
@import 'picks/_picks-predictions.css';

/* Note: The following imports have been consolidated into game_card.css:
   - picks/_picks-edge-ai.css (Edge-AI highlighting)
   - picks/_picks-game-cards.css (Game card styling)
*/

/* Additional picks-specific utilities */
.picks-loading {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive adjustments specific to picks page */
@media (max-width: 768px) {
    .picks-page-header .d-flex {
        flex-direction: column;
        gap: 1rem;
    }
    
    #user-credit-status {
        width: 100%;
        justify-content: center;
    }
}