/* css/sah.css */
.chess-board {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr);
    width: 100%;
    max-width: 600px;
    aspect-ratio: 1 / 1;
    border: 4px solid #333;
    border-radius: 4px;
    background-color: #f0d9b5;
    user-select: none;
    margin: 0 auto;
}

.square {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.square.light {
    background-color: #f0d9b5;
}

.square.dark {
    background-color: #b58863;
}

.square.selected {
    background-color: #baca44 !important;
}

.square.valid-move::after {
    content: '';
    width: 30%;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
}

.piece {
    width: 90%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.1s ease-in-out;
}

.piece:active {
    transform: scale(1.1);
}

/* URLs către iconițele cu piese de șah - VARIANTA CORECTATĂ */

/* Piese Albe */
.piece.wp {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/45/Chess_plt45.svg');
}

.piece.wn {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/70/Chess_nlt45.svg');
}

.piece.wb {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b1/Chess_blt45.svg');
}

.piece.wr {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/72/Chess_rlt45.svg');
}

.piece.wq {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/15/Chess_qlt45.svg');
}

.piece.wk {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/42/Chess_klt45.svg');
}

/* Piese Negre */
.piece.bp {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c7/Chess_pdt45.svg');
}

/* AICI ERA EROAREA: am schimbat din 'e/ed' în 'e/ef' */
.piece.bn {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/ef/Chess_ndt45.svg');
}

.piece.bb {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/98/Chess_bdt45.svg');
}

.piece.br {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/f/ff/Chess_rdt45.svg');
}

.piece.bq {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/47/Chess_qdt45.svg');
}

.piece.bk {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/f/f0/Chess_kdt45.svg');
}

@media (max-width: 576px) {
    #chess-container {
        width: 100%;
        padding: 0 10px;
    }
}

/* Evidențierea ultimei mutări (galben translucid) */
.square.last-move {
    background-color: rgba(255, 255, 0, 0.4) !important;
}

/* Animație pentru piesa care tocmai s-a mutat */
@keyframes pieceDrop {
    from {
        transform: scale(1.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.piece {
    /* ... restul stilurilor tale ... */
    transition: all 0.2s ease-in-out;
}

/* Aplicăm animația pieselor când sunt randate */
.piece-moved {
    animation: pieceDrop 0.3s ease-out;
}

.captured-pieces-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    min-height: 25px;
    margin-top: 5px;
}

.captured-piece {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
}

/* Reutilizăm clasele existente pentru imagini, dar la scară mică */
.captured-piece.wp {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/45/Chess_plt45.svg');
}

.captured-piece.wn {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/70/Chess_nlt45.svg');
}

.captured-piece.wb {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b1/Chess_blt45.svg');
}

.captured-piece.wr {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/72/Chess_rlt45.svg');
}

.captured-piece.wq {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/15/Chess_qlt45.svg');
}

.captured-piece.bp {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c7/Chess_pdt45.svg');
}

.captured-piece.bn {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/ef/Chess_ndt45.svg');
}

.captured-piece.bb {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/98/Chess_bdt45.svg');
}

.captured-piece.br {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/f/ff/Chess_rdt45.svg');
}

.captured-piece.bq {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/47/Chess_qdt45.svg');
}

#btn-undo {
    font-weight: bold;
    color: #000;
}

#btn-undo:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(1);
}

#game-status {
    transition: all 0.3s ease;
    min-width: 150px;
    /* Prevents the badge from jumping in size */
}

/* Optional: change badge color when AI is thinking */
#game-status:has(.fa-spinner) {
    background-color: #6c757d !important;
    /* Secondary gray */
}

/* Highlight for the last captured piece */
.captured-piece.last-captured-highlight {
    background-color: rgba(255, 215, 0, 0.6) !important;
    /* Gold/Yellow background */
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(255, 215, 0, 0.8);
    transform: scale(1.1);
    border: 1px solid orange;
}