/* Fix per pulsanti info nel tabellone */
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1001 !important; /* Layer superiore per evitare sovrapposizioni */
    min-width: 32px !important;
    min-height: 32px !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important;
}

/* Fix per l'icona nei pulsanti info */
.btn-info .fa-info-circle, .btn-info:hover .fa-info-circle {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
}

/* Fix per i pulsanti disabilitati */
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 32px !important;
    min-height: 32px !important;
    opacity: 0.65 !important;
    visibility: visible !important;
}

/* Contenitore dei pulsanti */
.d-flex:has(.btn-info) {
    display: flex !important;
    gap: 4px !important;
}