/* Custom styles for Midaxo API documentation */

/* Make code blocks stand out more */
.md-typeset pre {
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Better table styling */
.md-typeset table:not([class]) {
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.md-typeset table:not([class]) th {
  background-color: #f5f5f5;
}

/* Swagger UI customizations to match Material theme */
.swagger-ui .opblock-summary-description {
  font-style: italic;
}

.swagger-ui .opblock {
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Admonition customizations */
.md-typeset .admonition {
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Swagger UI iframe styling and alignment */
.swagger-ui-iframe {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Fix alignment with the page content */
.md-typeset > p > .swagger-ui-iframe,
.md-typeset p > .swagger-ui-iframe {
  margin-left: -1.2rem !important;
  width: calc(100% + 2.4rem) !important;
}

/* Style Swagger UI components to match Material theme */
.swagger-ui .btn {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.swagger-ui .opblock-tag {
  border-radius: 4px;
  padding: 8px 12px;
  margin-bottom: 16px;
}

.swagger-ui .opblock-tag-section {
  margin-bottom: 24px;
}

.swagger-ui .parameters-container,
.swagger-ui .responses-wrapper {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.swagger-ui .response {
  border-radius: 3px;
}

.swagger-ui select {
  border-radius: 4px;
}

/* Adjust colors to better match indigo theme */
.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #3f51b5; /* Indigo primary */
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: #4caf50; /* Green for POST */
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
  background: #ff9800; /* Orange for PUT */
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
  background: #f44336; /* Red for DELETE */
}

.swagger-ui .opblock.opblock-patch .opblock-summary-method {
  background: #9c27b0; /* Purple for PATCH */
}

.swagger-ui .btn.execute {
  background-color: #3f51b5; /* Indigo primary */
}

.swagger-ui .btn.authorize {
  border-color: #3f51b5; /* Indigo primary */
  color: #3f51b5; /* Indigo primary */
}

/* Comprehensive typography adjustments for Swagger UI */
/* Apply Material theme fonts to ALL Swagger UI elements */
.swagger-ui * {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Specific element typography tuning */
.swagger-ui .info h2.title {
  font-weight: 300;
  font-size: 2rem;
  margin: 1rem 0;
}

.swagger-ui .info h3,
.swagger-ui h3.opblock-tag {
  font-weight: 400;
  font-size: 1.4rem;
}

.swagger-ui .opblock-summary-description,
.swagger-ui .opblock-summary-operation-id,
.swagger-ui .opblock-summary-path,
.swagger-ui .opblock-summary-method,
.swagger-ui table thead tr th,
.swagger-ui .parameters-col_name,
.swagger-ui .parameters-col_description,
.swagger-ui .response-col_status,
.swagger-ui .response-col_description,
.swagger-ui .tab,
.swagger-ui .responses-inner h4,
.swagger-ui .model,
.swagger-ui .model-title,
.swagger-ui .model-box,
.swagger-ui .renderedMarkdown p,
.swagger-ui .opblock-section-header h4,
.swagger-ui .opblock-title,
.swagger-ui .opblock-body {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Monospace fonts for code blocks to match Material */
.swagger-ui pre,
.swagger-ui code,
.swagger-ui .code,
.swagger-ui .model-box pre,
.swagger-ui .response pre {
  font-family: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace !important;
  font-size: 0.85em !important;
}