/* ============================================================
   HYGEOS Documentation — Branded theme
   ============================================================
   Based on the HYGEOS Quarto extension (quicksand font, brand
   colours, 4-colour band).  Adapted for a Quarto *website*
   (not a presentation or PDF).
   ============================================================ */

/* ---------- Google font ---------- */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

/* ---------- HYGEOS palette ---------- */
:root {
  --hygeos-dark-blue:  #233165;
  --hygeos-blue:       #4596D2;
  --hygeos-light-blue: #E5F4FD;
  --hygeos-green:      #95C35B;
  --hygeos-orange:     #F6A500;
  --hygeos-gray:       #666666;
}

/* ---------- Body & headings ---------- */
body {
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}

/* ---------- Navbar ---------- */
.navbar {
  background-color: var(--hygeos-dark-blue) !important;
  border-bottom: 3px solid var(--hygeos-blue);
  margin-top: 10px !important;
  padding: 0.5rem 1rem !important;
}

.navbar .nav-link,
.navbar .navbar-brand {
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
}

.navbar .nav-link:hover {
  color: var(--hygeos-light-blue) !important;
}

/* Keep navbar height consistent across themes */
[data-bs-theme="dark"] .navbar {
  padding: 0.5rem 1rem !important;
}

/* ---------- Sidebar ---------- */
.sidebar-title {
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
}

/* ---------- 4-colour HYGEOS band (fixed strip at top) ---------- */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 1050;
  background: linear-gradient(
    to right,
    var(--hygeos-light-blue) 0% 25%,
    var(--hygeos-blue) 25% 50%,
    var(--hygeos-orange) 50% 75%,
    var(--hygeos-green) 75% 100%
  );
  pointer-events: none;
}

/* ---------- Footer (page-footer text, at bottom of page) ---------- */
footer {
  background: transparent;
  padding: 12px 0;
  border: none !important;
}

/* Add bottom margin to body so content isn't hidden behind fixed band */
body {
  padding-bottom: 20px;
}

/* Style the Quarto page-footer text */
.quarto-page-footer {
  text-align: center;
  padding: 12px 0;
  font-size: 0.85em;
  color: #ffffff;
  font-family: 'Quicksand', sans-serif;
}

/* ---------- Links ---------- */

/* ---------- Code blocks ---------- */
.sourceCode,
pre,
code {
  font-family: 'Fira Code', 'Consolas', monospace;
  font-size: 0.9em;
}

div.cell code {
  white-space: pre;
}

/* ---------- Tables ---------- */
table {
  font-family: 'Quicksand', sans-serif;
}

thead th {
  border-bottom: 2px solid var(--hygeos-blue) !important;
}

/* ---------- Callout / alert boxes ---------- */
.callout-callout-style-default>.callout-titled>.callout-body>.callout-icon-container>.callout-icon,
.callout-titled {
  border-left: 4px solid var(--hygeos-blue);
}

/* ---------- Search overlay ---------- */
#quarto-search-modal {
  font-family: 'Quicksand', sans-serif;
}

/* ---------- Section heading (no underline) ---------- */

/* ---------- Product cards (for download.qmd summary table) ---------- */
.doc-params td {
  vertical-align: top;
}

/* ---------- Smooth scroll ---------- */
html {
  scroll-behavior: smooth;
}

/* ============================================================
   Light mode styles
   ============================================================ */
[data-bs-theme="light"] h1,
[data-bs-theme="light"] h2,
[data-bs-theme="light"] h3,
[data-bs-theme="light"] h4,
[data-bs-theme="light"] h5,
[data-bs-theme="light"] h6 {
  color: var(--hygeos-dark-blue);
}

[data-bs-theme="light"] .sidebar-title {
  color: var(--hygeos-dark-blue);
}

[data-bs-theme="light"] .sidebar-item-container .sidebar-item:hover {
  background-color: var(--hygeos-light-blue);
}

[data-bs-theme="light"] .sidebar-item-container .sidebar-item .sidebar-item-selected {
  border-left-color: var(--hygeos-blue);
  background-color: var(--hygeos-light-blue);
}

[data-bs-theme="light"] thead {
  background-color: var(--hygeos-dark-blue);
  color: #ffffff;
  font-weight: 600;
}

[data-bs-theme="light"] tbody tr:nth-child(even) {
  background-color: var(--hygeos-light-blue);
}

[data-bs-theme="light"] a {
  color: var(--hygeos-blue);
}

[data-bs-theme="light"] a:hover {
  color: var(--hygeos-dark-blue);
}

/* Dropdown menu in light mode */
[data-bs-theme="light"] .dropdown-menu {
  background-color: #ffffff;
  color: var(--hygeos-dark-blue);
}

[data-bs-theme="light"] .dropdown-menu .dropdown-item {
  color: var(--hygeos-dark-blue);
}