/* Gaelic Codes Tag Styling */

/* Base tag styling for club-detail.php (Tailwind classes) */
.gaelic-code-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0.125rem;
}

.gaelic-code-tag i,
.gaelic-code-tag img {
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
}

.gaelic-code-tag i {
    font-size: 0.875rem;
}

/* Sport-specific colors for club-detail.php */
.gaelic-code-tag.football {
    background-color: #dcfce7;
    color: #166534;
}

.gaelic-code-tag.football i {
    color: #15803d;
}

.gaelic-code-tag.hurling {
    background-color: #f3e8ff;
    color: #7c3aed;
}

.gaelic-code-tag.hurling i {
    color: #7c3aed;
}

.gaelic-code-tag.lgfa {
    background-color: #fce7f3;
    color: #be185d;
}

.gaelic-code-tag.camogie {
    background-color: #fed7aa;
    color: #ea580c;
}

.gaelic-code-tag.rounders {
    background-color: #ccfbf1;
    color: #0f766e;
}

.gaelic-code-tag.handball {
    background-color: #dbeafe;
    color: #1e40af;
}

.gaelic-code-tag.handball i {
    color: #1e40af;
}

/* Sport badge styling for county.php and national.php */
.sport-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.sport-badge i,
.sport-badge img {
    width: 0.75rem;
    height: 0.75rem;
}

.sport-badge i {
    font-size: 0.75rem;
}

/* Sport-specific colors for county.php and national.php */
.sport-badge.football {
    background-color: #059669;
    color: white;
}

.sport-badge.hurling {
    background-color: #7c3aed;
    color: white;
}

.sport-badge.lgfa {
    background-color: #db2777;
    color: white;
}

.sport-badge.camogie {
    background-color: #f97316;
    color: white;
}

.sport-badge.rounders {
    background-color: #14b8a6;
    color: white;
}

.sport-badge.handball {
    background-color: #2563eb;
    color: white;
}

/* Sports codes container */
.sports-codes {
    margin-top: 0.75rem;
    padding: 0.5rem 0;
    margin-bottom: 0.75rem;
}

.sports-codes h3 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #bfdbfe;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .sports-codes h3 {
        font-size: 1rem;
    }
}

.sports-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

@media (min-width: 768px) {
    .sports-badges {
        gap: 0.75rem;
        margin: 0.5rem 0;
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .gaelic-code-tag {
        font-size: 0.75rem;
        padding: 0.2rem 0.6rem;
    }
    
    .sport-badge {
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
    }
}