/* Custom CSS for Stratpoint Timesheet Documentation */

/* Work Sans font import */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Override Material theme fonts */
:root {
  --md-text-font: "Work Sans", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  --md-code-font: "Roboto Mono", SFMono-Regular, Consolas, Menlo, monospace;
}

/* Custom color scheme */
:root {
  --stratpoint-primary: #607d8b;
  --stratpoint-secondary: #37474f;
  --stratpoint-accent: #2196f3;
  --stratpoint-light: #eceff1;
  --stratpoint-dark: #263238;
}

/* Header customization */
.md-header {
  background-color: var(--stratpoint-primary);
}

/* Full width layout */
.md-grid {
  max-width: none;
}

.md-main__inner {
  max-width: none;
  margin: 0;
}

.md-content {
  max-width: none;
}

/* Sidebar background distinction */
.md-sidebar--primary .md-sidebar__scrollwrap {
  background-color: var(--md-default-bg-color--light);
  border-right: 1px solid var(--md-default-fg-color--lightest);
}

.md-sidebar--secondary .md-sidebar__scrollwrap {
  background-color: var(--md-default-bg-color--light);
  border-left: 1px solid var(--md-default-fg-color--lightest);
}

/* Navigation customization */
.md-nav__title {
  font-weight: 600;
}

.md-nav__item--active > .md-nav__link {
  color: var(--stratpoint-accent);
  font-weight: 500;
}

/* Code block styling */
.highlight {
  border-radius: 4px;
  overflow: hidden;
}

/* Mermaid diagram styling */
.mermaid {
  text-align: center;
  margin: 1.5em 0;
}

/* Table styling */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: var(--stratpoint-light);
  font-weight: 600;
}

/* Admonition customization */
.md-typeset .admonition.note {
  border-color: var(--stratpoint-accent);
}

.md-typeset .admonition.warning {
  border-color: #ff9800;
}

.md-typeset .admonition.danger {
  border-color: #f44336;
}

.md-typeset .admonition.success {
  border-color: #4caf50;
}

/* Custom button styling */
.md-button {
  background-color: var(--stratpoint-accent);
  border-color: var(--stratpoint-accent);
  color: white;
  font-weight: 500;
  text-transform: none;
}

.md-button:hover {
  background-color: var(--stratpoint-secondary);
  border-color: var(--stratpoint-secondary);
}

/* Footer customization */
.md-footer {
  background-color: var(--stratpoint-dark);
}

/* Search highlighting */
.md-search-result__teaser mark {
  background-color: var(--stratpoint-accent);
  color: white;
}

/* Custom spacing for better readability */
.md-typeset h1 {
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.md-typeset h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.md-typeset h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 500;
}

/* API endpoint styling */
.api-endpoint {
  background-color: var(--md-code-bg-color);
  border-left: 4px solid var(--stratpoint-accent);
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  border-radius: 0 4px 4px 0;
}

.api-method {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-right: 0.5rem;
}

.api-method.get {
  background-color: #4caf50;
  color: white;
}

.api-method.post {
  background-color: #2196f3;
  color: white;
}

.api-method.put {
  background-color: #ff9800;
  color: white;
}

.api-method.delete {
  background-color: #f44336;
  color: white;
}

/* Status badge styling */
.status-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}

.status-badge.active {
  background-color: #e8f5e8;
  color: #2e7d32;
}

.status-badge.deprecated {
  background-color: #fff3e0;
  color: #ef6c00;
}

.status-badge.beta {
  background-color: #e3f2fd;
  color: #1565c0;
}

/* Responsive adjustments */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title {
    background-color: var(--stratpoint-primary);
  }
}

/* Print styles */
@media print {
  .md-header,
  .md-footer,
  .md-nav,
  .md-sidebar {
    display: none !important;
  }

  .md-content {
    margin: 0 !important;
  }
}