/* İçerikte otomatik linklenen Minecraft eşyaları + hover bilgi kartı.
   Base = LIGHT (site varsayılanı data-theme="light"); dark override hemen altında. */

/* Otomatik linklenen eşya: karakter otomatik-linkiyle (.brawler-link) aynı dil — kendi ayırt
   edici rengi + kesik alt çizgi, böylece yazarın elle koyduğu linkten ayrılır. Renk aracın yeşili.
   ⚠️ !important şart: site.css:1825'teki genel gece-modu kuralı 6 sınıf özgüllüğünde
   ([data-theme="dark"] a:not(...)x5) ve buradaki rengi mercan kırmızısına çeviriyor;
   özgüllük yarışıyla kazanılmıyor. */
a.mc-link {
    color: #4b7a33 !important;
    text-decoration: none !important;
    font-weight: 600;
    border-bottom: 1px dashed rgba(90, 143, 61, .55) !important;
}

a.mc-link:hover {
    color: #3d6529 !important;
    border-bottom-style: solid !important;
}

[data-theme="dark"] a.mc-link {
    color: #9ed37f !important;
    border-bottom-color: rgba(158, 211, 127, .5) !important;
}

[data-theme="dark"] a.mc-link:hover { color: #b7e39c !important; }

/* ---------------------------------------------------------------- hover kartı */

.mcl-pop {
    position: absolute;
    z-index: 9999;
    width: 290px;
    max-width: calc(100vw - 16px);
    padding: 12px 14px;
    border-radius: 12px;
    background: #ffffff;
    color: rgba(18, 24, 38, .95);
    border: 1px solid rgba(0, 0, 0, .10);
    box-shadow: 0 14px 40px rgba(0, 0, 0, .18);
    font-size: .86rem;
    line-height: 1.5;
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .13s ease, transform .13s ease;
}

.mcl-pop.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

[data-theme="dark"] .mcl-pop {
    background: #1b2028;
    color: rgba(255, 255, 255, .94);
    border-color: rgba(255, 255, 255, .13);
    box-shadow: 0 14px 40px rgba(0, 0, 0, .5);
}

.mcl-pop-head { display: flex; align-items: center; gap: 11px; }

.mcl-pop-img {
    width: 48px;
    height: 48px;
    image-rendering: pixelated;
    flex: 0 0 48px;
}

.mcl-pop-name { font-weight: 700; font-size: .95rem; line-height: 1.25; }

.mcl-pop-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }

.mcl-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    background: rgba(90, 143, 61, .13);
    color: #4b7a33;
    white-space: nowrap;
}

[data-theme="dark"] .mcl-tag { background: rgba(124, 184, 95, .18); color: #9ed37f; }

/* Üretilemeyen eşya: rozet nötr renkte, "yapılabilir" izlenimi vermesin. */
.mcl-tag-muted { background: rgba(0, 0, 0, .06); color: rgba(18, 24, 38, .6); }
[data-theme="dark"] .mcl-tag-muted { background: rgba(255, 255, 255, .09); color: rgba(255, 255, 255, .6); }

.mcl-pop-mats {
    margin: 10px 0 0;
    color: rgba(18, 24, 38, .66);
    font-size: .8rem;
    line-height: 1.5;
}

[data-theme="dark"] .mcl-pop-mats { color: rgba(255, 255, 255, .64); }
