/* style.css: algemene layout en look & feel voor alle stemmenpagina's */

body { 
    font-family: 'Arial', sans-serif; 
    background:#f9f9f9; 
    margin:0; 
    padding:0; 
}

.container { 
    max-width:500px; 
    margin:50px auto; 
    padding:20px; 
    background:#fff; 
    border-radius:8px; 
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

h2 { 
    color:#2a2a2a; 
    text-align:center; 
}

.choice { 
    display:block; 
    width:94%; 
    padding:8px; 
    margin:10px 0; 
    background:#eee; 
    border-radius:6px; 
    font-size:18px; 
    cursor:pointer; 
    border:2px solid transparent; 
    position:relative; 
    transition:0.2s; 
}

.choice.selected { 
    background:#2a9d8f; 
    color:#fff; 
    border-color:#21867a; 
	
}

.choice.selected::after { 
    content: "\2713"; 
    position:absolute; 
    right:15px; 
    top:50%; 
    transform:translateY(-50%); 
    font-size:24px; 
}

button { 
    width:100%; 
    padding:15px; 
    font-size:18px; 
    background:#ce1611; 
    color:#fff; 
    border:none; 
    border-radius:6px; 
    cursor:pointer; 
    margin-top:15px;
}

button:hover { 
    background:#ce1611; 
}

/* Responsive */
@media (max-width: 600px) {
    .container { margin:20px; padding:15px; }
    .choice { font-size:16px; }
    button { font-size:16px; padding:12px; }
}

/* Licht/grijze “Begin opnieuw” knop */
.btn-reset {
    width: 100%;
    background: #ccc;
    color: #333;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 20px;
}

.btn-reset:hover {
    background: #bbb;
}

/* Lijst op bevestigingspagina */
.container ul {
    padding-left: 25px;   /* minder dan standaard ~40px */
    list-style-type: disc; /* of circle, of none als je geen bolletjes wil */
}

.container ul li {
    margin: 15px 0;        /* minder tussenruimte tussen items */
    font-size: 16px;      /* iets kleiner als je wil */
}

/*
#voteForm button {
    position: sticky;
    bottom: 10px;
    width: calc(100% - 20px);
    max-width: 500px;
    margin: 0 auto;
    display: block;
    z-index: 100;
}
*/