/* XOTN Custom Branding */

/* ─── Footer: Hide ALL Blockscout branding ──────────────────────────── */

/* Hide any link pointing to blockscout.com or github.com/blockscout */
a[href*="blockscout.com"],
a[href*="github.com/blockscout"],
a[href*="x.com/blockscout"],
a[href*="discord.gg"],
a[href*="github.com/blockscout/blockscout/issues"] {
  display: none !important;
}

/* Hide parent containers that only contain Blockscout links */
*:has(> a[href*="blockscout.com"]),
*:has(> a[href*="github.com/blockscout"]) {
  display: none !important;
}

/* Hide "Blockscout is a tool..." paragraph (targets by class used in v2.3.5) */
p.css-1mt5lax {
  display: none !important;
}

/* Hide Backend/Frontend/Copyright info section */
.css-rbjg6g {
  display: none !important;
}

/* Hide the entire middle footer column that contains Blockscout branding */
.css-i81dk2 {
  display: none !important;
}

/* Hide Submit an issue / Contribute / social links column */
.css-drb987 {
  display: none !important;
}

div.group:has(> header + nav) {
  width: 330px !important;
  min-width: 330px !important;
}

div.group:has(> header + nav) > header {
  width: 100% !important;
  height: 140px !important;
  padding: 20px !important;
  justify-content: center !important;
  align-items: center !important;
}

a[href="/"][aria-label*="main"] {
  width: 100% !important;
  height: auto !important;
  justify-content: center !important;
  align-items: center !important;
}

a[href="/"][aria-label*="main"] img[src*="network_logo"] {
  display: block !important;
  width: 130px !important;
  height: auto !important;
  max-width: none !important;
}

a[href="/"][aria-label*="main"] img[src*="network_icon"] {
  display: none !important;
}

/* Nav text labels — show paragraph inside nav list items */
nav li p {
  opacity: 1 !important;
}

/* Nav chevron skeleton — show the expand arrow */
nav li svg.chakra-skeleton {
  opacity: 1 !important;
}

/* Nav item outer wrapper — full width */
nav li > div {
  width: 100% !important;
}

/* Nav item inner stack — full width with spacing */
nav li > div > div.chakra-stack {
  width: 100% !important;
  gap: 12px !important;
}