/* CSS untuk tombol dalam daftar */
.button-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.pkp_navigation_primary_row {
      background-color: #007bff; /* Warna biru pada latar belakang tombol */
}

.pkp_site_name_wrapper{
      background-color: #f7f8f8; /* Warna abu-abu muda pada latar belakang */
}

.button-list .btn {
    display: block;
    text-decoration: none;
    background-color: #007bff; /* Warna biru pada latar belakang tombol */
    color: #ffffff; /* Warna teks putih */
    padding: 6px 12px; /* Padding tombol lebih kecil */
    margin: 1px 0; /* Mengurangi jarak antar tombol */
    border-radius: 5px; /* Sudut tombol yang melengkung */
    text-align: center;
    font-size: 14px; /* Ukuran font pada tombol lebih kecil */
    font-weight: bold; /* Membuat teks menjadi tebal */
    transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; /* Efek transisi untuk latar belakang, warna teks, dan shadow */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Shadow default untuk tombol */
}

/* Efek hover pada tombol */
.button-list .btn:hover {
    background-color: #0056b3; /* Warna biru gelap saat hover */
    color: #ffffff; /* Warna teks tetap putih */
    cursor: pointer; /* Mengubah kursor menjadi pointer saat hover */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow lebih besar saat hover */
}

/* Efek focus (ketika tombol terpilih) */
.button-list .btn:focus {
    outline: none; /* Menghilangkan outline saat tombol terpilih */
    background-color: #003f7f; /* Warna biru lebih gelap saat focus */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Shadow lebih besar saat focus */
}
/* CSS untuk navigation primary */
#navigationPrimary.pkp_navigation_primary.pkp_nav_list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Style untuk link utama di navigation */
#navigationPrimary .pkp_navigation_primary li a {
    display: block;
    text-decoration: none;
    color: #333; /* Warna teks default */
    padding: 10px 15px; /* Padding untuk area click yang lebih besar */
    transition: background-color 0.3s, color 0.3s; /* Efek transisi halus */
    border-radius: 4px; /* Sudut melengkung */
}

/* Efek hover untuk link utama */
#navigationPrimary .pkp_navigation_primary li a:hover {
    background-color: #007bff; /* Background biru saat hover */
    color: #ffffff; /* Warna teks putih saat hover */
}

/* Style untuk dropdown menu */
#navigationPrimary .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.li a {
    color: #333; /* Warna teks default untuk link */
}
li a:hover {
    color: #007bff; /* Warna teks biru saat hover */
}
/* Style untuk link di dropdown */
#navigationPrimary .dropdown-menu li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 8px 15px;
    transition: background-color 0.3s, color 0.3s;
}

/* Efek hover untuk link dropdown */
#navigationPrimary .dropdown-menu li a:hover {
    background-color: #007bff; /* Background biru saat hover */
    color: #ffffff; /* Warna teks putih saat hover */
}

/* Style khusus untuk link dengan dropdown */
#navigationPrimary li a[data-toggle="dropdown"] {
    position: relative;
}

/* Menambahkan indikator dropdown */
#navigationPrimary li a[data-toggle="dropdown"]:after {
    content: " ▼";
    font-size: 10px;
    margin-left: 5px;
}

.pkp_brand_footer {
    display: none;
}