@import "tenant.css";

/* Bar with possibility to specify custom swagger location */
#swagger-ui div.topbar {
  display: none;
}

/* We need wider document for swagger ui page */
div.body {
  max-width: 1460px;
}

div.document {
  width: initial;
  max-width: 1740px;
}

/* Fix collisions with Alabaster theme CSS */
.swagger-ui pre {
  background: initial;
}

.swagger-ui pre.microlight code {
  color: #fff;
  background: #333;
}
/**/

/* Alabaster theme tuning */
.menuselection {
  border-bottom: dotted 1px black;
  font-style: italic;
}

.guilabel {
  font-style: italic;
}

div.admonition-todo {
  background-color: yellow;
}

.admonition.note {
  font-size: 16px;
  color: #3d3d3d;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
}

.admonition.note .admonition-title {
  font-size: 16px;
  font-weight: 700;
}

s .code-block-caption {
  background-color: #d0d0d0;
}

.code-block-caption span.caption-text {
  font-size: large;
}

/* Common look */
div.sphinxsidebar a {
  border-bottom: none;
}

a.reference,
a.reference:hover,
div.sphinxsidebar a:hover {
  border-bottom: none;
}

div.sphinxsidebar ul ul {
  list-style-type: none;
}

div.sphinxsidebar div.sphinxsidebarwrapper ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.sphinxsidebar h3 {
  display: none;
}

.sphinxsidebar h3#searchlabel {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #3d3d3d;
}

.sphinxsidebar .caption {
  color: #3d3d3d;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

div.sphinxsidebar a {
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.4;
}

div.sphinxsidebar ul ul a {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.4;
}

section > h1 {
  font-size: 32px !important;
  line-height: 1.2;
}

section > h2 {
  font-size: 24px !important;
  line-height: 1.2;
}

section > h3 {
  font-size: 20px !important;
}

section > a.reference {
  text-decoration: underline !important;
}

/* Fix swagger ui broken by tenant.css */
.swagger-ui a {
  color: #3b4151;
}

/* Swagger UI theme change */

#swagger-ui .swagger-ui .model .prop .renderedMarkdown {
  font-weight: 400;
  color: #666;
}

div#swagger-ui .swagger-ui .markdown code,
div#swagger-ui .swagger-ui .renderedMarkdown code {
  font-weight: 400;
  font-size: inherit;
}

/* Hide header in PWA url OAS document */
#swagger-ui .info {
  display: none;
}

.success code span.pre {
  color: #2e7d32;
  background-color: #e8f5e9;
  padding: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.failure code span.pre {
  color: #c62828;
  background-color: #fdeded;
  padding: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.processing code span.pre {
  color: #663c00;
  background-color: #fff3e0;
  padding: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.swagger-container .swagger-ui .scheme-container {
  margin: 4em 0 0 0;
  padding: 0;
  background: transparent;
  box-shadow: None;
}

.change-log-add,
.change-log-del,
.change-log-mod,
.change-log-depr,
.change-log-ui,
.change-log-url,
.new-label {
  font-size: 16px;
  font-weight: 600;
  padding: 4px;
  border-radius: 4px;
}

.change-log-add {
  color: #2e7d32;
  background-color: #e8f5e9;
}

.change-log-del {
  color: #c62828;
  background-color: #fdeded;
}

.change-log-mod {
  color: #663c00;
  background-color: #fff3e0;
}

.change-log-depr {
  background-color: gray;
}

.change-log-ui {
  background-color: darkorange;
}

.change-log-url {
  background-color: brown;
}

.new-label {
  color: #c62828;
  background-color: #fdeded;
}

/* Fix for images in tables - otherwise the evenly sized images in one table row are rendered with different dimensions
 for example in https://developers.carpentum.tech/api/payin-methods.html#convenience-store-payment
 */
table.docutils img {
  max-width: max-content;
}