/* Perbaikan kontras warna dan hover untuk aksesibilitas */

/* Tombol utama - Peningkatan kontras */
.btn-primary {
  background-color: #2563eb !important; /* Biru yang lebih gelap */
  color: #ffffff !important;
  border-color: #2563eb !important;
}

.btn-primary:hover, 
.btn-primary:focus {
  background-color: #1d4ed8 !important; /* Lebih gelap saat hover */
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Popup ad loader - Peningkatan kontras */
.popup-ad-loader {
  background-color: #f8f9fa !important;
}

.popup-ad-loader p {
  color: #4b5563 !important; /* Abu-abu yang lebih gelap untuk teks */
  font-weight: 500 !important;
}

/* Hover yang diperbaiki untuk menu navigasi dan submenu - hanya warna */
.nav-menu > li:hover > a,
.nav-menu > li:focus > a,
.nav-menu > li.hover-color > a {
  color: #2563eb !important;
}

/* Submenu langsung muncul tanpa indikator */
/* Perbaikan submenu - visibilitas dan hover */
.nav-menu > li:hover > .sub-menu,
.nav-menu > li:focus-within > .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
  transform: translateY(0);
  z-index: 999;
  display: block;
}

.nav-menu .sub-menu {
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

/* Menghapus bulat/indikator pada submenu categories */
.nav-menu > li.menu-item-has-children > a:after,
.nav-menu > li.has-children > a:after,
.mobile-menu .mobile-menu-inner .mobile-navigation .nav-menu > li.menu-item-has-children > a:after {
  display: none !important;
}

.nav-menu .sub-menu li:hover > a,
.nav-menu .sub-menu li:focus > a {
  background-color: rgba(37, 99, 235, 0.1) !important;
  color: #2563eb !important;
}

/* Warna dan kontras keseluruhan template - tombol warna dasar hitam dan hover biru muda */
[data-theme="light"] {
  --link-color: #2563eb !important;
  --link-hover-color: #60a5fa !important; /* Biru muda untuk hover */
  --heading-color: #111827 !important;
  --text-color: #111827 !important; /* Hitam untuk teks dasar */
  --meta-color: #4b5563 !important;
}

[data-theme="dark"] {
  --link-color: #93c5fd !important;
  --link-hover-color: #bfdbfe !important;
  --heading-color: #f9fafb !important;
  --text-color: #e5e7eb !important;
  --meta-color: #d1d5db !important;
}

/* Perbaikan warna tombol dan hover */
.btn-primary {
  background-color: #111827 !important; /* Hitam */
  color: #ffffff !important;
  border-color: #111827 !important;
}

.btn-primary:hover, 
.btn-primary:focus {
  background-color: #60a5fa !important; /* Biru muda */
  border-color: #60a5fa !important;
  color: #ffffff !important;
}

/* Perbaikan menu mobile */
.mobile-menu-close {
  position: absolute;
  top: 10px;
  right: 20px; /* Geser ke kanan dari 10px menjadi 20px */
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f3f4f6;
  border: none;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  z-index: 10;
  color: #111827;
}

.mobile-menu-close:hover {
  background-color: #e5e7eb;
}

/* Perbaikan submenu pada mobile */
.mobile-menu .mobile-navigation .nav-menu > li.menu-item-has-children .sub-menu,
.mobile-menu .mobile-navigation .nav-menu > li.has-children .sub-menu {
  display: none !important;
  max-height: none !important;
  opacity: 1 !important;
  padding-left: 15px !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}

/* Tampilkan submenu mobile saat parent active */
.mobile-menu .mobile-navigation .nav-menu > li.menu-item-has-children > a.active + .sub-menu,
.mobile-menu .mobile-navigation .nav-menu > li.has-children > a.active + .sub-menu,
.mobile-menu .mobile-navigation .nav-menu > li.menu-item-has-children.active > .sub-menu,
.mobile-menu .mobile-navigation .nav-menu > li.has-children.active > .sub-menu {
  display: block !important;
}

/* Atur warna navigasi hover menjadi biru muda */
.nav-menu > li:hover > a,
.nav-menu > li:focus > a,
.nav-menu > li.hover-color > a {
  color: #60a5fa !important; /* Biru muda */
}