/* 
 * Category Colors for KONI Aceh Website
 * This file defines consistent colors for news categories across the site
 */

/* Base category styling */
.posts__cat-label,
.btn-category,
.widget-popular-news__tag {
    display: inline-flex;
    align-items: center;
    color: white;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 8px;
    transition: all 0.25s ease;
    text-decoration: none;
}

.posts__cat-label:hover,
.btn-category:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    color: white;
    text-decoration: none;
}

/* Category counter badge styling */
.category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.25);
    color: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    margin-left: 8px;
    transition: all 0.25s ease;
}

/* Define category colors */

/* General categories */
.category-berita,
.category-news,
.category-umum {
    background-color: #2c7be5; /* Blue */
}

.category-event,
.category-acara {
    background-color: #e63757; /* Red */
}

.category-prestasi,
.category-achievement {
    background-color: #42ba96; /* Green */
}

.category-kompetisi,
.category-competition {
    background-color: #f5803e; /* Orange */
}

.category-atlet,
.category-athlete {
    background-color: #6e4ff5; /* Purple */
}

/* Sports-specific categories */
.category-sepakbola,
.category-football,
.category-soccer {
    background-color: #00b8d9; /* Teal */
}

.category-basket,
.category-basketball {
    background-color: #f6c343; /* Yellow */
}

.category-bulu-tangkis,
.category-bulutangkis,
.category-badminton {
    background-color: #39afd1; /* Light Blue */
}

.category-voli,
.category-volleyball {
    background-color: #d63384; /* Pink */
}

.category-renang,
.category-swimming {
    background-color: #0acf97; /* Mint */
}

.category-atletik,
.category-athletics {
    background-color: #727cf5; /* Indigo */
}

.category-tinju,
.category-boxing {
    background-color: #fa5c7c; /* Coral */
}

.category-tenis,
.category-tennis {
    background-color: #ffbc00; /* Amber */
}

.category-bola-voli,
.category-bolavoli {
    background-color: #0168fa; /* Royal Blue */
}

.category-senam,
.category-gymnastics {
    background-color: #10b759; /* Emerald */
}

.category-karate {
    background-color: #3a3b45; /* Dark Gray */
}

.category-taekwondo {
    background-color: #fd7e14; /* Dark Orange */
}

.category-pencak-silat,
.category-pencaksilat,
.category-silat {
    background-color: #6f42c1; /* Violet */
}

.category-judo {
    background-color: #17a2b8; /* Cyan */
}

.category-panahan,
.category-archery {
    background-color: #20c997; /* Teal */
}

.category-dayung,
.category-rowing {
    background-color: #6c757d; /* Gray */
}

/* Add more sports categories as needed */

/* Default category colors for any unspecified categories */
.category-default,
.posts__cat-label:not([class*="category-"]),
.btn-category:not([class*="category-"]),
.widget-popular-news__tag:not([class*="category-"]) {
    background-color: #1892ed; /* Default blue */
}

/* Helper JavaScript function to apply category colors dynamically */