/* Zones multiplicateurs : carrés dans les coins */
.bingo-cell {
    position: relative;
}

/* Zone Double (coin haut-gauche, bleu) */
.mult-zone-d {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 40%;
    background: linear-gradient(135deg, #2979ff, #42a5f5);
    border-radius: 8px 0 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    /* Visible seulement au hover */
    transition: opacity 0.2s, transform 0.2s;
    z-index: 10;
    /* Au-dessus du cell-content */
}

.bingo-cell:hover .mult-zone-d {
    opacity: 1;
    transform: scale(1.05);
}

/* Zone Triple (coin haut-droit, orange) */
.mult-zone-t {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 40%;
    background: linear-gradient(135deg, #ff6b35, #ff8c42);
    border-radius: 0 8px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    /* Visible seulement au hover */
    transition: opacity 0.2s, transform 0.2s;
    z-index: 10;
    /* Au-dessus du cell-content */
}

.bingo-cell:hover .mult-zone-t {
    opacity: 1;
    transform: scale(1.05);
}

/* Labels T et D */
.mult-label {
    font-size: 1rem;
    font-weight: 900;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

/* Cell content */
.bingo-cell .cell-content {
    cursor: pointer;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}