/* Berkah Kreasi Pro OJS 3.3.0.18: profile/user dropdown palette from Appearance settings.
   Loaded after legacy theme styles; no layout or interaction changes. */

/* Dropdown surface including common OJS 3.3 and custom navigation variants. */
html body #navigationUser > li > ul,
html body #navigationUserWrapper #navigationUser > li > ul,
html body .pkp_navigation_user > li > ul,
html body .pkp_navigation_user_wrapper .pkp_navigation_user > li > ul,
html body #navigationUser .dropdown-menu,
html body #navigationUserWrapper .dropdown-menu,
html body .pkp_navigation_user .dropdown-menu,
html body .pkp_navigation_user_wrapper .dropdown-menu,
html body .user-nav > li > ul {
  background: var(--berkah-menu-bg, #063449) !important;
  background-color: var(--berkah-menu-bg, #063449) !important;
  background-image: none !important;
}

/* Links and their descendants need explicit contrast due to legacy `*` styles. */
html body #navigationUser > li > ul li,
html body #navigationUser > li > ul li a,
html body #navigationUser > li > ul li a *,
html body #navigationUser .dropdown-menu li a,
html body #navigationUser .dropdown-menu li a *,
html body #navigationUserWrapper .dropdown-menu li a,
html body #navigationUserWrapper .dropdown-menu li a *,
html body .pkp_navigation_user > li > ul li a,
html body .pkp_navigation_user > li > ul li a *,
html body .pkp_navigation_user .dropdown-menu li a,
html body .pkp_navigation_user .dropdown-menu li a *,
html body .user-nav > li > ul li a {
  color: var(--berkah-menu-link, #fff) !important;
}
html body #navigationUser > li > ul li,
html body #navigationUser > li > ul li a,
html body #navigationUser .dropdown-menu li a,
html body #navigationUserWrapper .dropdown-menu li a,
html body .pkp_navigation_user > li > ul li,
html body .pkp_navigation_user > li > ul li a,
html body .pkp_navigation_user .dropdown-menu li a,
html body .user-nav > li > ul li a {
  background-color: var(--berkah-menu-bg, #063449) !important;
}

html body #navigationUser > li > ul li:hover,
html body #navigationUser > li > ul li:hover > a,
html body #navigationUser > li > ul li:focus-within > a,
html body #navigationUser .dropdown-menu li:hover > a,
html body #navigationUserWrapper .dropdown-menu li:hover > a,
html body .pkp_navigation_user > li > ul li:hover,
html body .pkp_navigation_user > li > ul li:hover > a,
html body .pkp_navigation_user > li > ul li:focus-within > a,
html body .pkp_navigation_user .dropdown-menu li:hover > a,
html body .user-nav > li > ul li:hover > a {
  background-color: var(--berkah-menu-hover, #146B83) !important;
}
html body #navigationUser > li > ul li:hover > a,
html body #navigationUser > li > ul li:hover > a *,
html body #navigationUser > li > ul li:focus-within > a,
html body #navigationUser .dropdown-menu li:hover > a,
html body #navigationUserWrapper .dropdown-menu li:hover > a,
html body .pkp_navigation_user > li > ul li:hover > a,
html body .pkp_navigation_user > li > ul li:hover > a *,
html body .pkp_navigation_user > li > ul li:focus-within > a,
html body .pkp_navigation_user .dropdown-menu li:hover > a,
html body .user-nav > li > ul li:hover > a {
  color: var(--berkah-hover-text, #fff) !important;
}