/* public/assets/css/style.css */

:root {
    --primary-color: #1A2980; /* C100 M80 Y0 K10 - Biru Keunguan Tua */
    --secondary-color: #FFDE00; /* C0 M10 Y100 K0 - Kuning Cerah */
    --text-dark: #333;
    --text-light: #f8f9fa;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --text-dark: #333; /* Untuk teks di atas warna kuning */
}

body {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f0f2f5; /* Sedikit abu-abu terang untuk background */
    color: var(--text-dark);
}

.bg-primary-custom {
    background-color: var(--primary-color) !important;
}

.text-primary-custom {
    color: var(--primary-color) !important;
}

.btn-secondary-custom {
    background-color: var(--secondary-color);
    color: var(--text-dark); /* Teks hitam agar kontras dengan kuning */
    border-color: var(--secondary-color);
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-secondary-custom:hover {
    background-color: #FFC000; /* Sedikit lebih gelap saat hover */
    border-color: #FFC000;
    color: var(--text-dark);
}

.navbar-brand, .nav-link {
    color: var(--text-light) !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: var(--secondary-color) !important; /* Warna aksen untuk nav hover/active */
}

.card-job {
    border: 1px solid var(--border-color);
    border-radius: .5rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    transition: transform 0.2s ease-in-out;
}

.card-job:hover {
    transform: translateY(-5px);
}

.card-job .card-title {
    color: var(--primary-color);
    font-weight: bold;
}

.job-detail h1 {
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.job-detail .btn {
    margin-top: 1.5rem;
}

footer {
    background-color: var(--primary-color);
    color: var(--text-light);
    padding: 2rem 0;
    margin-top: 3rem;
}

footer a {
    color: var(--secondary-color);
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* CSS untuk mengatur lebar tombol "Lihat Detail" di dalam kartu lowongan */
/* Terapkan hanya pada layar yang lebih besar dari mobile (misal: tablet dan desktop) */
@media (min-width: 768px) { /* Ukuran medium (md) ke atas di Bootstrap */
    .card-job .card-body .btn.w-100 {
        max-width: 180px; /* Atur lebar maksimum yang Anda inginkan, contoh: 180px */
        /* Atau bisa juga dalam persentase, misalnya: max-width: 70%; */
        display: block; /* Pastikan tombol berperilaku sebagai blok untuk margin auto */
        margin-left: auto; /* Pusatkan tombol secara horizontal */
        margin-right: auto; /* Pusatkan tombol secara horizontal */
    }
}