/* Jet Kingdom brand theme t5970u / t5972u gold crest — cache ?v=59703 */
:root {
  --jk-lime: #3adf00;
  --jk-lime-deep: #2fbc00;
  --jk-cyan: #00e8d0;
  --jk-sky: #35dbbc;
  --jk-ink: #0e1410;
  --jk-dark: #101614;
  --jk-panel: #161e1a;
  --jk-muted: #6b7a72;
  --jk-paper: #f3f6f4;
  --jk-card: #ffffff;
  --jk-line: #d5ddd8;
  --jk-gold: #d4a017;
  --jk-font: "Arial Narrow", "Helvetica Neue Condensed", Impact, Haettenschweiler, "Arial Black", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --jk-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body.view-viewview, body {
  background: var(--jk-paper) !important;
  color: var(--jk-ink) !important;
  font-family: var(--jk-body) !important;
}

/* ===== Header chrome (force over Volto/Semantic) ===== */
body .header-wrapper,
body #main > .header-wrapper,
div.header-wrapper.ui.basic.segment,
.ui.basic.segment.header-wrapper {
  background: linear-gradient(180deg, #0a100e 0%, #142018 60%, #0f1612 100%) !important;
  background-color: #101614 !important;
  border-bottom: 3px solid var(--jk-lime) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
  padding: .4rem 0 .6rem !important;
  margin: 0 !important;
}
body .header-wrapper .ui.container,
body .header-wrapper .header,
body .header-wrapper .logo-nav-wrapper {
  background: transparent !important;
}

body .header-wrapper .logo a {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
body .header-wrapper .logo img,
body .header-wrapper .logo .ui.image {
  height: 76px !important;
  width: auto !important;
  max-width: 76px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.55));
  background: transparent !important;
}

body .header-wrapper #navigation .ui.menu,
body .header-wrapper .navigation .ui.menu,
body .header-wrapper .ui.pointing.secondary.menu {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
body .header-wrapper #navigation .ui.menu .item,
body .header-wrapper #navigation a.item,
body .header-wrapper .navigation .item,
body .header-wrapper .ui.menu .item {
  color: #eef7f1 !important;
  font-family: var(--jk-body) !important;
  font-weight: 700 !important;
  font-size: .9rem !important;
  border-radius: 999px !important;
  margin: 0 .08rem !important;
  padding: .42em .8em !important;
  border: 0 !important;
  opacity: 1 !important;
}
body .header-wrapper #navigation .ui.menu .item:hover,
body .header-wrapper #navigation a.item:hover,
body .header-wrapper .ui.menu .item:hover {
  color: #0e1410 !important;
  background: var(--jk-lime) !important;
}
body .header-wrapper #navigation .ui.menu .item.active,
body .header-wrapper #navigation a.item.active,
body .header-wrapper .ui.menu .item.active {
  color: #0e1410 !important;
  background: var(--jk-cyan) !important;
  font-weight: 800 !important;
}

body .header-wrapper .tools a,
body .header-wrapper .tools .item a {
  color: #c9d8cf !important;
  font-weight: 600 !important;
}
body .header-wrapper .tools a:hover { color: var(--jk-lime) !important; }
body .header-wrapper .search input,
body .header-wrapper .search .ui.input input,
body .header-wrapper .ui.transparent.input input {
  color: #fff !important;
  border-bottom: 1px solid rgba(58,223,0,.65) !important;
  background: transparent !important;
}
body .header-wrapper .search input::placeholder { color: #9aafa3 !important; }
body .header-wrapper .search button,
body .header-wrapper .search svg,
body .header-wrapper svg.icon { color: #fff !important; fill: #fff !important; }
body .header-wrapper .hamburger-inner,
body .header-wrapper .hamburger-inner::before,
body .header-wrapper .hamburger-inner::after { background-color: var(--jk-lime) !important; }

/* Breadcrumbs */
body .breadcrumbs,
body .ui.secondary.vertical.segment.breadcrumbs {
  background: #e7efea !important;
  border-bottom: 1px solid var(--jk-line) !important;
}
body .breadcrumbs a { color: #1a6b3c !important; font-weight: 600 !important; }
body .breadcrumbs a:hover { color: var(--jk-lime-deep) !important; }

/* Type + content */
body h1, body h2, body h3, body .documentFirstHeading {
  font-family: var(--jk-font) !important;
  letter-spacing: .02em !important;
  color: var(--jk-ink) !important;
  text-transform: uppercase;
}
body .documentFirstHeading {
  border-bottom: 3px solid var(--jk-lime) !important;
  padding-bottom: .35rem !important;
  display: inline-block;
}
body .content-area a:not(.ui.button):not(.item) { color: #178a3f !important; }
body .content-area a:not(.ui.button):not(.item):hover { color: var(--jk-lime-deep) !important; }

/* Buttons */
body .ui.primary.button,
body .ui.button.primary,
body a.ui.primary.button {
  background: var(--jk-lime) !important;
  color: var(--jk-ink) !important;
  font-weight: 800 !important;
  border: 0 !important;
  text-shadow: none !important;
}
body .ui.primary.button:hover,
body .ui.button.primary:hover {
  background: var(--jk-cyan) !important;
  color: var(--jk-ink) !important;
}
body .ui.secondary.button,
body .ui.button.secondary {
  background: var(--jk-dark) !important;
  color: #fff !important;
  border: 1px solid var(--jk-lime) !important;
}

body .content-area .ui.card:hover,
body .listing-item:hover {
  border-color: var(--jk-lime) !important;
  box-shadow: 0 6px 18px rgba(58,223,0,.12) !important;
}

/* Footer */
body #footer,
body .footer-wrapper,
body footer,
body #main ~ footer,
body .ui.segment.footer {
  background: var(--jk-dark) !important;
  color: #c5d2cb !important;
  border-top: 3px solid var(--jk-lime) !important;
}
body #footer a,
body .footer-wrapper a,
body footer a { color: var(--jk-cyan) !important; }
body #footer a:hover,
body .footer-wrapper a:hover,
body footer a:hover { color: var(--jk-lime) !important; }

body.contenttype-plone-site .content-area {
  background:
    radial-gradient(1200px 280px at 50% 0%, rgba(0,232,208,.12), transparent 70%),
    var(--jk-paper) !important;
}

/* Logo plate kill — Volto wraps img in white square */
body .header-wrapper .logo,
body .header-wrapper .logo .ui.image,
body .header-wrapper .logo img {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
body .header-wrapper .logo img {
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.55));
}
