/* ==========================================================================
   Mars Explorer Theme — Light refined
   Warm light palette with Mars orange accents. No dark mode.
   ========================================================================== */

/* ---------- Foundations ---------- */
body {
  background: #f5f2ef !important;
  color: #3a3530 !important;
  font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: #c1440e; }
a:hover, a:focus { color: #e77d11; text-decoration: none; }

::selection { background: rgba(231,125,17,0.2); color: #1a1510; }

/* ---------- Navbar ---------- */
.navbar-default {
  background: #fff !important;
  border-bottom: 2px solid #e77d11 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover { color: #c1440e !important; font-weight: 700; }
.navbar-default .navbar-nav > li > a { color: #6a6058 !important; font-weight: 500; transition: color 0.2s; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a { color: #c1440e !important; background: transparent !important; }
.navbar-default .navbar-toggle { border-color: #e0d8d0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #c1440e; }

/* Search bar */
.navbar .form-control {
  background: #f9f7f5 !important;
  border: 1px solid #e0d8d0 !important;
  color: #3a3530 !important;
  border-radius: 6px;
  transition: all 0.3s;
}
.navbar .form-control:focus {
  border-color: #e77d11 !important;
  box-shadow: 0 0 0 3px rgba(231,125,17,0.1) !important;
}

/* ---------- Info banner ---------- */
.alert-info {
  background: linear-gradient(90deg, #fef8f3, #fdf5ee) !important;
  border: 1px solid #f0d8c0 !important;
  border-left: 4px solid #e77d11 !important;
  color: #5a4a3a !important;
  border-radius: 0 !important;
}
.alert-info a { color: #c1440e !important; font-weight: 600; }
.alert-info a:hover { color: #e77d11 !important; }

/* Labels */
.label-primary { background: #c1440e !important; }
.label-success { background: #3a9c5c !important; }
.label-info { background: #2a8a9c !important; }
.label-warning { background: #b8860b !important; color: #fff !important; }
.label { border-radius: 4px; padding: 3px 8px; font-weight: 500; font-size: 11px; letter-spacing: 0.3px; }

/* ---------- Connection status ---------- */
.alert-success {
  background: #f0faf3 !important;
  border: 1px solid #c8e6c9 !important;
  border-left: 4px solid #4caf50 !important;
  color: #2e7d32 !important;
}
.alert-danger {
  background: #fef5f5 !important;
  border: 1px solid #ffcdd2 !important;
  border-left: 4px solid #f44336 !important;
  color: #c62828 !important;
}

/* ---------- Page headings ---------- */
h1, h2, h3, h4, h5 {
  color: #2a2420 !important;
  font-weight: 600;
}
h1 { font-size: 22px !important; letter-spacing: -0.3px; margin-bottom: 18px !important; }
h2 { font-size: 18px !important; letter-spacing: -0.2px; margin-top: 28px !important; margin-bottom: 14px !important; }

/* ---------- Tables ---------- */
.table {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  border: 1px solid #ebe5de;
}
.table > thead > tr > th {
  background: #faf7f4 !important;
  border-bottom: 2px solid #ebe5de !important;
  color: #8a7a6a !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
  padding: 11px 14px !important;
}
.table > tbody > tr > td {
  border-top: 1px solid #f2ede8 !important;
  color: #4a4038 !important;
  padding: 10px 14px !important;
  font-size: 13px;
  vertical-align: middle !important;
}
.table-hover > tbody > tr:hover > td {
  background: #fef9f5 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > td {
  background: #fdfbf9 !important;
}
.table a { color: #c1440e !important; }
.table a:hover { color: #e77d11 !important; }

/* ---------- Sidebar ---------- */
.col-gray {
  background: transparent !important;
}

.panel-body {
  background: #fff !important;
  border: 1px solid #ebe5de;
  border-radius: 10px;
  padding: 20px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.panel-body p {
  color: #6a6058 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* Network stats */
.panel-footer.network-stats {
  background: #fff !important;
  border: 1px solid #ebe5de !important;
  border-radius: 10px !important;
  margin-top: 12px !important;
  padding: 16px 20px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.panel-footer.network-stats h5 {
  color: #c1440e !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px 0 !important;
  font-weight: 700;
}
.stat-row {
  border-bottom: 1px solid #f2ede8 !important;
  padding: 9px 0 !important;
}
.stat-label { color: #8a7a6a !important; font-size: 13px; }
.stat-value { color: #3a3530 !important; font-weight: 500; }

/* Quote */
.powered-text { margin-top: 14px !important; }
.powered-text .text-muted { color: #b0a89e !important; font-style: italic; font-size: 12px; }

/* ---------- Buttons ---------- */
.btn-default {
  background: #fff !important;
  border: 1px solid #e0d8d0 !important;
  color: #c1440e !important;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s;
}
.btn-default:hover {
  background: #fef8f3 !important;
  border-color: #e77d11 !important;
  color: #c1440e !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(231,125,17,0.1);
}

.btn-primary {
  background: #c1440e !important;
  border-color: #a83a0c !important;
  border-radius: 6px;
}
.btn-primary:hover {
  background: #e77d11 !important;
  border-color: #c1440e !important;
}

/* ---------- Footer ---------- */
#footer {
  background: #fff !important;
  border-top: 2px solid #e77d11 !important;
  padding: 14px 0;
}
#footer, #footer a { color: #8a7a6a !important; }
#footer a:hover { color: #c1440e !important; }
.insight { color: #b0a89e !important; }

/* ---------- Utility pages (block, tx, address) ---------- */
.well {
  background: #fff !important;
  border: 1px solid #ebe5de !important;
  border-radius: 8px;
  color: #4a4038;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}

code, pre {
  background: #fef8f3 !important;
  color: #c1440e !important;
  border: 1px solid #f0d8c0;
  border-radius: 4px;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
  background: #fff !important;
  border-color: #ebe5de !important;
  color: #6a6058 !important;
}
.pagination > li > a:hover {
  background: #fef8f3 !important;
  border-color: #e77d11 !important;
  color: #c1440e !important;
}
.pagination > .active > a {
  background: #c1440e !important;
  border-color: #c1440e !important;
  color: #fff !important;
}

/* Forms */
.form-control {
  background: #fff !important;
  border: 1px solid #e0d8d0 !important;
  color: #3a3530 !important;
  border-radius: 6px;
}
.form-control:focus {
  border-color: #e77d11 !important;
  box-shadow: 0 0 0 3px rgba(231,125,17,0.1) !important;
}

/* Dropdowns */
.dropdown-menu {
  background: #fff !important;
  border: 1px solid #ebe5de !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  border-radius: 8px;
}
.dropdown-menu > li > a { color: #4a4038 !important; }
.dropdown-menu > li > a:hover {
  background: #fef8f3 !important;
  color: #c1440e !important;
}

/* Modal */
.modal-content {
  border-radius: 10px;
  border: 1px solid #ebe5de;
}

/* Currency button group */
.btn-group .btn {
  background: #fff !important;
  border-color: #e0d8d0 !important;
  color: #6a6058 !important;
}
.btn-group .btn:hover,
.btn-group .btn.active {
  background: #fef8f3 !important;
  border-color: #e77d11 !important;
  color: #c1440e !important;
}

/* ---------- Animations ---------- */
.fader {
  animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f5f2ef; }
::-webkit-scrollbar-thumb { background: #d4c8bc; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #c1440e; }

/* ---------- Navbar overflow fix ---------- */
.navbar-right {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
}
.navbar-right > li > a {
  padding: 10px 8px !important;
  font-size: 13px !important;
  white-space: nowrap;
}
.navbar-nav {
  float: left;
}
@media (min-width: 768px) {
  .navbar-right { float: right !important; }
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  h1 { font-size: 18px !important; }
  h2 { font-size: 16px !important; }
  .table > tbody > tr > td { font-size: 12px; padding: 8px 10px !important; }
}