/* OpenVPN brand colors */
:root {
  --md-primary-fg-color: #EA7E20;
  --md-primary-fg-color--light: #F09A4A;
  --md-primary-fg-color--dark: #C96A10;
  --md-accent-fg-color: #EA7E20;
  --md-accent-fg-color--transparent: rgba(234, 126, 32, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #EA7E20;
  --md-primary-fg-color--light: #F09A4A;
  --md-primary-fg-color--dark: #C96A10;
  --md-accent-fg-color: #F09A4A;
  --md-accent-fg-color--transparent: rgba(240, 154, 74, 0.1);
}

/* Images */
img {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* Table header matching brand */
table th {
  background: #EA7E20;
  color: #ffffff;
}

[data-md-color-scheme="slate"] table th {
  background: #C96A10;
  color: #ffffff;
}

/* Typography */
.md-typeset {
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  font-size: .7rem;
  line-height: 1.4;
}

/* Full-width tables */
.md-typeset table:not([class]) {
  display: table;
}

.md-typeset__table {
  table-layout: fixed;
  width: 100%;
}

/* Content width */
.md-main__inner {
  max-width: 70rem;
}

/* Navigation tabs active indicator */
.md-tabs__link--active,
.md-tabs__link:hover {
  opacity: 1;
}

/* Admonition accent colors */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #EA7E20;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(234, 126, 32, 0.1);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  color: #EA7E20;
}

/* Docs footer — compact, theme-aware */
.md-footer {
  background: transparent;
}

.md-footer-meta {
  background: transparent;
  padding: 0.3rem 0;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.docs-footer__text {
  font-size: 0.6rem;
  color: var(--md-default-fg-color--lighter);
  text-align: center;
  margin: 0;
}

.md-footer .docs-footer__text a,
.md-footer-meta .docs-footer__text a {
  color: var(--md-default-fg-color--lighter) !important;
  text-decoration: underline;
}

/* Pin revision date to bottom right of content area */
.md-content {
  position: relative;
  min-height: calc(100vh - 12rem);
  padding-bottom: 3rem;
}

.md-source-file {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  text-align: right;
}

.git-revision-date-localized-plugin {
  font-size: 0.6rem;
  color: var(--md-default-fg-color--lighter);
}