/* =======================================================
   1. ARTICLE TITLES & CARDS (WPS GREEN #385623)
   ======================================================= */
.obj_article_summary .title a,
.issue-article .title a,
h2.title a,
h3.title a {
    color: #385623 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.obj_article_summary .authors,
.issue-article .authors,
.authors {
    color: #4c6e34 !important;
}

.obj_galley_link, 
a.obj_galley_link,
.galley-link,
.obj_galley_link.pdf,
a.obj_galley_link.pdf {
    background-color: #385623 !important;
    border-color: #385623 !important;
    color: #ffffff !important;
}

.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: #243816 !important;
    border-color: #243816 !important;
    color: #ffffff !important;
}

.obj_issue_toc .section h2,
.obj_issue_toc .section h3,
.issue-toc .section .title,
.section_heading h2,
.page_issue .heading {
    color: #385623 !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: #385623 !important;
}

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

.obj_article_summary,
.issue-article {
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 6px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* =======================================================
   2. REVISED HEADER AREA & PROPORTIONAL LOGO (DESKTOP)
   ======================================================= */
/* Applies your original, elegant light green/gray background shade */
header,
.pkp_structure_head,
#pkp_structure_head {
    background-color: #eaf2e8 !important; 
    border-bottom: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
}

/* Wrapper container holding your transparent logo banner */
.pkp_site_name_wrapper {
    text-align: left !important; /* Changed from center to left to allow precise margin shifting */
    padding: 22px 15px 0px 15px !important; 
    margin: 0 auto !important;
    display: block !important;
    height: auto !important;
    background: transparent !important;
}

/* MASTER BANNER PROPORTIONS: Nudged away from the absolute left edge */
.pkp_site_name_wrapper img,
.pkp_site_name a img,
.pkp_site_name .is_img img {
    width: auto !important;           
    max-width: 100% !important;       
    height: auto !important;          
    min-height: unset !important;     
    max-height: 145px !important;     
    object-fit: contain !important;   
    aspect-ratio: auto !important;    
    margin: 0 unset 0 6% !important;  /* FIXED: Pushes the logo 6% away from the extreme left toward the center */
    display: block !important;
    filter: none !important;          
}

/* Navigation bar row configuration turned completely white */
.navbar-default,
.navbar,
.pkp_navigation_primary_wrapper {
    background-color: #ffffff !important; /* FIXED: Main menu strip turned clean white */
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid #cedec7 !important; /* Elegant light bottom border line */
    margin-top: -1px !important;     
    position: relative !important;
    clear: both !important;
    z-index: 9999 !important;
}

/* Core menu link colors adjusted for high-visibility on the white background strip */
.navbar-default .navbar-nav > li > a,
.navbar .nav > li > a,
.pkp_navigation_primary > li > a,
.pkp_navigation_primary a {
    color: #385623 !important; /* Text changed from white to rich brand dark green */
    font-weight: bold !important;
}

/* Soft grey-green highlight background configuration when hovering over menu items */
.navbar-default .navbar-nav > li > a:hover,
.navbar .nav > li > a:hover,
.pkp_navigation_primary > li > a:hover {
    background-color: #eaf2e8 !important; 
    color: #243816 !important;
}

/* =======================================================
   3. BULLETPROOF HOVER DROPDOWN MENU FIX
   ======================================================= */
.dropdown-menu,
.navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu,
.pkp_navigation_primary .dropdown-menu {
    background-color: #385623 !important;
    border: 1px solid #243816 !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
    padding: 6px 0 !important;
    min-width: 260px !important;
    height: auto !important;          
    margin-top: 0 !important;        
}

.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;      
    white-space: normal !important;   
}

.dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:hover,
.pkp_navigation_primary .dropdown-menu a:hover {
    background-color: #243816 !important; 
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Global Content Body Tint Settings */
body, 
.pkp_structure_main, 
#main-content {
    background-color: #f7f9fa !important;
}

.pkp_structure_body {
    background-color: transparent !important; /* Prevents structural gray background bleed */
}

.obj_article_summary,
.issue-article,
.custom_block,
#JournalInfo {
    background-color: #ffffff !important;
}

/* =======================================================
   4. RIGHT-SIDE SIDEBAR VERTICAL GAP & ISOLATION FIX
   ======================================================= */
/* Standardizes the sidebar framework block on the right layout wing */
.pkp_structure_sidebar,
.sidebar,
#sidebar,
.col-md-3.pkp_structure_sidebar {
    width: 295px !important;       
    min-width: 295px !important;
    max-width: 295px !important;
    float: right !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important; /* CRITICAL: Includes padding in width metrics to stop overlapping */
}

