/* =======================================================
   1. ARTICLE TITLES & CARDS (ANJMLS MEDICAL DEEP BLUE)
   ======================================================= */
/* Emphasizes manuscript article list headers with clear brand typography */
.obj_article_summary .title a,
.issue-article .title a,
h2.title a,
h3.title a {
    color: #1d3557 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Colors metadata text such as author name strings and publication dates */
.obj_article_summary .authors,
.issue-article .authors,
.authors {
    color: #457b9d !important; 
}

/* Transforms the default PDF galley text buttons into medical brand badges */
.obj_galley_link, 
a.obj_galley_link,
.galley-link,
.obj_galley_link.pdf,
a.obj_galley_link.pdf {
    background-color: #1d3557 !important;
    border-color: #1d3557 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 5px rgba(29, 53, 87, 0.1) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Smooth micro-interaction when a user hovers over a PDF button */
.obj_galley_link:hover, 
a.obj_galley_link:hover,
.galley-link:hover,
.obj_galley_link.pdf:hover,
a.obj_galley_link.pdf:hover {
    background-color: #457b9d !important;
    border-color: #457b9d !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(69, 123, 157, 0.2) !important;
}

/* Standardizes Section/Issue Table of Contents headers */
.obj_issue_toc .section h2,
.obj_issue_toc .section h3,
.issue-toc .section .title,
.section_heading h2,
.page_issue .heading {
    color: #1d3557 !important;
    font-weight: bold !important;
    border-bottom: none !important;
}

.current_issue .heading,
.issue_title,
h1.page_title,
.obj_issue_summary .title,
.issue-toc .current-issue-title {
    color: #1d3557 !important;
}

.obj_issue_summary .series,
.issue-toc .series,
.series,
.obj_issue_summary .title + div,
.issue_title + div {
    font-weight: bold !important;
}

/* Styles layout summary rows into uniform cards with subtle box-shadow boundaries */
.obj_article_summary,
.issue-article {
    background: #ffffff !important;
    border: 1px solid #e1e8f0 !important; 
    border-radius: 6px !important;
    padding: 22px !important;
    box-shadow: 0 2px 10px rgba(29, 53, 87, 0.02) !important; 
}

/* =======================================================
   2. STYLED BRAND NAVIGATION ROW (PRESERVING YOUR LOGO BANNER BACKGROUND)
   ======================================================= */
/* The header base containers are un-disturbed so your default logo/background remains completely safe */
.navbar-default,
.navbar,
.pkp_navigation_primary_wrapper {
    background-color: #1d3557 !important; /* Deep blue navigation ribbon */
    background-image: none !important;
    border: none !important;
    border-bottom: 2px solid #0f1c30 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Sleek navigation ribbon anchor spacing controls */
.navbar-default .navbar-nav > li > a,
.navbar .nav > li > a,
.pkp_navigation_primary a,
.pkp_navigation_user a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    text-shadow: none !important;
    padding: 8px 16px !important; 
    transition: background-color 0.25s ease, color 0.25s ease !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar .nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #457b9d !important; /* Slate blue highlight on hover */
    color: #ffffff !important;
}

/* =======================================================
   3. DROPDOWN COMPLIANCE LAYERED FIX (NO DISAPPEARING OR CLUMPING)
   ======================================================= */
/* Secures proper display properties to prevent theme containers from clipping text fields */
.pkp_navigation_primary_wrapper,
.navbar,
.navbar-collapse,
.nav-menu_container {
    overflow: visible !important; 
}

/* Pushes the dropdown panel menu elements safely to the highest visible layout layer */
.dropdown-menu,
.navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu,
.pkp_navigation_primary .dropdown-menu {
    background-color: #1d3557 !important; 
    border: 1px solid #0f1c30 !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
    padding: 6px 0 !important;
    min-width: 250px !important;
    height: auto !important;
    z-index: 999999 !important;
}

/* Corrects the internal line spacing so submenu rows do not clump up or overlap */
.dropdown-menu > li > a,
.navbar-nav .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.pkp_navigation_primary .dropdown-menu a {
    color: #ffffff !important; 
    padding: 10px 20px !important;
    background: none !important;
    display: block !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.5 !important; /* Restores vertical breathing space */
    white-space: normal !important; /* Permits multiline text wrapping safely */
}

/* Hover tracking states inside dropdown context trees */
.dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:hover,
.pkp_navigation_primary .dropdown-menu a:hover {
    background-color: #457b9d !important; 
    color: #ffffff !important;
    text-decoration: none !important;
}

body, 
.pkp_structure_body, 
.pkp_structure_main, 
#main-content {
    background-color: #f8fafc !important; 
}

.page_issue .description,
.custom_block,
.custom-sidebar-card,
#JournalInfo {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 8px rgba(29, 53, 87, 0.01) !important;
}

