/* Card Styles - /var/www/vhosts/ruotix.srl/tarot/css/cards.css */

.tarot-card {
    width: 120px;
    height: 200px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Cinzel', serif;
    position: relative;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    transition: transform 0.3s;
}

.tarot-card:hover {
    transform: scale(1.05) rotateY(5deg);
}

/* ARCANI MAGGIORI */
.card-major {
    background: linear-gradient(135deg, #2c1810, #4a2c2a);
    border: 3px solid #d4af37;
    color: #d4af37;
}

.card-major .card-number {
    font-size: 2rem;
    text-shadow: 0 0 10px rgba(212,175,55,0.5);
}

.card-major .card-name {
    font-size: 0.8rem;
    text-align: center;
    padding: 5px;
}

/* SEMI - Coppe/Cups */
.card-cups, .card-coppe, .card-coupes, .card-chalices {
    background: linear-gradient(135deg, #1a3a5c, #2d5a87);
    border: 2px solid #5dade2;
    color: #aed6f1;
}

.card-cups::before, .card-coppe::before, .card-coupes::before, .card-chalices::before {
    content: "🏆";
    font-size: 3rem;
}

/* SEMI - Bastoni/Wands */
.card-wands, .card-bastoni, .card-batons, .card-scepters {
    background: linear-gradient(135deg, #5c1a1a, #8b3a3a);
    border: 2px solid #e74c3c;
    color: #f5b7b1;
}

.card-wands::before, .card-bastoni::before, .card-batons::before, .card-scepters::before {
    content: "🔥";
    font-size: 3rem;
}

/* SEMI - Spade/Swords */
.card-swords, .card-spade, .card-epees, .card-daggers {
    background: linear-gradient(135deg, #4a4a4a, #6c6c6c);
    border: 2px solid #bdc3c7;
    color: #ecf0f1;
}

.card-swords::before, .card-spade::before, .card-epees::before, .card-daggers::before {
    content: "⚔️";
    font-size: 3rem;
}

/* SEMI - Denari/Pentacles */
.card-pentacles, .card-denari, .card-deniers, .card-disks, .card-coins {
    background: linear-gradient(135deg, #1a4a1a, #2d7a2d);
    border: 2px solid #f1c40f;
    color: #f9e79f;
}

.card-pentacles::before, .card-denari::before, .card-deniers::before, .card-disks::before, .card-coins::before {
    content: "⭐";
    font-size: 3rem;
}

/* MAZZI SPECIALI */

/* Hanafuda */
.card-hanafuda {
    background: linear-gradient(135deg, #fff5f5, #ffe4e4);
    border: 2px solid #c0392b;
    color: #922b21;
}

.card-hanafuda::before {
    content: "🌸";
    font-size: 3rem;
}

/* I-Ching */
.card-iching {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    border: 2px solid #e94560;
    color: #f1f1f1;
}

.card-iching::before {
    content: "☯️";
    font-size: 3rem;
}

/* Egizio */
.card-egyptian {
    background: linear-gradient(135deg, #d4a017, #c9a227);
    border: 2px solid #8b4513;
    color: #2c1810;
}

.card-egyptian::before {
    content: "𓂀";
    font-size: 3rem;
}

/* Celtico */
.card-celtic {
    background: linear-gradient(135deg, #1a472a, #2d5a3d);
    border: 2px solid #27ae60;
    color: #a9dfbf;
}

.card-celtic::before {
    content: "☘️";
    font-size: 3rem;
}

/* Norreno */
.card-norse {
    background: linear-gradient(135deg, #2c3e50, #34495e);
    border: 2px solid #95a5a6;
    color: #ecf0f1;
}

.card-norse::before {
    content: "ᚱ";
    font-size: 3rem;
}

/* Animazione estrazione */
@keyframes cardReveal {
    0% { transform: rotateY(180deg); opacity: 0; }
    100% { transform: rotateY(0); opacity: 1; }
}

.card-reveal {
    animation: cardReveal 0.6s ease-out;
}

/* Card back */
.card-back {
    background: repeating-linear-gradient(
        45deg,
        #1a1a2e,
        #1a1a2e 10px,
        #16213e 10px,
        #16213e 20px
    );
    border: 3px solid #d4af37;
}

.card-back::before {
    content: "🔮";
    font-size: 4rem;
}