/* League Card Layout Styles */

/* Card wrapper for proper spacing */
.league-card-wrapper {
    padding: 0.75rem;
    margin-bottom: 1.5rem;
}

/* Ensure cards fill their container */
.league-card-wrapper .card {
    height: 100%;
    min-height: 500px;
}

/* Responsive adjustments */
@media (min-width: 768px) {
    .league-card-wrapper {
        padding: 1rem;
    }
}

@media (min-width: 992px) {
    .league-card-wrapper {
        padding: 1rem;
    }
}

/* Ensure proper card body spacing */
.league-card .card-body {
    padding: 1.25rem;
}

/* Ensure proper footer spacing */
.league-card .card-footer {
    padding: 1rem;
}

/* Fix for FlippySaysSimple width in cards */
.league-card .flippy-says-simple--card {
    width: 100%;
    box-sizing: border-box;
}

/* Ensure league name doesn't overflow */
.league-card .league-name {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Theme pill should not overflow */
.league-card .theme-pill {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding: 0.5rem 1.25rem;
}

/* Ensure detail items don't cause overflow */
.league-card .detail-item span {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Ensure format info items align properly */
.league-card .detail-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Better image aspect ratio - now in league-card-enhanced.css */
/* Removed to avoid conflicts with aspect-ratio setting */

/* Ensure buttons don't overflow */
.league-card .event-action-buttons {
    width: 100%;
    padding: 0 0.5rem;
}

.league-card .league-card-btn {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Dark mode adjustments */
[data-bs-theme="dark"] {
    .league-card-wrapper {
        /* Add subtle glow effect between cards in dark mode */
        filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.3));
    }
}