/* FIXED CONTENT FRAME: Balances proportions and eliminates overlap collision layout defects */
.pkp_structure_main,
#main-content,
.col-md-9.pkp_structure_main {
    width: calc(100% - 325px) !important; /* FIXED: Increased space clearing window from 315px to 325px */
    max-width: calc(100% - 325px) !important;
    float: left !important;
    box-sizing: border-box !important; /* CRITICAL: Keeps width rules strict across browsers */
}

/* Clearfix rule to force parent containers to expand normally around both columns */
.pkp_structure_body .container,
.pkp_structure_body .row,
#main-content-wrapper {
    display: block !important;
    content: "" !important;
    clear: both !important;
}

.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 #cedec7 !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;
}

/* =======================================================
   5. CENTRAL CONTENT GAP OVERRIDES
   ======================================================= */
.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: 6px !important; 
}

/* =======================================================
   6. GLOBAL FULL-WIDTH GREEN FOOTER COVERAGE FIX
   ======================================================= */
.pkp_structure_footer_wrapper,
.pkp_structure_footer,
footer,
#pkp_structure_footer,
.pkp_structure_footer_wrapper .container {
    background-color: #12330c !important; 
    border-top: 4px solid #385623 !important; 
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.pkp_structure_footer .container,
footer .container {
    max-width: 1140px !important;
    margin: 0 auto !important;
}

.pkp_structure_footer a,
footer a,
.pkp_structure_footer span a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.25s ease-in-out !important;
}

.pkp_structure_footer a:hover,
footer a:hover,
.pkp_structure_footer span a:hover {
    color: #ffcc00 !important; 
    text-decoration: underline !important;
}

