/**
 * Chessland - Temă Personalizată pentru Tabla de Șah
 * Stilizare magică pentru Chessboard.js
 */

/* Container tabla de șah */
#chessboard {
    position: relative;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

/* Pătratele tablei */
.white-square {
    background-color: #f0d9b5 !important;
    transition: background-color 0.2s ease;
}

.black-square {
    background-color: #b58863 !important;
    transition: background-color 0.2s ease;
}

/* Evidențiere pătrate cu mutări posibile */
.highlight-move {
    position: relative;
}

.highlight-move::after {
    content: '';
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background: radial-gradient(circle, rgba(76, 175, 80, 0.6), rgba(76, 175, 80, 0.2));
    border-radius: 50%;
    pointer-events: none;
}

/* Evidențiere piesă selectată */
.selected-piece {
    box-shadow: inset 0 0 0 3px #ffd700, 0 0 0 3px rgba(255, 215, 0, 0.5);
    border-radius: 50%;
    transition: all 0.2s ease;
}

/* Evidențiere ultima mutare */
.last-move {
    background: rgba(255, 215, 0, 0.3) !important;
}

/* Piese șah SVG custom */
.chess-piece {
    width: 80%;
    height: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.chess-piece:hover {
    transform: scale(1.05);
}

/* Clase pentru piese SVG */
.wp-piece {
    background-image: url('../assets/svg/pieces/wP.svg');
}

.bp-piece {
    background-image: url('../assets/svg/pieces/bP.svg');
}

.wr-piece {
    background-image: url('../assets/svg/pieces/wR.svg');
}

.br-piece {
    background-image: url('../assets/svg/pieces/bR.svg');
}

.wn-piece {
    background-image: url('../assets/svg/pieces/wN.svg');
}

.bn-piece {
    background-image: url('../assets/svg/pieces/bN.svg');
}

.wb-piece {
    background-image: url('../assets/svg/pieces/wB.svg');
}

.bb-piece {
    background-image: url('../assets/svg/pieces/bB.svg');
}

.wq-piece {
    background-image: url('../assets/svg/pieces/wQ.svg');
}

.bq-piece {
    background-image: url('../assets/svg/pieces/bQ.svg');
}

.wk-piece {
    background-image: url('../assets/svg/pieces/wK.svg');
}

.bk-piece {
    background-image: url('../assets/svg/pieces/bK.svg');
}

/* Stil pentru tabla pe dark mode (opțional) */
.dark-mode .white-square {
    background-color: #c9b896 !important;
}

.dark-mode .black-square {
    background-color: #8b6946 !important;
}

/* Animație la plasarea piesei */
.piece-placed {
    animation: piecePlace 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes piecePlace {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Animație la capturare */
.piece-captured {
    animation: pieceCapture 0.3s ease forwards;
}

@keyframes pieceCapture {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

/* Indicator de șah */
.check-indicator {
    position: relative;
}

.check-indicator::after {
    content: '⚔️';
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 20px;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
}

/* Stil pentru timer (dacă va fi implementat) */
.chess-timer {
    font-family: monospace;
    font-size: 2rem;
    text-align: center;
    padding: 10px;
    background: #2c3e50;
    color: #fff;
    border-radius: 10px;
    margin: 10px auto;
}

/* Coordonate pe tabla (opțional) */
.coordinate-light {
    color: #b58863 !important;
}

.coordinate-dark {
    color: #f0d9b5 !important;
}