/**
 * Team Records Premium Template CSS
 * 
 * Team-specific styling for records lists with multi-line content support.
 * Uses shared components from box-base.css (.btfc-box, .btfc-box-header-underline, .btfc-records-grid)
 * 
 * RESPONSIVE BREAKPOINTS: Uses standardized values from breakpoints.css
 * - Mobile and smaller: max-width: 768px
 * - Small mobile only: max-width: 480px (changed from 576px)
 * 
 * @package BTFC_Stats
 */

/* ============================================================================
   SECTION 1: TEAM-SPECIFIC RECORD ITEM ALIGNMENT
   ============================================================================ */

.btfc-team-records-premium .btfc-record-item {
    align-items: flex-start; /* Top align for multi-line team records */
}

/* ============================================================================
   SECTION 2: TEAM CONTENT STRUCTURE (Multi-level text)
   ============================================================================ */

.btfc-record-details {
    flex: 1;
}

.btfc-record-main-text {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    margin-bottom: var(--space-1);
}

.btfc-record-sub-text {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    margin-bottom: var(--space-0-5);
}

.btfc-record-breakdown {
    font-size: var(--font-size-sm);
    color: var(--color-text-tertiary);
}

/* ============================================================================
   SECTION 3: TEAM-SPECIFIC VALUE STYLING
   ============================================================================ */

.btfc-team-records-premium .btfc-record-value {
    min-width: 80px; /* Narrower for team records with more content */
}

/* ============================================================================
   SECTION 4: RESPONSIVE ADJUSTMENTS
   ============================================================================ */

@media (max-width: 768px) {
    .btfc-team-records-premium {
        padding: var(--space-4);
    }
}

@media (max-width: 480px) {
    .btfc-team-records-premium .btfc-record-value {
        min-width: 60px;
    }
    
    .btfc-record-main-text {
        font-size: var(--font-size-base);
    }
    
    .btfc-record-sub-text {
        font-size: var(--font-size-sm);
    }
}