/* =========================================================
   EternalMU Home - Solid top cards + restore icons visibility
========================================================= */

/* top 3 cards must be solid, not transparent */
.em-home-columns .em-panel{
  background:
    linear-gradient(180deg, rgba(14, 14, 30, 0.94), rgba(7, 8, 20, 0.97)) !important;
  border:1px solid rgba(113, 104, 176, 0.34) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,0.32),
    inset 0 0 0 1px rgba(255,255,255,0.028) !important;
  backdrop-filter:none !important;
  overflow:hidden !important;
}

/* subtle inner border like premium cards */
.em-home-columns .em-panel::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:18px;
  border:1px solid rgba(132, 121, 204, 0.12);
  pointer-events:none;
}

/* rows slightly solid so bg does not bleed through */
.em-home-columns .em-player-row,
.em-home-columns .em-guild-row{
  background:rgba(255,255,255,0.015);
  border-radius:14px;
}
.em-home-columns .em-player-row:hover,
.em-home-columns .em-guild-row:hover{
  background:rgba(255,255,255,0.035);
}

/* class icons must be visible */
.emu-home-class-icon{
  opacity:1 !important;
  visibility:visible !important;
  z-index:4;
}
.emu-home-class-icon img{
  opacity:1 !important;
  visibility:visible !important;
}

/* guild mark must be visible in top guilds */
.emu-guild-mark,
.emu-guild-mark--home{
  opacity:1 !important;
  visibility:visible !important;
  z-index:4;
}

/* space for guild icon and player icon */
.em-home-final .em-player-row{
  grid-template-columns: 42px 42px minmax(0,1fr) auto auto !important;
}
.em-home-final .em-guild-row{
  grid-template-columns: 42px 42px minmax(0,1fr) !important;
}

/* keep text sharp over background */
.em-home-columns .em-panel-head span,
.em-home-columns .em-panel-head a,
.em-home-columns .pname b,
.em-home-columns .pname small,
.em-home-columns .pstats b,
.em-home-columns .pstats small,
.em-home-columns .em-guild-row b,
.em-home-columns .em-guild-row small,
.em-home-columns .em-event-list span,
.em-home-columns .em-event-list b,
.em-home-columns .em-timer-main strong,
.em-home-columns .em-timer-main small{
  position:relative;
  z-index:3;
}

/* timer inner card also more solid */
.em-home-columns .em-timer-main{
  background:linear-gradient(180deg, rgba(34, 25, 38, 0.85), rgba(20, 17, 28, 0.92)) !important;
  border:1px solid rgba(133,121,199,0.18) !important;
}