/* OJS Menu Visibility Fix */

/* Primary Navigation Menu */
.pkp_navigation_primary a, 
.pkp_navigation_primary li a {
    color: white !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 8px 15px !important;
    margin: 2px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary li a:hover {
    background: rgba(255,255,255,0.2) !important;
    color: #fff !important;
}

/* User Navigation (Login/Register) */
.pkp_navigation_user a,
.pkp_navigation_user li a {
    color: white !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 6px 12px !important;
    margin: 1px !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

.pkp_navigation_user a:hover,
.pkp_navigation_user li a:hover {
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.5) !important;
}

/* Search Button */
.pkp_search {
    color: white !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

.pkp_search:hover {
    background: rgba(255,255,255,0.2) !important;
    color: white !important;
}

/* Mobile Menu Toggle */
.pkp_site_nav_toggle {
    color: white !important;
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    padding: 8px 15px !important;
    border-radius: 4px !important;
}

.pkp_site_nav_toggle:hover {
    background: rgba(255,255,255,0.2) !important;
}

/* Ensure text is visible */
.pkp_site_nav_menu, 
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
    color: white !important;
}

/* Dropdown menus if any */
.pkp_navigation_primary ul ul,
.pkp_navigation_user ul ul {
    background: rgba(0,0,0,0.8) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

.pkp_navigation_primary ul ul a,
.pkp_navigation_user ul ul a {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_user ul ul a:hover {
    background: rgba(255,255,255,0.1) !important;
}