/* 하단 독 전환 — 레이아웃 재계산 줄이기 */
.hero-dock-item {
  touch-action: manipulation;
}
.hero-dock-item:hover::after,
.hero-dock-item:focus-visible::after {
  transform: translateX(-50%) scaleX(0) !important;
}
.hero-dock-item.is-active::after {
  transform: translateX(-50%) scaleX(1) !important;
}
.gate-tagline {
  font-size: 17px !important;
  letter-spacing: 0.08em !important;
  margin-right: 0 !important;
}
.gate-acro {
  color: #d4af37;
  font-weight: 700;
}

/* Windows MAL wordmark — 금색 MAL, 좌측 상단, 더 크게 */
.hero-logo-lockup,
.gate-logo-lockup {
  top: max(6px, env(safe-area-inset-top, 0px)) !important;
  left: max(8px, env(safe-area-inset-left, 0px)) !important;
  gap: 12px !important;
  overflow: visible !important;
}
.hero-logo-lockup {
  pointer-events: auto !important;
  cursor: pointer;
  z-index: 16 !important;
}
.hero-logo-lockup.is-pos-on {
  filter: drop-shadow(0 0 10px rgba(240, 215, 138, 0.45));
}
body:not(.mal-pos-open) .ls-namecard {
  display: none !important;
}
body.mal-pos-open .ls-namecard {
  z-index: 90 !important;
}
.hero-shot,
.gate-bg-video {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 40% !important;
}
.hero-clock {
  display: none !important;
}
.hero-logout {
  display: none !important;
}
.mal-dday,
.hero-cal,
.hero-cal-soon {
  display: none !important;
}
.mal-dday {
  position: fixed;
  top: max(6px, env(safe-area-inset-top, 0px));
  left: max(308px, calc(env(safe-area-inset-left, 0px) + 296px));
  transform: none;
  z-index: 16;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 78px;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  pointer-events: auto;
  cursor: pointer;
  font: inherit;
}
.mal-dday.is-cal-on {
  filter: drop-shadow(0 0 10px rgba(196, 154, 82, 0.4));
}
body.mal-dash .mal-dday,
body.mal-invest .mal-dday,
body.mal-dca-open .mal-dday,
body.mal-plan-open .mal-dday,
body.mal-ls-menu .mal-dday,
body.mal-ls-embed .mal-dday,
body.mal-ls-signal .mal-dday {
  display: none !important;
}
body:not(.mal-cal-open) .hero-cal {
  display: none !important;
}
.mal-dday-k {
  display: none !important;
}
.mal-dday-n {
  margin-top: 0;
  font-size: clamp(3.1rem, 6.2vw, 4rem);
  font-weight: 650;
  letter-spacing: 0.06em;
  color: #c4a05a;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.62);
}
.hero-logo-icon,
.gate-logo-icon {
  height: 78px !important;
  width: 78px !important;
}
.hero-logo-word,
.gate-logo-word {
  font-family: "Great Vibes", "Cormorant Garamond", cursive !important;
  font-size: 56px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding-top: 0.08em !important;
  transform: translateY(6px) !important;
  background: linear-gradient(165deg, #fff1c8 0%, #f0d78a 32%, #c9a24a 68%, #e8c76b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 1px 0 rgba(90, 62, 18, 0.55))
    drop-shadow(0 2px 10px rgba(232, 199, 107, 0.38))
    drop-shadow(0 0 18px rgba(240, 215, 138, 0.22));
}
@media (max-width: 720px) {
  .hero-logo-icon,
  .gate-logo-icon {
    height: 58px !important;
    width: 58px !important;
  }
  .hero-logo-word,
  .gate-logo-word {
    font-size: 44px !important;
  }
  .mal-dday {
    left: max(236px, calc(env(safe-area-inset-left, 0px) + 224px));
    height: 58px;
  }
}
.hero-root,
.menu-panel-root,
.portal-summary,
.mal-assets-host,
.mal-stock-host {
  contain: none;
}
.menu-panel-root.is-keepalive:not(.is-dormant):not(.is-leaving):not(.is-smoke-leave) {
  animation: none !important;
  opacity: 1 !important;
}
.hero-dock-item {
  touch-action: manipulation;
}
.mal-assets-host[hidden],
.mal-stock-host[hidden] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  content-visibility: hidden;
}

.wl-back {
  align-self: flex-start;
  margin: 0 0 4px;
  padding: 6px 12px;
  border: 1px solid rgba(232, 199, 107, 0.32);
  background: rgba(232, 199, 107, 0.08);
  color: #e8c76b;
  font: 700 0.72rem/1.2 inherit;
  letter-spacing: 0.08em;
  cursor: pointer;
  z-index: 12;
  pointer-events: auto;
}
.wl-back:hover {
  border-color: rgba(232, 199, 107, 0.65);
  background: rgba(232, 199, 107, 0.16);
}

/* 원래 React 보유종목(.stk)은 쓰지 않음 — STOCK 오버레이만 */
.dash-holdings .stk,
.dash-holdings > * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.mal-stock-open .mal-stock-host,
body.mal-stock-open .mal-stock-host[hidden] {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  content-visibility: visible;
}