/* =======================================================
   4. INTUITIVE RESPONSIVE GRID LAYOUT MASTER CONTROLS
   ======================================================= */
@media (min-width: 992px) {
    /* Step 1: Force primary layout container row to align side-by-side cleanly */
    .pkp_structure_content,
    .page_article .container,
    .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
    }

    /* Step 2: Main center panel content configuration */
    .pkp_structure_main,
    #main-content,
    .col-md-9.pkp_structure_main {
        width: calc(100% - 315px) !important; 
        max-width: calc(100% - 315px) !important;
        float: none !important;
    }

    /* Step 3: RESET structural page wrappers so titles and authors flow across 100% width */
    .obj_article_details,
    article.obj_article_details {
        display: block !important; 
        width: 100% !important;
    }

    /* Step 4: TARGET NATIVE TEXT ENTRY COLUMN INDEPENDENTLY */
    .obj_article_details .main_entry,
    .article-details-main,
    .obj_article_details > .article-main {
        width: 60% !important;
        max-width: 60% !important;
        float: left !important;
        display: block !important;
    }

    /* Step 5: WIDEN AND PAD THE NATIVE OJS SIDEBAR COLUMN WRAPPER */
    /* This fixes the double lines and pulls text elements completely out to the column margins */
    .obj_article_details .entry_details,
    .article-details-sidebar,
    .obj_article_details > .sidebar {
        width: 38% !important; /* Widened to maximize column text utility */
        max-width: 38% !important;
        float: right !important;
        display: block !important;
        margin-top: 0 !important;
        padding-left: 25px !important; /* Forces a safe buffer distance from the dividing line */
        box-sizing: border-box !important;
    }

    /* Step 6: INDEPENDENT METADATA CARD UTILITY EXPANSION */
    /* Forces elements like License, Published, and Issue text strings to stretch and fill the space fully */
    .obj_article_details .entry_details .item,
    .article-details-sidebar .item,
    .obj_article_details .entry_details div[class^="item"] {
        width: 100% !important;
        display: block !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* Step 7: STRETCH GRAPHICAL ABSTRACT IMAGE TO 100% COLUMN WIDTH */
    .obj_article_details .entry_details img,
    .article-details-sidebar img,
    .obj_article_details div[class*="abstract"] img,
    .entry_details .item.issue img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* Step 8: Stabilizes external green/yellow marketing column boundaries and adds space */
    .pkp_structure_sidebar,
    .sidebar,
    #sidebar,
    .col-md-3.pkp_structure_sidebar {
        width: 295px !important;       
        min-width: 295px !important;
        max-width: 295px !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        flex-shrink: 0 !important;
        margin-left: 20px !important; /* This creates a clean buffer gap so blocks don't touch the line */
    }


/* =======================================================
   5. RIGHT-SIDE SIDEBAR CLEANUP STRUCTURES
   ======================================================= */
.pkp_structure_sidebar .block,
.sidebar .block,
.sidebar .panel,
.custom_block,
div[id^="customblock-"],
div[id*="customblock"] {
    margin-bottom: 12px !important; 
    margin-top: 0 !important;
    padding: 0 !important;          
    background: transparent !important; 
    border: none !important;        
    width: 100% !important;
}

.custom-sidebar-card {
    background-color: #ffffff !important; 
    border: 1px solid #cedbe7 !important; 
    border-radius: 6px !important; 
    overflow: hidden !important; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; 
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =======================================================
   6. CENTRAL CONTENT GAPS & FOOTER CONTROLS
   ======================================================= */
.obj_issue_toc .section, 
.issue-toc .section, 
.section, 
.issue-toc [class*="section-"] {
    margin-bottom: 4px !important; 
    padding-bottom: 0 !important;
}

.obj_issue_toc .section + .section, 
.issue-toc .section + .section, 
div.section + div.section,
.obj_issue_toc .section h2, 
.obj_issue_toc .section h3, 
.issue-toc .section .title {
    margin-top: 4px !important; 
    padding-top: 0 !important;
}

.obj_article_summary, 
.issue-article {
    margin-bottom: 8px !important; 
}

/* Forces your footer area to break theme boundaries and span 100% width cleanly */
.pkp_structure_footer_wrapper, 
.pkp_structure_footer, 
footer, 
#pkp_structure_footer {
    background-color: #0f1c30 !important; /* Deep navy tone */
    border-top: 4px solid #1d3557 !important; /* Brand blue divider stripe */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 40px !important;
}

.pkp_structure_footer a, 
footer a { 
    color: #ffffff !important; 
}

.pkp_structure_footer a:hover, 
footer a:hover { 
    color: #ffcc00 !important; /* Elegant gold highlight on hover */
}

/* =======================================================
   7. BULLETPROOF HOMEPAGE ANNOUNCEMENT CARD LAYOUT - ANJMLS
   ======================================================= */
.page_index_journal [class*="announcement"], 
.page_announcement [class*="announcement"], 
[class*="obj_announcement"],
.announcements_list li, 
.announcement-summary, 
article.announcement {
    background-color: #ffffff !important; 
    border: 1px solid #cedbe7 !important; 
    border-top: 5px solid #1d3557 !important; /* Premium brand blue top border line */
    border-radius: 6px !important; 
    padding: 25px !important; 
    margin-bottom: 25px !important; 
    box-shadow: 0 4px 12px rgba(29, 53, 87, 0.03) !important;
    list-style-type: none !important;
}

[class*="announcement"] h1, 
[class*="announcement"] h2, 
[class*="announcement"] h3, 
[class*="announcement"] h4, 
[class*="announcement"] .title {
    color: #1d3557 !important; 
    font-weight: bold !important; 
    font-size: 18px !important; 
    display: block !important;
}

[class*="announcement"] ul { 
    padding-left: 20px !important; 
    margin-top: 8px !important; 
    margin-bottom: 15px !important; 
}

[class*="announcement"] li { 
    margin-bottom: 5px !important; 
    list-style-type: disc !important; 
}

/* Formats the preprint or reading link triggers into deep blue submission buttons */
[class*="announcement"] a[href*="submission"], 
[class*="announcement"] .description a, 
[class*="announcement"] a.read_more, 
.obj_announcement_summary .read_more {
    display: inline-block !important; 
    background-color: #1d3557 !important; 
    color: #ffffff !important; 
    font-weight: bold !important;
    text-transform: uppercase !important; 
    padding: 10px 20px !important; 
    border-radius: 4px !important; 
    margin-top: 15px !important;
}

/* =======================================================
   8. INNER PAGES BREADCRUMB BACKGROUND STRIP CLEANUP
   ======================================================= */
.cmp_breadcrumbs, 
.breadcrumbs, 
.pkp_structure_main [class="breadcrumb"], 
.pkp_structure_main ul.breadcrumb, 
.pkp_structure_main ol.breadcrumb, 
.pkp_structure_breadcrumb_wrapper {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 0 !important;
    margin-bottom: 15px !important;
    width: auto !important;
}

.cmp_breadcrumbs a, 
.breadcrumbs a, 
.breadcrumb a, 
.breadcrumb > li + li::before {
    color: #444444 !important;
    text-shadow: none !important;
    font-weight: 500 !important;
}

.cmp_breadcrumbs a:hover, 
.breadcrumbs a:hover, 
.breadcrumb a:hover {
    color: #1d3557 !important;
    text-decoration: underline !important;
}

/* =======================================================
   9. ANJMLS MOBILE VIEW OVERRIDES & ALIGNMENT LOCKS
   ======================================================= */
@media (max-width: 991px) {
    /* 1. Prevent structural layout squishing or vertical truncation on phones */
    .pkp_structure_page {
        padding-top: 15px !important;
        margin-top: 0 !important;
        clear: both !important;
    }

    /* 2. Forces text blocks to take up full layout width instead of split columns */
    .pkp_structure_sidebar, .sidebar, #sidebar, .col-md-3.pkp_structure_sidebar,
    .pkp_structure_main, #main-content, .col-md-9.pkp_structure_main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        display: block !important;
    }
    
    .pkp_structure_sidebar {
        margin-top: 30px !important;
    }

    /* 3. Mobile hamburger button appearance framework modification */
    .navbar-toggle, button.navbar-toggle {
        border: 2px solid #1d3557 !important;
        background-color: #ffffff !important;
        padding: 9px 10px !important;
        border-radius: 4px !important;
    }

    /* Bold lines visibility enhancement inside the mobile panel trigger toggler */
    .navbar-toggle .icon-bar, button.navbar-toggle .icon-bar {
        background-color: #1d3557 !important;
        width: 22px !important;
        height: 3px !important;
    }

    /* 4. Ensures registration and login buttons show clearly on mobile menu layers */
    .pkp_navigation_user a,
    .pkp_navigation_user li a,
    #navigationUser a {
        color: #ffffff !important;
        font-weight: bold !important;
    }
}

