/* ============================================================
   TerraSpan brand theme — overrides the legacy AdminLTE skin.
   Palette from the TerraSpan walkthrough deck:
     deep forest green (primary), golden ochre (secondary),
     warm sun gold (accent), on warm off-white.
   Loaded LAST so these win over terraspan-base.css / skin-blue.css.
   ============================================================ */
:root {
  --ts-green:      #33502e;  /* primary: buttons, wordmark, accents */
  --ts-green-dark: #294324;  /* hover/active */
  --ts-green-900:  #1e3119;
  --ts-ochre:      #b8863b;  /* secondary: labels, meta */
  --ts-gold:       #d8a93e;  /* accent: highlights, the logo mark */
  --ts-cream:      #f3efe7;  /* page background */
  --ts-cream-2:    #f7f4ec;  /* header / raised surfaces */
  --ts-card:       #ffffff;
  --ts-border:     #e2dac9;
  --ts-ink:        #1f1e1a;
  --ts-muted:      #8a7f66;
}

body,
body.hold-transition,
.skin-blue .wrapper,
.skin-blue.sidebar-mini .wrapper {
  background-color: var(--ts-cream) !important;
  color: var(--ts-ink);
}

/* Header / navbar */
.navbar-default,
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo {
  background-color: var(--ts-cream-2) !important;
  border-color: var(--ts-border) !important;
  box-shadow: none !important;
}
.navbar-default .navbar-nav > li > a { color: var(--ts-green) !important; }

/* Links */
a { color: var(--ts-green); }
a:hover, a:focus { color: var(--ts-green-dark); }

/* Primary buttons -> forest green */
.btn-primary {
  background-color: var(--ts-green) !important;
  border-color: var(--ts-green) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: var(--ts-green-dark) !important;
  border-color: var(--ts-green-dark) !important;
}

/* Cards / boxes */
.box { background: var(--ts-card); border-color: var(--ts-border); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.box.box-primary { border-top-color: var(--ts-green) !important; }
.box-header .box-title { color: var(--ts-ink); font-weight: 600; }

/* Headings: serif, to match the deck */
h1, h2, h3, .box-title {
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--ts-ink);
}

/* Form field labels */
.get-price-input-panel > label,
.checkout-input-panel > label { color: var(--ts-muted); letter-spacing: .02em; font-weight: 600; }

/* Quote results table */
.box-body .table > tbody > tr > td,
.box-body .table > tbody > tr > th { border-top-color: var(--ts-border); }
.box-body .table > tbody > tr > th { color: var(--ts-green); }

/* The TerraSpan wordmark lockup (replaces the old logo image) */
.ts-wordmark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.ts-wordmark .ts-mark {
  width: 34px; height: 34px; border-radius: 6px; background: var(--ts-green);
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.ts-wordmark .ts-mark svg { width: 20px; height: 20px; display: block; }
.ts-wordmark .ts-name {
  font-family: Georgia, serif; font-weight: 700; font-size: 20px;
  letter-spacing: .18em; text-transform: uppercase; color: var(--ts-green); line-height: 1;
}
.ts-wordmark:hover .ts-name { color: var(--ts-green-dark); }
.ts-tagline { color: var(--ts-muted); font-style: italic; font-size: 12px; margin: 2px 0 0; }