/* Change the header background color to white */
.header {
    background-color: #ffd120; /* White color */
    color: #000000; /* Optional: Set text color to black or any other contrasting color */
}

/* Clean List View for Articles */
.article_summary {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    display: block !important;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    margin-bottom: 15px;
    clear: both;
}

/* Ensure title takes up the full width */
.article_summary .title {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

/* Align download links/buttons to the left */
.article_summary .list {
    display: flex;
    justify-content: flex-start;
}

/* Transform PDF links into professional buttons */
.article_summary .obj_galley_link.pdf {
    background-color: #d9534f; /* PDF Red */
    color: white !important;
    padding: 5px 12px;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
    transition: 0.3s;
}

.article_summary .obj_galley_link.pdf:hover {
    background-color: #c9302c;
    text-decoration: none;
}

/* Styling the sidebar search button */
.pkp_block.block_search input[type="submit"] {
    background-color: #003366;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 4px;
}

/* Bold, professional titles */
.article_summary .title a {
    font-weight: 700 !important;
    color: #003366 !important; /* Classic 'Library Blue' */
    text-decoration: none;
}

/* De-emphasize author names */
.article_summary .authors {
    font-size: 0.95rem;
    color: #555;
    margin-top: 5px;
}

.pdf-download-button
 {
    display: none;
}

/* 1. Style the 'About' section as a professional 'Aims and Scope' box */
.container.journal_summary {
    background: #f4f4f4;
    padding: 30px;
    border-radius: 5px;
    border-left: 6px solid #003366; /* High-end Navy Blue accent */
    margin-bottom: 40px;
}

.container.journal_summary h2 {
    margin-top: 0;
    color: #003366;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 2. Fix the Current Issue Header */
.current_issue header {
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.current_issue_label {
    display: block;
    color: #888;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
}

.current_issue_identification {
    font-size: 2.2rem;
    font-weight: 800;
    color: #222;
}

/* Style the publication date as metadata */
.current_issue header .published {
    font-size: 0.85rem;
    color: #666;
    margin-top: -10px; /* Pulls it up closer to the title */
    margin-bottom: 20px;
    font-weight: 500;
}

/* Optional: Add a small calendar icon before the date */
.current_issue header .published:before {
    content: "📅 "; 
    font-size: 0.8rem;
    margin-right: 5px;
}

/* Force the description and icon onto one line */
.flex_container.description_cover {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 40px;
}

/* Let the text occupy the left side */
.description_cover .description {
    flex: 1;
}

/* Shrink and align the clipboard to the far right */
.description_cover .issue_cover_block {
    flex: 0 0 100px; /* Small footprint */
    text-align: right;
}

.description_cover .issue_cover_block img {
    width: 100px !important; /* Forces the small size */
    height: auto;
    box-shadow: none; /* Cleaner for a simple icon */
}

/* --- 3. ARTICLE LANDING PAGE (Abstract) UPDATED --- */

/* Professional Navy Title for the Article */
.obj_article_details .article_title {
    color: #003366 !important;
    font-weight: 800 !important;
    font-size: 2.2rem !important;
    margin-bottom: 20px !important;
}

.obj_article_details .article_header_wrapper {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

/* Re-ordering the Grid: Abstract Left (1), Icon Right (2) */
.row.article_main_data {
    display: flex !important;
    flex-direction: row !important; /* Standard row */
    gap: 40px;
}

/* Expand and style the abstract text (Left Side) */
.article_abstract_block.col-md-8 {
    order: 1 !important; /* Force to left */
    flex: 1 !important;
    max-width: 75% !important;
}

.article_abstract_block .abstract h2 {
    font-size: 1.5rem !important;
    color: #003366;
    border-bottom: 2px solid #003366;
    display: inline-block;
    margin-bottom: 15px;
}

/* Shrink and align the clipboard (Right Side) */
.main_entry.col-md-4 {
    order: 2 !important; /* Force to right */
    flex: 0 0 120px !important;
    max-width: 120px !important;
}

.article_cover_wrapper img {
    width: 100% !important;
    height: auto;
    opacity: 0.9;
}

/* Turn PDF link into the Red Button on this page too */
.btn.galley-link.pdf {
    background-color: #d9534f !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85rem;
    display: inline-block;
    text-decoration: none !important;
}

/* --- 1. Compact Header Container --- */
.header.container-fluid {
    background-color: #ffd120 !important;
    padding: 10px 0 !important; /* Reduced vertical bulk */
    border-bottom: 2px solid #003366;
}

/* --- 2. Shrink the User Nav (Search & Profile) --- */
#navigationUser .nav-link {
    color: #000000 !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem !important; /* Reverted to smaller professional size */
    padding: 2px 10px !important;
}

/* Small, elegant Search Pill */
#navigationUser .nav-link[href*="search"] {
    border: 1.5px solid #000;
    border-radius: 15px; /* Smaller rounded corners */
    margin-right: 10px;
    padding: 2px 12px !important;
}

/* --- 3. Compact Main Navigation --- */
.pkp_navigation_primary {
    display: flex;
    justify-content: center !important; /* Brining items closer to the center */
    gap: 50px; /* Specific spacing so they aren't floating far apart */
    margin-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-top: 10px;
}

.pkp_navigation_primary .nav-link {
    color: #000000 !important;
    font-size: 0.85rem !important; /* Cleaner, smaller font */
    font-weight: 800 !important;
    letter-spacing: 0.5px; /* Reduced spacing for a tighter look */
    text-transform: uppercase;
}

/* --- 4. Logo Scaling --- */
.logo-wrapper img {
    max-height: 70px !important; /* Slightly smaller for a tighter header */
    width: auto;
}