/**
Theme Name: Tsukinuke Theme
Template: jinr
Author: Gouter.
Author URI: https://gouter.works
Version: 1.00
*/

/* カテゴリをタグ風にスタイル */
#postTagBox.a--post-tag {
    display: inline-block;
    margin-bottom: 10px;
    
    a {
        display: inline-block;
        background-color: #f8f9fa;
        color: #495057;
        text-decoration: none;
        padding: 4px 12px;
        border-radius: 16px;
        font-size: 0.875rem;
        font-weight: 500;
        border: 1px solid #e9ecef;
        transition: all 0.2s ease;
        
        &._5 {
            color: white;
            background-color: #006d4d;
        }
        
        &._8 {
            color: white;
            background-color: #d9333f;
        }
        
        &._7 {
            color: white;
            background-color: #e66a4f;
        }
        
        &._9 {
            color: white;
            background-color: #ca7a2c;
        }
        
        &._10 {
            color: white;
            background-color: #2980af;
        }
        
        &._11 {
            color: white;
            background-color: #5654a2;
        }
        
        &._12 {
            color: white;
            background-color: #007e66;
        }
        
        &._13 {
            color: white;
            background-color: #db536b;
        }
        
        &._14 {
            color: white;
            background-color: #85916d;
        }
        
        &._15 {
            color: white;
            background-color: #007f89;
        }
        
        &:hover {
            /*background-color: #e9ecef;
            color: #212529;
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
            opacity: 0.7;
        }
        
        .jif {
            margin-right: 4px;
            font-size: 0.75rem;
        }
    }
    
    /* カテゴリ別の色分け（オプション） */
    &.tag-news a {
        background-color: #e3f2fd;
        color: #1976d2;
        border-color: #bbdefb;
        
        &:hover {
            background-color: #bbdefb;
            color: #0d47a1;
        }
    }
}