/* ============================================================
   miuzic Entertainment — Event Page Design System
   Apple Design System × index.html 統一スタイル
   ============================================================ */

/* ── NAV: 白ガラス (index.html と統一) ── */
.nav-glass {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* 「もどる」リンク */
.nav-glass a {
  color: #0066cc !important;
  opacity: 1 !important;
}
.nav-glass a:hover {
  color: #0071e3 !important;
  opacity: 1 !important;
}

/* Material Symbolsアイコンは親のcolor継承 */
.nav-glass .material-symbols-outlined {
  color: inherit !important;
}

/* セパレータ「｜」 */
.nav-glass span:not(.material-symbols-outlined):not(.font-headline) {
  color: rgba(0, 0, 0, 0.20) !important;
}

/* "miuzic Entertainment" ブランド名 */
.nav-glass .font-headline {
  color: rgba(0, 0, 0, 0.80) !important;
}

/* ── BODY: パステルグラデーション背景 ── */
body {
  background: linear-gradient(160deg, #fff0f6 0%, #f3f0ff 45%, #f0f8ff 100%) !important;
  background-attachment: fixed !important;
}

/* ── CARDS: ホバーアニメーション ── */
.bg-white.rounded-3xl,
.bg-white.rounded-2xl {
  box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 24px 0px !important;
  transition: box-shadow 0.25s, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.bg-white.rounded-3xl:hover,
.bg-white.rounded-2xl:hover {
  box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 36px 0px !important;
  transform: translateY(-4px) !important;
}

/* ── FOOTER: ニアブラック (index.html と統一) ── */
footer {
  background-color: #1d1d1f !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

footer a {
  color: #ffffff !important;
  transition: color 0.14s !important;
}

footer a:hover {
  color: #2997ff !important;
  text-decoration: none !important;
}

footer p {
  color: rgba(255, 255, 255, 0.28) !important;
}

/* ── シェアボタン ── */
button.bg-black,
button.bg-gray-800 {
  background-color: #1d1d1f !important;
}

/* ── スクロールリビール (index.html と統一) ── */
@keyframes appleReveal {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}