/* ── WickdHub custom styles ── */

/* ── Full-width layout overrides ── */
.md-grid {
  max-width: 100% !important;
}

.md-header__inner {
  max-width: 100% !important;
}

.md-main__inner {
  max-width: 100% !important;
}

.md-content {
  max-width: 100% !important;
}

.md-content__inner {
  max-width: 100% !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.md-typeset {
  max-width: 100% !important;
}

/* ── Iframe containers ── */
.md-typeset iframe {
  width: 100%;
  min-height: 85vh;
  border: none;
  border-radius: 8px;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.iframe-wrap iframe {
  width: 100%;
  min-height: 85vh;
  border: none;
}

/* ── Sidebar navigation styling ── */

/* Top-level section labels (Trackers, Research, etc.) */
.md-nav--lifted > .md-nav__list > .md-nav__item > .md-nav__link,
.md-sidebar .md-nav__item--nested > .md-nav__link,
.md-sidebar .md-nav__item--section > nav > .md-nav__title {
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 0.65rem !important;
  letter-spacing: 1.5px;
  color: #a78bfa !important;
  padding-top: 1rem;
}

/* Sub-section headers (Content under Trackers) */
.md-nav__item--nested .md-nav__item--nested > .md-nav__link,
.md-nav__item--section .md-nav__item--section > nav > .md-nav__title {
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 0.6rem !important;
  letter-spacing: 1px;
  color: #60a5fa !important;
  padding-top: 0.75rem;
}

/* Regular nav links — clean and readable */
.md-sidebar .md-nav__link {
  font-size: 0.8rem;
  padding: 0.4rem 0.75rem;
  border-radius: 6px;
  transition: all 0.15s;
}

/* Active nav link highlight */
.md-nav__link--active {
  color: #a78bfa !important;
  font-weight: 600 !important;
}

/* Hover state */
.md-sidebar .md-nav__link:hover {
  background: rgba(167, 139, 250, 0.08);
  color: #c4b5fd !important;
}

/* Left accent bar on active section */
.md-nav__item--active > .md-nav__link {
  border-left: 3px solid #a78bfa;
  padding-left: calc(0.75rem - 3px);
}

/* ── Top tab bar styling ── */
.md-tabs__link {
  font-weight: 500;
  letter-spacing: 0.3px;
}

.md-tabs__link--active {
  font-weight: 700;
}

/* ── Separator between sidebar sections ── */
.md-nav__item--nested + .md-nav__item--nested {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}