.pkp_site_name .is_img img {
  max-height: 100%;
}
.profile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 20px;
  }

  .profile-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 20px;
    text-align: center;
    transition: transform 0.2s ease;
  }

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

  .profile-card img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 15px;
    border: 3px solid #00a99d;
  }

  .profile-card h3 {
    margin: 10px 0 5px;
    font-size: 1.2em;
    color: #333;
  }

  .profile-card p {
    font-size: 0.9em;
    color: #666;
  }

  .profile-links a {
    display: inline-block;
    margin: 3px 5px;
    font-size: 0.85em;
    color: #00a99d;
    text-decoration: none;
    border: 1px solid #00a99d;
    padding: 3px 8px;
    border-radius: 6px;
    transition: all 0.2s;
  }

  .profile-links a:hover {
    background: #00a99d;
    color: #fff;
  }

  .pkp_brand_footer {
  padding: 5px 0 !important;
  font-size: 12px !important;
}

.pkp_brand_footer img {
  max-height: 25px !important;
}

/* ===== NAV BAR BASE ===== */
.pkp_site_nav_menu .pkp_navigation_primary_row {
  background: #13c9ba !important;
  border-radius: 10px !important;
  padding: 6px 18px !important;
  box-shadow: none !important;
}

/* wrapper align */
.pkp_site_nav_menu .pkp_navigation_primary_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* ===== PRIMARY MENU LAYOUT ===== */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 6px;
  align-items: center;
}

/* menu item styling */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li > a {
  display: inline-block !important;
  padding: 12px 16px !important;     /* sedikit dikurangi untuk keseimbangan */
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 6px !important;     /* radius seragam */
  line-height: 1 !important;
  transition: background 150ms ease, color 150ms ease;
}

/* hover: lembut */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li > a:hover,
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li > a:focus {
  background: rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}

/* ===== Active/current item: lembut & tidak kotak ===== */
/* gunakan padding sedikit lebih, border-radius agar rapi */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li.current > a,
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li > a[aria-current="page"] {
  background: rgba(0,0,0,0.28) !important;  /* lebih lembut daripada solid black */
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Jika tema menambahkan kelas berbeda untuk aktif, tambahkan juga */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li.active > a {
  background: rgba(0,0,0,0.28) !important;
}

/* ===== DROPDOWN ===== */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list li ul {
  background: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 20px rgba(13,37,55,0.12) !important;
  margin-top: 6px !important;
  padding: 6px 0 !important;
  min-width: 220px !important;
  z-index: 9999 !important;
}

/* dropdown link style */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list li ul li a {
  color: #0b6b89 !important;
  display: block !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

/* dropdown hover */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list li ul li a:hover {
  background: rgba(6,95,120,0.05) !important;
  color: #044d63 !important;
}

/* pastikan dropdown muncul tepat di bawah item induk (align-center) */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list li {
  position: relative; /* pastikan posisi relatif untuk child absolute */
}

/* Tarik dropdown lebih dekat ke bawah induk */
.pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list li > ul {
  position: absolute !important;
  top: calc(100% - 6px) !important;   /* <- sesuaikan angka -6px untuk rapat/longgar */
  left: 50% !important;               /* center di bawah induk */
  transform: translateX(-50%) !important; /* center sebenarnya */
  margin-top: 0 !important;           /* hilangkan margin tambahan */
  padding: 8px 0 !important;
  min-width: 220px !important;
  z-index: 9999 !important;
  transition: top 120ms ease !important;
}

/* ===== SEARCH (kanan) ===== */
.pkp_site_nav_menu .pkp_navigation_search_wrapper a {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: transparent !important;
}

/* ===== USER MENU (kanan) konsisten ===== */
#navigationUserWrapper .pkp_navigation_user.pkp_nav_list > li > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
}

/* ===== Override overflow agar dropdown tidak terpotong ===== */
.pkp_site_nav_menu, .pkp_site_nav_menu .pkp_navigation_primary_wrapper {
  overflow: visible !important;
}

/* ===== Responsive kecil: agar menu tetap rapi ===== */
@media (max-width: 900px) {
  .pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list {
    gap: 4px;
  }
  .pkp_site_nav_menu .pkp_navigation_primary.pkp_nav_list > li > a {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }
}