/* TheBotRack — WHMCS twenty-one theme override (Solar amber · Night · Cream)
   Loaded via the template's custom.css hook. Upgrade-safe: no core files touched. */
:root{
  --tbr-amber:#FFB020;
  --tbr-amber-deep:#B87400;
  --tbr-night:#15110A;
  --tbr-charcoal:#2A241A;
  --tbr-cream:#FFF2D6;
  --tbr-online:#3DDC84;
}

/* ---- typography ---- */
body, .contentarea, p, li, td, .form-control { font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; }
h1,h2,h3,h4,h5,.panel-title,.card-title,.navbar-brand { font-family:"Space Grotesk",system-ui,sans-serif; font-weight:500; letter-spacing:-.02em; }
code, kbd, pre, samp, .mono { font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace; }

/* ---- top navigation → Night ---- */
.navbar, .navbar-default, .navbar-inverse, #header, .header {
  background:var(--tbr-night) !important;
  border-color:var(--tbr-night) !important;
}
.navbar .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.navbar a, .navbar-brand { color:var(--tbr-cream) !important; }
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a { color:var(--tbr-amber) !important; background:rgba(255,176,32,.10) !important; }
.navbar-default .navbar-toggle { border-color:rgba(255,242,214,.35) !important; }
.navbar-default .navbar-toggle .icon-bar { background-color:var(--tbr-cream) !important; }

/* ---- primary buttons / CTAs → Solar amber ---- */
.btn-primary, .btn-success, .btn-submit, .btn-checkout,
button.btn-primary, input[type="submit"].btn-primary {
  background:var(--tbr-amber) !important;
  border-color:var(--tbr-amber) !important;
  color:var(--tbr-night) !important;
  font-weight:600;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background:#ffc043 !important; border-color:#ffc043 !important; color:var(--tbr-night) !important;
}
.btn-default { border-color:rgba(21,17,10,.22) !important; }
.btn-default:hover { border-color:var(--tbr-amber-deep) !important; color:var(--tbr-amber-deep) !important; }

/* ---- links & accents ---- */
a { color:#8a5600; }
a:hover, a:focus { color:var(--tbr-amber-deep); }
.text-primary, .text-success { color:var(--tbr-amber-deep) !important; }
.badge-success, .label-success, .status-active, .status-paid { background:var(--tbr-online) !important; color:#08301b !important; }

/* ---- panels / cards ---- */
.panel, .card, .well, .list-group-item {
  border-color:rgba(21,17,10,.12) !important;
  border-radius:12px;
}
.panel-heading, .card-header {
  background:var(--tbr-charcoal) !important;
  border-color:var(--tbr-charcoal) !important;
  color:var(--tbr-cream) !important;
  font-family:"Space Grotesk",system-ui,sans-serif;
}
.panel-default > .panel-heading a { color:var(--tbr-cream) !important; }

/* ---- progress / highlights ---- */
.progress-bar { background-color:var(--tbr-amber) !important; }
.nav-pills > li.active > a, .nav-tabs > li.active > a {
  background-color:var(--tbr-amber) !important; color:var(--tbr-night) !important; border-color:var(--tbr-amber) !important;
}

/* ---- price emphasis ---- */
.price, .product-price, .amount, .total-due { font-family:"JetBrains Mono",monospace; color:var(--tbr-night); font-weight:500; }

/* ---- footer strip ---- */
.footer, #footer { border-top:1px solid rgba(21,17,10,.12); }