/* Shared styles for all league result display formats */
/* Used by: _DivisionalStrokePlayResults, _PoolBasedHandicapResults, _TeamEventResults, _LeagueEventResults */

/* Handicap display badge */
.handicap-badge {
    background-color: rgba(23, 162, 184, 0.15);
    color: var(--theme-info, #17a2b8);
    border: 1px solid rgba(23, 162, 184, 0.25);
    padding: 0.35rem 0.75rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    line-height: 1.2;
    min-height: 2.25rem;
}

.handicap-badge-icon {
    font-size: 0.9rem;
    margin-right: 0.25rem;
}

/* Score displays with stacked format */
.score-stacked {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
}

.score-total {
    font-size: 0.75rem;
    opacity: 0.7;
    font-weight: 400;
}

.score-relative {
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0.125rem;
}

/* Ensure all stat items have consistent height */
.stat-value-modern .score-display-modern,
.stat-value-modern .rating-pill,
.stat-value-modern .handicap-badge,
.stat-value-modern .winnings-display,
.stat-value-modern .no-buyin-pill {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 0.5rem;
}

/* Pool badge - only shown when multiple pools */
.pool-badge {
    background-color: var(--theme-surface-2, rgba(108, 117, 125, 0.1));
    color: var(--theme-text-secondary, #6c757d);
    border: 1px solid var(--theme-border-color, rgba(108, 117, 125, 0.2));
}

/* Dark mode overrides */
[data-bs-theme="dark"] .handicap-badge {
    background-color: rgba(23, 162, 184, 0.2);
    color: #5dd3e5;
    border-color: rgba(23, 162, 184, 0.4);
}

[data-bs-theme="dark"] .score-total {
    opacity: 0.6;
}

[data-bs-theme="dark"] .pool-badge {
    background-color: rgba(108, 117, 125, 0.2);
    color: var(--theme-text-secondary);
    border-color: rgba(108, 117, 125, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .handicap-badge,
    .stat-value-modern .score-display-modern {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
    
    .score-total {
        font-size: 0.7rem;
    }
    
    .score-relative {
        font-size: 1rem;
    }
}