/* ==========================================================================
   HIGH-VISIBILITY CSS FOR JOURNAL OF CLINICAL AND ADVANCED MEDICINE (JCAM)
   ========================================================================== */

/* 1. Force Clean Navigation Bar and Menu Text Colors to be Directly Visible */
.pkp_structure_head, .navDropdownMenu, .pkp_navigation_primary, .pkp_navigation_user {
    background-color: #0b2545 !important; /* Deep Trustworthy Medical Navy Background */
}

/* 2. Primary Top Menu Text - ALWAYS VISIBLE IN CRISP WHITE */
.pkp_navigation_primary a, 
.pkp_navigation_primary li a,
.pkp_navigation_primary .dropdown-toggle,
.pkp_navigation_user a {
    color: #ffffff !important; 
    font-weight: 600 !important;
    font-size: 14px !important;
    text-shadow: none !important;
    opacity: 1 !important; /* Forces total visibility */
    padding: 10px 15px !important;
    display: inline-block !important;
}

/* 3. Dropdown Sub-Menus - High Contrast Contrast Matrix */
.pkp_navigation_primary ul ul, 
.pkp_navigation_primary .dropdown-menu {
    background-color: #ffffff !important; /* Pure white background for dropdowns */
    border: 1px solid #e1e6eb !important;
}

.pkp_navigation_primary ul ul a, 
.pkp_navigation_primary .dropdown-menu a {
    color: #0b2545 !important; /* Dark Navy text inside dropdowns so it's fully readable */
}

/* 4. Menu Text Hover Effect (Changes text to bright professional teal when hovered) */
.pkp_navigation_primary a:hover, 
.pkp_navigation_primary li a:hover,
.pkp_navigation_user a:hover {
    color: #3a86c8 !important; /* High contrast bright medical blue/teal */
    text-decoration: none !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 5. Dropdown Text Hover Effect */
.pkp_navigation_primary ul ul a:hover, 
.pkp_navigation_primary .dropdown-menu a:hover {
    background-color: #f4f6f9 !important;
    color: #3a86c8 !important;
}

/* 6. Action Button Visual Overrides (e.g., "Submit Manuscript" Button) */
.cmp_button, button, input[type="submit"], .pkp_navigation_primary .action_button a {
    background-color: #134074 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    transition: background 0.2s ease-in-out !important;
}

.cmp_button:hover, button:hover, input[type="submit"]:hover {
    background-color: #3a86c8 !important;
}

/* 7. Clean Sidebar Management Blocks */
.pkp_structure_sidebar {
    background-color: #f8fafc !important;
    padding: 15px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
}