/* Helaplus API Docs — light, minimal Helaplus brand theme */
:root {
  --hela-green: #4CAF50;
  --hela-green-dark: #388E3C;
  --hela-dark: #1a1a1a;
  --bg: #ffffff;
  --bg-sidebar: #f8f9fa;
  --bg-elevated: #f6f8fa;
  --text: #1a1a1a;
  --text-muted: #555555;
  --text-light: #777777;
  --border: #e0e0e0;
  --code-bg: #f6f8fa;
  --code-text: #1a1a1a;
  --link: #4CAF50;
  --link-hover: #388E3C;
}

html, body {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

body {
  border-top: none !important;
}

#page-wrapper {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

#main-content-wrapper {
  background-color: var(--bg) !important;
  color: var(--text) !important;
  margin-left: 0 !important;
  border-left: none !important;
  padding: 0 20px 40px 20px !important;
}

/* Original float layout kept, only offset fixed */
.method-section {
  margin-left: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--hela-dark) !important;
  text-transform: none !important;
}

h2, h3 {
  color: var(--hela-green) !important;
}

p, li {
  color: var(--text-muted) !important;
}

a, .markdown-section a, #page-wrapper a, .sidebar-nav a, .app-name a,
.apiClick, .apiClickNotPretty, #jpw {
  color: var(--link) !important;
  text-decoration: none !important;
}

a:hover, .sidebar-nav a:hover, .app-name a:hover {
  color: var(--link-hover) !important;
}

/* Hide legacy flybar nav */
#flybar, .flybar-nav, .flybar-button, .flybar-menu, .flybar-menu-overview, .toc-column1, .toc-section, #nav-logo, .footer {
  display: none !important;
}

.method-description {
  color: var(--text) !important;
}

.method-description p {
  color: var(--text-muted) !important;
}

.method-example {
  color: var(--text-muted) !important;
}

.method-example p {
  color: var(--text-light) !important;
}

.method-example li {
  color: var(--text) !important;
}

.method-example code {
  color: var(--code-text) !important;
}

.method-declaration:before,
.method-request:before,
.method-response:before,
.method-error:before,
.expected-result:before,
.notification-request:before,
.notification-event:before {
  color: var(--hela-green) !important;
}

/* Inline code */
code:not(pre code) {
  background: var(--bg-elevated) !important;
  color: var(--hela-green-dark) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

/* Code blocks */
pre,
.method-example code {
  background: var(--code-bg) !important;
  color: var(--code-text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  margin: 1em 0 !important;
  overflow-x: auto !important;
}

pre code,
.method-example code code {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border: none !important;
}

/* Tables */
table, table.matrixHeading, table.tocMatrix {
  border: 1px solid var(--border) !important;
  background: var(--bg) !important;
  border-collapse: collapse !important;
}

table td, table th {
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

.matrixHeadingBG,
.matrixHeading tr:first-child td,
.matrixHeadingCommands {
  background-color: var(--hela-green) !important;
  color: #ffffff !important;
}

.matrixHeading tr:not(:first-child):nth-child(even) {
  background-color: var(--bg-elevated) !important;
  color: var(--text) !important;
}

.matrixHeading tr:not(:first-child):nth-child(odd) {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

.matrixHeadingVerbs {
  color: #ffffff !important;
  font-weight: bold !important;
}

.fineractHeading2 {
  color: var(--hela-dark) !important;
}

.argument-list {
  color: var(--text) !important;
}

.argument-list dt {
  color: var(--hela-green) !important;
}

.argument-list dd {
  color: var(--text-muted) !important;
}

/* Sidebar */
.sidebar {
  background: var(--bg-sidebar) !important;
  border-right: 1px solid var(--border) !important;
}

.app-name, .app-name a {
  color: var(--hela-dark) !important;
  font-weight: 700 !important;
}

.sidebar-nav a, .sidebar-nav li {
  color: var(--text-muted) !important;
}

.sidebar-nav a:hover, .sidebar-nav a.active, .sidebar-nav a.active-parent {
  color: var(--hela-green) !important;
}

.search input, .search .input-wrap {
  background: var(--bg) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
}

.sidebar-toggle {
  background: transparent !important;
}

.sidebar-toggle span {
  background: var(--text) !important;
}

/* Scrollbar for light theme */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-sidebar);
}

::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}