/* 🔨 WIDGET: LATEST FORGE HIGHLIGHTS (V1.0) 🔨 */
.latest-forge-highlights { display: flex; gap: 0.5rem; }
/* LE SLOT (CLONE PREVIEW-SLOT) */
.lfh-slot { position: relative; width: 3.85rem !important; height: 3.85rem !important; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; overflow: hidden; cursor: pointer; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); display: flex; align-items: center; justify-content: center; padding: 4px; flex: 0 0 3.85rem; }
.lfh-slot:hover { transform: scale(1.15) translateY(-3px); border-color: rgba(108, 99, 255, 0.6); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(108, 99, 255, 0.4); z-index: 50; background: rgba(108, 99, 255, 0.15); }
/* CONTENU VISUEL */
.lfh-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.lfh-img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5)); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.lfh-slot:hover .lfh-img { transform: scale(1.1) rotate(5deg); }
/* AURA (STUDIO MASKING) */
.lfh-aura-preview { width: 100%; height: 100%; background-color: var(--item-color, #7ed6df); -webkit-mask-image: var(--aura-url); mask-image: var(--aura-url); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; filter: drop-shadow(0 0 8px var(--item-color, #7ed6df)); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.lfh-slot:hover .lfh-aura-preview { transform: scale(1.1) rotate(-5deg); }
/* BADGE "NEW" (JUICY) */
.lfh-badge-new { position: absolute; top: -2px; right: -2px; background: linear-gradient(135deg, #ef4444, #b91c1c); color: #fff; font-family: "Kanit", sans-serif; font-size: 7px; font-weight: 900; padding: 1px 4px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 2px 5px rgba(239, 68, 68, 0.5); z-index: 10; pointer-events: none; letter-spacing: 0.5px; animation: lfh-new-pulse 2s infinite ease-in-out; }
@keyframes lfh-new-pulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.1); filter: brightness(1.2); }
}
/* EFFET DE SCINTILLEMENT (GLIMMER) */
.lfh-glimmer { position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    ); transform: skewX(-20deg); transition: left 0.6s ease; pointer-events: none; }
.lfh-slot:hover .lfh-glimmer { left: 150%; transition: left 0.6s ease; }
/* ADAPTATION MOBILE */
@media (max-width: 1023px) {
  .lfh-slot { width: 3.25rem !important; height: 3.25rem !important; flex-basis: 3.25rem; }
}