/**
 * DataWorks Commons — CSS overrides for the custom DC theme.
 *
 * Applied platform-wide (header, nav, explore, place pages). Homepage has
 * its own inline Tailwind; this file theming everything outside the
 * homepage so pages read as the same site.
 */

/* ─── Brand palette ─────────────────────────────────────────── */
:root {
  --dc-primary:       #2D6A99;   /* DW blue */
  --dc-primary-dark:  #003a66;   /* DW blue dark */
  --link-color:       #2D6A99;   /* DW blue */
  --link-hover-color: #003a66;
  --dw-orange:        #E8872A;
  --dw-orange-dark:   #C06A15;
  --footer-background: #003a66;
  --dc-red-fade:      #40d4e033;
}

/* ─── Typography ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body,
.navbar-brand,
h1, h2, h3, h4, h5, h6,
.btn,
.card {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
}

/* ─── Header / nav ───────────────────────────────────────────── */
#main-header {
  background: white;
  box-shadow: 0 2px 8px rgba(6, 6, 6, 0.06);
  z-index: 10;
  position: sticky;
}

#main-header .navbar-brand {
  display: flex;
  color: var(--dc-primary-dark) !important;
  font-weight: 700;
}

#main-nav a {
  color: var(--dc-primary-dark) !important;
  font-weight: 500;
}
#main-nav a:hover {
  color: var(--dw-orange) !important;
}

/* ─── Buttons ────────────────────────────────────────────────── */
.btn.btn-primary {
  background-color: var(--dc-primary-dark);
  border-color: var(--dc-primary-dark);
}
.btn.btn-primary:hover {
  background-color: var(--dc-primary);
  border-color: var(--dc-primary);
}

/* ─── Links ──────────────────────────────────────────────────── */
a {
  color: var(--link-color);
}
a:hover {
  color: var(--link-hover-color);
}

/* ─── Explore page accents ───────────────────────────────────── */
#main-pane #explore {
  background-color: var(--dc-primary-dark);
}
#main-pane #plot-container {
  background: none;
}

/* Topic chips / tabs on the explore results page */
.explore-page .topic-chip,
.explore-page .topic-tab {
  border-color: var(--dc-primary) !important;
}
.explore-page .topic-chip.active,
.explore-page .topic-tab.active {
  background-color: var(--dc-primary) !important;
  color: white !important;
}

/* ─── Place page accents ─────────────────────────────────────── */
.place-page h1,
.dev-place-page h1 {
  color: var(--dc-primary-dark);
  font-weight: 700;
}

/* ─── Footer ─────────────────────────────────────────────────── */
#main-footer {
  border-top: 1px solid #efefef;
}

/* ─── Hide stock tables that get in the way of the redesign ──── */
.observations-table {
  display: none !important;
}