/* =======================================================
   10. COMPACT JOURNAL HEADER + LOGO SIZE
   ======================================================= */

/* Light blue header background */
.pkp_structure_head,
.pkp_structure_header,
.pkp_head_wrapper {
    background-color: #dff4f7 !important;
    background-image: none !important;
}

/* Main logo container */
.pkp_site_name,
.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 1150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Logo link */
.pkp_site_name > a,
.pkp_site_name a.is_img,
.pkp_site_name .is_img {
    display: block !important;
    width: 900px !important;
    max-width: 900px !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Actual logo image */
.pkp_site_name img,
.pkp_site_name a img,
.pkp_site_name .is_img img,
.pkp_head_wrapper .pkp_site_name img {
    display: block !important;
    width: 900px !important;
    max-width: 900px !important;
    height: auto !important;
    max-height: 155px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* Keep Register / Login visible on light header */
.pkp_navigation_user,
.pkp_navigation_user ul,
.pkp_navigation_user li {
    background: transparent !important;
}

.pkp_navigation_user a,
.pkp_navigation_user li a,
#navigationUser a {
    color: #1d3557 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.pkp_navigation_user a:hover,
.pkp_navigation_user li a:hover,
#navigationUser a:hover {
    color: #457b9d !important;
    background-color: transparent !important;
}

/* =======================================================
   NAVIGATION BAR — KEEP DARK BLUE
   ======================================================= */

.navbar-default,
.navbar,
.pkp_navigation_primary_wrapper {
    background-color: #1d3557 !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 2px solid #0f1c30 !important;
}

.navbar-default .navbar-nav > li > a,
.navbar .nav > li > a,
.pkp_navigation_primary a {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar .nav > li > a:hover,
.pkp_navigation_primary a:hover {
    background-color: #457b9d !important;
    color: #ffffff !important;
}