/* BTC21 theme additions for the upstream Esplora v3 interface. */
:root {
  --blockstream-primary-brand-color-rgb: 255, 148, 23;
  --blockstream-primary-brand-color: rgb(var(--blockstream-primary-brand-color-rgb));
  --foreground-link-color: #ff9417;
  --accent-color: #ff9417;
  --surface-primary-alt-color: #26221d;
}

a,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #ff9417;
}

.navbar-brand { height: auto; display: flex; align-items: center; gap: 12px; }
.navbar-brand img { height: 44px; width: auto; max-width: 205px; }
.navbar-brand::after {
  content: "Block Explorer";
  border-left: 1px solid #323b46;
  color: #aebbc5;
  font: 700 12px/1.2 Inter, Arial, sans-serif;
  letter-spacing: .09em;
  padding-left: 12px;
  text-transform: uppercase;
}

.btc21-nav-right { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.btc21-back-link { display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 8px; color: #edf1f5 !important; font-family: Inter, Arial, sans-serif; font-size: 13px; font-weight: 600; white-space: nowrap; text-decoration: none !important; background: #181e25; border: 1px solid #323b46; transition: all .15s ease; }
.btc21-back-link:hover, .btc21-back-link:focus-visible { background: #232c37; border-color: #f7931a; color: #f7931a !important; text-decoration: none !important; }

.explorer-container > .footer {
  border-top-color: #ff9417;
}

.btc21-footer { border-top-color: #ff9417; }
.btc21-footer-container { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.btc21-footer-policies { white-space: nowrap; }
.btc21-footer a,
.btc21-footer a:visited { color: #ff9417 !important; text-decoration: none !important; }
.btc21-footer a:hover,
.btc21-footer a:focus-visible { color: #ffb049 !important; text-decoration: underline !important; }

.primary-btn,
.search-button,
.pagination .active {
  background-color: #ff9417 !important;
  border-color: #ff9417 !important;
  color: #0c0c0f !important;
}

.primary-btn:hover,
.primary-btn:active,
.search-button:hover,
.search-button:active {
  background-color: #22e1c9 !important;
  border-color: #22e1c9 !important;
}

@media (max-width: 768px) {
  .nav-container { flex-wrap: wrap; gap: 12px; }
  .navbar-brand { gap: 8px; }
  .navbar-brand img { height: 36px; max-width: 170px; }
  .navbar-brand::after { font-size: 10px; padding-left: 8px; }
  .btc21-nav-right { margin-left: auto; }
  .btc21-back-link { font-size: 12px; }
  .btc21-footer-container { flex-direction: column; align-items: flex-start; }
}

/* Temporary service-status card on explorer */
.error-text-center {
  margin: 60px auto 40px;
  max-width: 820px;
  background: #10151a;
  border: 1px solid #784010;
  border-radius: 12px;
  padding: 36px 28px;
  text-align: center;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
}

.error-text-center::before {
  content: "⚠️ Service Temporarily Unavailable";
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 6px;
  background: #23160a;
  border: 1px solid #784010;
  color: #ff9417;
  margin: 0 auto 18px;
  width: fit-content;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.error-text-center h1 {
  font-family: Inter, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #edf1f5;
  margin: 0;
  line-height: 1.5;
}

/* Quiet legal/operator footnote for the shared Explorer footer. */
.btc21-footer-container::after {
  content: "BTC21 is an independent public Bitcoin infrastructure project operated by Bitseeker LLC, a Wyoming limited liability company.";
  display: block;
  margin-top: 10px;
  color: #aebbc5;
  font-size: 12px;
  line-height: 1.5;
}

.btc21-footer-container > p { font-size: 0; }
.btc21-footer-container > p::before {
  content: "Powered by Esplora · BTC21 public infrastructure";
  font-size: 13px;
}