.page_index_journal .announcements,
.obj_announcement_summary {
    background-color: #ffffff !important;
    border: 1px solid #cedbe7 !important;
    border-top: 4px solid #385623 !important; 
    border-radius: 6px !important;
    padding: 22px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.obj_announcement_summary .title,
.obj_announcement_summary h2 {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.navbar-default .navbar-nav > li > a,
.navbar .nav > li > a,
.pkp_navigation_primary a {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out !important;
}

.pkp_structure_main {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.pkp_structure_sidebar {
    padding-top: 0 !important;
}

.obj_galley_link,
a.obj_galley_link {
    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(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease-in-out !important;
}

.obj_galley_link:hover,
a.obj_galley_link:hover {
    transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
}

/* =======================================================
   9. TOP-RIGHT USER UTILITY LINKS & DROPDOWN CONTRAST FIX
   ======================================================= */
/* Forces your right corner utility text links to be dark green so they are highly visible */
.pkp_navigation_user,
.pkp_navigation_user > li > a,
.pkp_navigation_user_wrapper > a,
#navigationUser a {
    color: #385623 !important;       /* Clean high-contrast brand green text color */
    font-weight: 700 !important;     /* Bold text weighting */
    font-size: 13.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Gives them a subtle color transformation when actively hovered over */
.pkp_navigation_user > li > a:hover,
#navigationUser a:hover {
    color: #12330c !important;       /* Shifts darker on active mouse focus */
    text-decoration: underline !important;
}

/* FIXED USER DROPDOWN: Transforms dark green box panel into a clean white container */
.pkp_navigation_user .dropdown-menu,
#navigationUser .dropdown-menu,
.pkp_navigation_user_wrapper .dropdown-menu {
    background-color: #ffffff !important; /* FIXED: Changed container background to clean white */
    border: 1px solid #cedec7 !important; /* Elegant light green-gray outline line */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
    padding: 6px 0 !important;
    min-width: 200px !important;
}

/* FIXED LINKS INSIDE USER DROPDOWN: Forces invisible text words to be dark green */
.pkp_navigation_user .dropdown-menu > li > a,
#navigationUser .dropdown-menu > li > a,
.pkp_navigation_user .dropdown-menu a {
    color: #385623 !important;           /* FIXED: Changed text color from dark to clear visible green */
    padding: 10px 20px !important;
    background: none !important;
    display: block !important;
    font-weight: 600 !important;
    text-align: left !important;
    text-transform: none !important;     /* Keeps dashboard links in clean natural reading casing */
}

/* Highlight background block adjustments on mouse selection */
.pkp_navigation_user .dropdown-menu > li > a:hover,
#navigationUser .dropdown-menu > li > a:hover {
    background-color: #eaf2e8 !important; /* Soft light green-gray highlight block background */
    color: #243816 !important;
}

/* =======================================================
   23. CRITICAL DROPDOWN DISPLAY LAYER FIXED
   ======================================================= */
/* 1. Prevent the navigation row containers from cutting off or hiding dropdown text boxes */
.pkp_structure_head,
header,
#pkp_structure_head,
.pkp_navigation_primary_wrapper,
.navbar,
.navbar-collapse,
.nav-menu_container {
    overflow: visible !important; /* Forces hidden/cut-off dropdown containers to display completely */
}

/* 2. Push the entire navigation row area to the top layer of the layout stack */
.pkp_navigation_primary_wrapper,
.navbar,
.navbar-nav {
    position: relative !important;
    z-index: 999999 !important; /* Pushes the menu strip above the main body content area */
}

/* 3. Lock the dropdown panel menus explicitly on the highest layer visible */
.dropdown-menu,
.navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu,
.pkp_navigation_primary .dropdown-menu {
    position: absolute !important;
    z-index: 1000000 !important; /* Highest structural index value to prevent clipping */
}

/* 4. Ensure proper spacing structure so the dropdown naturally anchors under the buttons */
.navbar-nav > li {
    position: relative !important;
}

/* =======================================================
   24. CONSOLIDATED MOBILE DEVICE RESPONSIVE QUERIES
   ======================================================= */
@media (max-width: 991px) {
    /* 1. FORCE EXTENDED MIN-HEIGHT: Prevents clipping and lets the full banner expand safely */
    header,
    .pkp_structure_head,
    #pkp_structure_head,
    header[role="banner"] {
        background-color: #eaf2e8 !important; 
        background-image: none !important;
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 180px !important;  /* FIXED: Increased from 120px to 180px to stop vertical truncation */
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;   /* CRITICAL: Disables the system from cutting off the logo image */
    }

    /* 2. Rescues the mobile logo container element layout window from collapsing */
    .pkp_site_name_wrapper,
    .pkp_site_name,
    .is_img {
        padding: 20px 10px 15px 10px !important; 
        background: transparent !important;
        display: block !important;
        visibility: visible !important;
        float: none !important;
        margin: 0 auto !important;
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        overflow: visible !important;   /* CRITICAL: Overrides theme clipping frames */
        text-align: center !important; 
    }

    /* 3. FLUID ASPECT RATIO RESET: Instructs the browser to render the full file smoothly */
    .pkp_site_name_wrapper img,
    header img,
    #pkp_structure_head img,
    .pkp_site_name a img,
    .pkp_site_name .is_img img {
        width: 100% !important;         /* Tells the banner to size down matching smaller device viewports */
        max-width: 480px !important;     /* Restricts wide desktop blow up sizing paths on tablets */
        height: auto !important;         /* CRITICAL: Calculates height dynamically based on file pixels */
        max-height: unset !important;    /* FIXED: Erases absolute restrictions cutting your file text in half */
        min-height: unset !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 auto !important; 
        object-fit: contain !important;  /* Strict protection parameter guarding circle emblem layouts */
        aspect-ratio: auto !important;   /* Tells browser engine to look at actual file asset size */
        filter: none !important; 
    }

    /* 4. Content body column collapsing stack fixes */
    .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;
        display: block !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pkp_structure_sidebar,
    .sidebar,
    #sidebar,
    .col-md-3.pkp_structure_sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-top: 30px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 5. Mobile utility navigation stack parameters */
    .pkp_navigation_user,
    .pkp_navigation_user_wrapper,
    #navigationUser {
        position: relative !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
        margin: 10px auto !important;
        clear: both !important;
        width: 100% !important;
    }

    .pkp_navigation_user a,
    .pkp_navigation_user li a,
    #navigationUser a {
        color: #ffffff !important;
        font-weight: bold !important;
    }

    .pkp_navigation_primary_wrapper,
    .navbar,
    .navbar-header,
    .navbar-collapse {
        clear: both !important;
        position: relative !important;
        margin-top: 0 !important;
        background-color: #ffffff !important; 
    }
}

/* =======================================================
   25. COMPREHENSIVE MOBILE RECOVERY & COLLAPSE REPAIR
   ======================================================= */
@media (max-width: 1199px) {
    /* 1. Force the main body page row to act as a vertical column list */
    .pkp_structure_body .row,
    .pkp_structure_body .container,
    .page,
    main {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Forces the central text block to span full width cleanly */
    .pkp_structure_main,
    #main-content,
    .col-md-9.pkp_structure_main,
    div[role="main"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: block !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        order: 1 !important; /* Forces text content to stay at the top */
    }

    /* 3. Forces the sidebar blocks to stack entirely beneath the main content text */
    .pkp_structure_sidebar,
    .sidebar,
    #sidebar,
    .col-md-3.pkp_structure_sidebar,
    aside {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-top: 25px !important; /* Creates a clean vertical gap between text and sidebar */
        padding-left: 15px !important;
        padding-right: 15px !important;
        order: 2 !important; /* Pushes sidebar cards below everything else */
    }

    /* 4. Keeps sidebar inner cards from running off screen edges */
    .custom-sidebar-card,
    .pkp_structure_sidebar .block,
    .sidebar .block,
    div[id*="customblock"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
    }

    /* 5. Clean layout flow alignment for navigation containers */
    .navbar-collapse,
    .pkp_navigation_primary_wrapper,
    .navbar-header {
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }
}