/* Chessfancy deployment overrides. Keep this file separate from upstream CSS. */
.nav-link.active.home.chessfancy-brand {
  display: flex;
  align-items: center;
  padding: 0 0.7rem;
  line-height: normal;
}
.nav-link.active.home.chessfancy-brand img {
  display: block;
  width: auto;
  height: 36px;
  max-width: 176px;
  object-fit: contain;
}
@media (max-width: 799px) {
  .nav-link.active.home.chessfancy-brand img {
    height: 32px;
    max-width: 150px;
  }
}

/* Chessfancy dark theme — derived from the #00A0E0 brand blue. */
[data-theme='dark'] {
  --font-color: #c5d5dc;
  --link-color: #9bb1bb;
  --link-hover: #38b9ea;
  --text-shadow: none;

  --bg-body: #08151d linear-gradient(to bottom, #0d202b, #08151d 116px) no-repeat;
  --bg-color0: #0d202b;
  --bg-color1: #102633;
  --bg-color2: #173544;
  --bg-seek: rgba(16, 38, 51, 0.88);
  --bg-meta: #122a38;
  --bg-input: #0a1b24;

  --game-hover: #123e52;
  --blue-active: #0d5575;
  --blue-passive: #183747;
  --blue-hover: #38b9ea;
  --link-color-blue: #4fc3ef;

  --drop-down: #102633;
  --modal-bg: #0d202b;
  --box-header: linear-gradient(to bottom, #173544, #102633 100%);

  --button-new-game: linear-gradient(to bottom, #173544, #102633 100%);
  --button-new-game-hover: linear-gradient(to bottom, #1c4559, #153848 100%);
  --button-text: #b4c8d1;
  --button-text-hover: #e8f7fc;

  --scrollbar-thumb: #244b5e;
  --scrollbar-thumb-hover: #31667e;
  --input-border: #285064;
  --border-color: #234657;

  --btn-controls: #15313f;
  --rematch: linear-gradient(to bottom, #173544, #102633 100%);
  --rematch-hover: #087eac;

  --post-hover: #123e52;
  --vpanel-button: #14303e;
  --vpanel-button-hover: #1a3c4d;
  --vpanel-heading: #a8bec7;
  --panel-link-hover: #d5edf6;
  --chat-entry-border-top: #234657;
  --chat-entry-bg: #0d202b;
  --toggle-bg: #315666;
  --slider-border: #426d7f;

  --anal-clock: #16445a;
  --pv-hover: #173e49;
  --table-even: rgba(81, 179, 218, 0.06);
  --bug-waiting: #214150;

  --checkbox-bg: #087fae;
  --checkbox-border: #2b6f89;
  --checkbox-checked: #00a0e0;

  --notify-new: #174a5f;
  --invite-game: #143544;
  --feature-btn: #174a5f;
}

/* Slightly stronger brand cues while preserving PyChess layout. */
[data-theme='dark'] .nav-link:hover,
[data-theme='dark'] .nav-link:active {
  color: #38b9ea;
}

[data-theme='dark'] .nav-link.active.home.chessfancy-brand {
  filter: drop-shadow(0 0 7px rgba(0, 160, 224, 0.16));
}