/* ═══════════════════════════════════════════════════════════════
   VFA Single Votazione
   ═══════════════════════════════════════════════════════════════ */

/* Voting table */
#mepsTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

#mepsTable thead th {
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 10px;
    background: var(--vfa-orange) !important;
    color: var(--vfa-white) !important;
    border: none !important;
}

#mepsTable td {
    padding: 10px;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    vertical-align: middle !important;
}

#mepsTable td a {
    color: var(--vfa-dark) !important;
    text-decoration: none;
    font-weight: 500;
}

#mepsTable td a:hover { text-decoration: underline; }

/* MEP photo in table */
#mepsTable .mep-photo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

/* Vote circles */
.vote-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.vote-favorevole { background: var(--vfa-green) !important; }
.vote-contrario { background: var(--vfa-red) !important; }
.vote-astenuto { background: var(--vfa-yellow) !important; }
.vote-assente { background: var(--vfa-gray) !important; }

/* DataTables */
.dataTables_wrapper {
    border: none;
}

.dataTables_filter input {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

/* Declarations */
.meps-declaration {
    background: var(--vfa-white);
    border-radius: var(--vfa-radius);
    padding: 24px;
    margin-bottom: 16px;
}