/* Tüm ikonların ortak özellikleri */
.icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    border-radius: 2px;
    vertical-align: middle;
    background-color: #1a1a1a;
    outline-offset: -1px;
}

/* ==========================================================================
   COLOR TYPE - ÇERÇEVE RENKLERİ (Hover olmadan doğrudan gözükür)
   ========================================================================== */

/* ID 0: No color (Standart İtem Grisi) */
.shaiya-no-color {
    outline: 1px solid #ffffff;
}

/* ID 1: Light Blue (Açık Mavi) */
.shaiya-light-blue {
    outline: 1px solid #4cc3ff;
}

/* ID 2: Dark Blue (Koyu Mavi) */
.shaiya-dark-blue {
    outline: 1px solid #0055cc;
}

/* ID 3: Green (Yeşil) */
.shaiya-green {
    outline: 1px solid #2ecc71;
}

/* ID 4: Yellow (Sarı) */
.shaiya-yellow {
    outline: 1px solid #f1c40f;
}

/* ID 5: Orange (Turuncu) */
.shaiya-orange {
    outline: 1px solid #e67e22;
}

/* ID 6: Light Purple (Açık Mor / Pembe-Mor arası) */
.shaiya-light-purple {
    outline: 1px solid #e056fd;
}

/* ID 7: Purple (Normal Mor) */
.shaiya-purple {
    outline: 1px solid #9b59b6;
}

/* ID 8: Dark Purple (Koyu Mor) */
.shaiya-dark-purple {
    outline: 1px solid #6c1fa7;
}
/* İtem ikonlarına özel (Örn: Hover olunca parlasın) */
.icon-items {
    background-image: url('../../assets/icons/01.webp');
    transition: box-shadow 0.2s ease;
}

/* Skill ikonları için farklı bir çerçeve rengi isterseniz */
.icon-skills {
    background-image: url('../../assets/icons/skills.webp');
    outline: 1px solid #2d1a04;
    box-shadow: inset 0 0 0 1px #8a5a16; /* Altınımsı/Turuncu çerçeve */
}