/* Ensure tab content is visible (Bootstrap 5; some builds hide .tab-pane by default) */
.tab-content { display: block !important; min-height: 200px; }
.tab-pane.show,
.tab-pane.active { display: block !important; visibility: visible !important; }
.tab-pane:first-child.active { display: block !important; }
/* Main content area (e.g. manage_manuscript) - keep visible between header and footer */
.container_fluid,
.middle-menu { display: block !important; visibility: visible !important; }

/* Legacy Bootstrap 3/4 utility classes (Bootstrap 5 compatibility) */
.pull-right { float: right !important; }
.pull-left { float: left !important; }
@media (min-width: 768px) {
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-6 { margin-left: 50%; }
}

/* Glyphicons Halflings - optional, for pages still using .glyphicon (paths relative to CSS file) */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
         url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; }

/* Fix hover and visibility issues */
.navbar-nav .nav-tabs {
    background-color: #f8f9fa !important;
    border-radius: 4px;
    padding: 5px;
    margin: 5px 0;
}

.navbar-nav .nav-tabs li a {
    color: #495057 !important;
    font-weight: 500 !important;
    padding: 8px 15px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    margin: 2px !important;
    text-decoration: none !important;
}

.navbar-nav .nav-tabs li a:hover {
    background-color: #e9ecef !important;
    color: #000 !important;
    border-color: #adb5bd !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-nav .nav-tabs li.active a {
    background-color: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

/* Ensure text visibility in navigation */
.navbar-nav .nav-tabs li {
    display: inline-block;
    margin: 2px;
}

/* Fix white background issues */
.navbar-nav {
    background-color: transparent !important;
}

.navbar-nav > li > a:hover {
    background-color: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
}

/* Improve overall navigation contrast */
.nav-tabs > li > a {
    color: #495057 !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.nav-tabs > li > a:hover {
    background-color: #e9ecef !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
    color: #000 !important;
}

.nav-tabs > li.active > a {
    background-color: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

/* Fix specific admin navigation styles */
.navbar-nav .nav-tabs .glyphicon {
    margin-right: 5px;
    color: inherit !important;
}

/* Ensure proper spacing and visibility */
.navbar-nav .nav-tabs li a span[style*="color:red"] {
    color: #dc3545 !important;
    font-weight: bold;
}

.navbar-nav .nav-tabs li a span[style*="color:blue"] {
    color: #007bff !important;
    font-weight: bold;
}