/* style.css */

/* --- Tampilan Umum dan Latar Belakang --- */
body {
    background-color: #f8f9fa; /* Light gray background */
}

.container.mt-5 {
    padding-bottom: 50px;
}

/* --- Navigation Bar --- */
.bg-primary {
    background-color: #007bff !important; /* Bootstrap Primary Blue */
}

/* --- Card Calon (Pemilihan) --- */
.card {
    border: none;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden; /* Penting untuk menjaga elemen di dalam */
}

.card:hover {
    transform: translateY(-5px); /* Efek angkat saat di-hover */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

/* --- Kontainer Foto Calon --- */
.candidate-photo-container {
    width: 100%;
    /* Menggunakan rasio untuk tinggi (misalnya 4:3) */
    padding-top: 75%; /* 4/3 = 75%. Tinggi 75% dari lebar */
    position: relative;
    overflow: hidden;
    background-color: #e9ecef; /* Background abu-abu untuk area foto */
}

.candidate-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Agar gambar terlihat penuh tanpa terpotong */
    object-fit: contain; 
    border-bottom: 1px solid #eee;
}

/* --- Warna Judul --- */
.text-primary {
    color: #007bff !important;
}
.text-success {
    color: #28a745 !important; /* Bootstrap Success Green */
}

/* --- Alert Info Token --- */
.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
    font-size: 1.1em;
    font-weight: 500;
}

/* --- Tombol Vote --- */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    transition: background-color 0.3s ease;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.btn-success:hover {
    background-color: #1e7e34;
    border-color: #1e7e34;
}

.btn-primary:disabled, .btn-success:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}