/* RACKSYNC Custom CSS — MkDocs Material Theme Overrides */
/* Brand colors: Primary #F5B800, Secondary #8B6914 */

:root {
  --racksync-yellow: #F5B800;
  --racksync-gold: #8B6914;
  --racksync-light: #FFF8E1;
  --racksync-dark: #1A1A1A;
}

/* Primary color overrides */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #F5B800;
  --md-primary-fg-color--light: #FFD54F;
  --md-primary-fg-color--dark: #8B6914;
  --md-accent-fg-color: #8B6914;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #F5B800;
  --md-primary-fg-color--light: #FFD54F;
  --md-primary-fg-color--dark: #8B6914;
  --md-accent-fg-color: #F5B800;
}

/* Header bar */
.md-header {
  background-color: var(--racksync-yellow);
  color: #000;
}

.md-header__button.md-logo img {
  height: 2rem;
}

/* Navigation tabs */
.md-tabs {
  background-color: var(--racksync-gold);
}

/* Links */
.md-content a {
  color: var(--racksync-gold);
}

.md-content a:hover {
  color: var(--racksync-yellow);
}

/* Table headers */
.md-typeset table:not([class]) th {
  background-color: var(--racksync-light);
  color: var(--racksync-dark);
  font-weight: 700;
}

/* Admonition overrides */
.md-typeset .admonition.danger {
  border-color: #FF5252;
}

.md-typeset .admonition.danger > .admonition-title {
  background-color: #FFEBEE;
}

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

.md-typeset .admonition.warning > .admonition-title {
  background-color: var(--racksync-light);
}

/* Code blocks */
.md-typeset code {
  color: var(--racksync-gold);
}

.md-typeset pre code {
  color: inherit;
}

/* Sidebar active link */
.md-nav__link--active {
  color: var(--racksync-gold);
}

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

.md-footer-meta {
  background-color: #111;
}

/* ── Language Toggle Button ── */
.racksync-lang-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto 0.15rem;
  padding: 0.15rem 0.55rem;
  border: 1.5px solid currentColor;
  border-radius: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  opacity: 0.75;
  transition: opacity 0.25s, background-color 0.25s;
  white-space: nowrap;
}

.racksync-lang-toggle:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
}

.racksync-lang-toggle .lang-code {
  font-family: var(--md-code-font, monospace);
}

/* Dark-mode adjustments */
[data-md-color-scheme="slate"] .racksync-lang-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}