@import "header.css";

:root {
  --de-color-blue: #2f74f9;
  --de-color-green: #44e1bc;
  --de-color-plum: #ff70f1;
  --de-color-yellow: #ffe182;

  --border-style: 1px solid rgb(95% 95% 95%);

  --font-family: "InterVariable", "Roboto", "Helvetica", "Arial", sans-serif;
  --font-family-monospace: "IBM Plex Mono", monospace;
}

.doc {
  max-width: 140ch;
  margin: 0 auto;
}

.page {
  max-width: none;
}

aside.nav {
  background-color: white;
  border-right: var(--border-style);
}

main.article > .toolbar {
  background-color: unset;
  background-image: linear-gradient(0deg, rgba(100% 100% 100% / 92%), rgba(100% 100% 100% / 98%));
  backdrop-filter: blur(4px);
}

article.doc h1 {
	font-family: "InterVariable";
	font-weight: 800;
}

article.doc h2:not(.discrete) {
	font-family: "InterVariable";
	font-weight: 600;
  border-bottom-color: #ffe182;
  border-bottom-width: 2px;
}

article.doc h3, article.doc h4 {
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-bottom-color: lightgray;
}

body {
  font-family: var(--font-family);
}

.doc {
  hyphens: none;
  
}
pre code {
  font-family: var(--font-family-monospace);
}

footer.footer {
  background-color: rgb(98% 98% 98%);
  border-top: var(--border-style);
  font-size: 0.6rem;
  padding: 0.6rem;
  line-height: 1;
  text-align: center;
}

#javadoc_container {
  height: 100%;
}

b,dt,strong,th {
  font-weight: 600
}

.doc p a code {
  color: #1565c0
}

.listingblock .title {
  border-bottom: 1px solid #1565c0;
  display: block; 
  font-family: monospace;
  text-align: left;
}

/* Styles for connector root page multi-col list of connectors */
.multi-column {
  column-width: 200px;
  column-gap: 20px;
}

.multi-column ul,
.multi-column ol {
  margin: 0;
  padding-left: 1.5em;
}

.multi-column li {
  break-inside: avoid;
  page-break-inside: avoid; /* For older browsers */
}

@media (max-width: 600px) {
  .multi-column {
    column-width: auto;
    column-count: 1;
  }
}

/* Styles for connector tables */
table.connector th {
    background-color: var(--de-color-blue); 
    color: white; 
}
table.connector tr:nth-child(even) {
    background-color: #f0f8ff; /* Very light blue for even rows */
}

table.connector tr:nth-child(odd) {
    background-color: white; /* Light grey for even rows */
}

/* Style for connector properties table  */
table.config-properties th:nth-child(1), 
table.config-properties td:nth-child(1) {
    width: 10%; /* 10% width for the first column */
}

table.config-properties th:nth-child(2), 
table.config-properties td:nth-child(2) {
    width: 80%; /* 80% width for the second column */
}

table.config-properties th:nth-child(3), 
table.config-properties td:nth-child(3) {
    width: 5%; /* 5% width for the third column */
}

table.config-properties th:nth-child(4), 
table.config-properties td:nth-child(4) {
    width: 5%; /* 5% width for the fourth column */
}