/* MU Online Style Pack — Core Styles */

/* 1) Thematic Section Headers */
.md-typeset h2 {
  background: linear-gradient(90deg, #8a3cf4, #ff7e33);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 8px rgba(255,126,51,0.35);
  font-weight: 800;
}
.md-typeset h3 {
  color: #cfd6e4;
  text-shadow: 0 0 6px rgba(138,60,244,0.35);
  font-weight: 700;
}

/* 2) Tables */
.md-typeset table {
  border-radius: 8px;
  overflow: hidden;
  background: rgba(20, 22, 28, 0.75);
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.md-typeset table th {
  background: linear-gradient(90deg, #8a3cf4, #ff7e33);
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.md-typeset table tr:nth-child(even) { background: rgba(255,255,255,0.04); }
.md-typeset table tr:hover { background: rgba(255,126,51,0.10); transition: background .2s ease; }

/* 3) MU Info Boxes */
.mu-box {
  border-left: 4px solid #ff7e33;
  background: rgba(0,0,0,0.35);
  padding: .9rem 1rem;
  margin: 1rem 0;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(255,126,51,0.18);
}
.mu-box h4 { margin: 0 0 .5rem; color: #ff9a59; font-weight: 800; }

/* 4) Image Hover Zoom */
.md-typeset img {
  transition: transform .25s ease, box-shadow .25s ease;
  border-radius: 6px;
}
.md-typeset img:hover {
  transform: scale(1.04);
  box-shadow: 0 0 12px rgba(255,126,51,0.35);
}

/* 5) Active Sidebar Highlight */
.md-nav__link--active {
  background: linear-gradient(90deg, rgba(138,60,244,0.25), rgba(255,126,51,0.25));
  border-radius: 8px;
  color: #fff !important;
  box-shadow: 0 0 8px rgba(255,126,51,0.45);
}