/* Chess.com green board theme for Chessground */
/* Light squares: #eeeed2, Dark squares: #769656 */

cg-board {
  background-color: #eeeed2;
  /* repeating-conic-gradient creates a checkerboard:
     top-right=dark, bottom-right=light, bottom-left=dark, top-left=light
     a8 (top-left, white view) and h1 (top-left, black view) are both light squares,
     so the same pattern works for both orientations */
  background-image: repeating-conic-gradient(#769656 0% 25%, #eeeed2 0% 50%);
  background-size: 25% 25%;
}

cg-board square.move-dest {
  background: radial-gradient(rgba(20, 85, 30, 0.5) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
}
cg-board square.premove-dest {
  background: radial-gradient(rgba(20, 30, 85, 0.5) 22%, #203085 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
}
cg-board square.oc.move-dest {
  background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 85, 0, 0.3) 80%);
}
cg-board square.oc.premove-dest {
  background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 30, 85, 0.2) 80%);
}
cg-board square.move-dest:hover {
  background: rgba(20, 85, 30, 0.3);
}
cg-board square.premove-dest:hover {
  background: rgba(20, 30, 85, 0.2);
}
cg-board square.last-move {
  background-color: rgba(0, 168, 168, 0.5);
}
cg-board square.selected {
  background-color: rgba(20, 85, 30, 0.5);
}
cg-board square.check {
  background: radial-gradient(
    ellipse at center,
    rgba(255, 0, 0, 1) 0%,
    rgba(231, 0, 0, 1) 25%,
    rgba(169, 0, 0, 0) 89%,
    rgba(158, 0, 0, 0) 100%
  );
}
cg-board square.current-premove {
  background-color: rgba(20, 30, 85, 0.5);
}

/* Coordinate label colors: contrast against each square color */
.cg-wrap coords:nth-child(odd) coord:nth-child(even),
.cg-wrap coords.squares:nth-child(even) coord:nth-child(odd),
.cg-wrap.orientation-black coords.files:nth-child(even) coord:nth-child(odd),
.cg-wrap coords.files:nth-child(even) coord:nth-child(even) {
  color: #eeeed2;
}

.cg-wrap coords:nth-child(odd) coord:nth-child(odd),
.cg-wrap coords.squares:nth-child(even) coord:nth-child(even),
.cg-wrap.orientation-black coords.files:nth-child(even) coord:nth-child(even),
.cg-wrap coords.files:nth-child(even) coord:nth-child(odd) {
  color: #769656;
}

/* Coordinate placement: chessground's stock offsets are fixed pixels (files
   shifted 24px right, ranks 20px up) that only land on the squares at the one
   board size they were tuned for. Our boards range from 280px on a phone to
   440px+ on a desktop, so anchor both sets to the board itself: each label
   then sits inside its own square at any size. */
.cg-wrap coords.ranks {
  top: 0;
  height: 100%;
}

.cg-wrap coords.ranks coord {
  transform: none;
  padding-top: 0.2em;
}

.cg-wrap coords.files {
  left: 0;
  bottom: 0;
  height: 100%;
  align-items: flex-end;
  padding-bottom: 0.2em;
}