@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
/* ============================================================
   HEADER STYLING FOR JOURNAL PAGES
   ============================================================ */

.pkp_site_name {
    display: flex;
    align-items: center;
}

/* Hide breadcrumbs */
.cmp_breadcrumbs {
    display: none !important;
}

/* Journal title */
.pkp_journal_name {
    margin-left: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color: #DBEEED;
}

/* Main menu styling */
#navigationPrimary.pkp_navigation_primary.pkp_nav_list {
    font-family: 'Roboto Condensed', sans-serif !important;
    /*font-style: normal; */
    font-weight: 400 !important; /* Bold weight for main menu items */
    font-size: 1.1em !important; /* Consistent with journal title size */
    /*color: #333333; /* Dark gray for readability */
    /*text-transform: uppercase; /* Matches OJS aesthetic */
    /*list-style: none; /* Remove default list bullets */
    /*margin: 0;
    padding: 0; */
}

/* ============================================================
   FOOTER STYLING
   ============================================================ */

.pkp_structure_footer_wrapper {
    background-color: #0971D3;
}

.pkp_structure_footer,
.custom_footer_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pkp_footer_content {
    color: #DBEEED;
    display: flex;
    align-items: center;
}

.pkp_brand_footer img {
    filter: invert(1);
}

/* Footer links — consistent, no underline */
.pkp_structure_footer a,
.pkp_structure_footer a:visited,
.pkp_structure_footer a:hover,
.pkp_structure_footer a:active,
.pkp_structure_footer a:focus {
    color: inherit !important;
    text-decoration: none !important;
}

/* ============================================================
   RESPONSIVE HEADER BEHAVIOR
   ============================================================ */

@media (max-width: 768px) {
    .pkp_site_name {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .pkp_site_nav_toggle,
    .is_img img {
        flex-shrink: 0 !important;
    }

    .is_img img {
        max-width: 100px !important;
    }

    .pkp_journal_name {
        margin-left: 10px !important;
        max-width: calc(100% - 150px) !important; /* burger + logo + margins */
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        flex-grow: 0 !important;
    }
}

/* Hide <h1> title on contact page */
body.pkp_page_about.pkp_op_contact h1 {
    display: none !important;
}

/* ============================================================
   SIDEBAR BLOCK STYLING
   ============================================================ */

/* --- Block container --- */
.pkp_structure_sidebar .pkp_block {
    border: 1px solid #00cccc !important;
    border-radius: 8px !important;
    background-color: #e6f7ff !important;
    padding: 10px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* --- Block header (e.g., “Information”) --- */
.pkp_structure_sidebar .pkp_block .title {
    background-color: #0971D3 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: "Roboto Condensed", sans-serif !important;
    letter-spacing: 1px !important;
    padding: 6px 10px !important;
    border-radius: 5px 5px 0 0 !important;
    margin: -10px -10px 10px -10px !important;
    border-bottom: 2px solid #009999 !important;
}

/* Hover effect for header */
.pkp_structure_sidebar .pkp_block .title:hover {
    background-color: #00e6e6 !important;
    color: #002626 !important;
    cursor: default;
}

/* ============================================================
   BLOCK MENU ITEMS
   ============================================================ */

/* Remove bullets and align items inline */
.pkp_structure_sidebar .pkp_block .content ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Inline items with separator */
.pkp_structure_sidebar .pkp_block .content ul li {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block .content ul li:not(:last-child)::after {
    content: " | " !important;
    color: #009999 !important;
    margin: 0 4px !important;
}

/* Links inside blocks */
.pkp_structure_sidebar .pkp_block .content a {
    display: inline !important;
    color: #004466 !important;
    font-size: 1.05em !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover effect for links */
.pkp_structure_sidebar .pkp_block .content a:hover {
    color: #00cccc !important;
    font-weight: bold !important;
}

/* === Single-column layout for Announcements + auto-hide empty 'more' section === */
.cmp_announcements {
    display: block !important;
}

.cmp_announcements .obj_announcement_summary,
.cmp_announcements .more,
.cmp_announcements .more article {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1.5em 0 !important;
}

/* --- Hide 'more' container if empty (no past announcements) --- */
.cmp_announcements .more:empty,
.cmp_announcements .more:not(:has(article)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   ANNOUNCEMENT SECTION — MATCH MAIN BODY FONT (IMPROVED)
   ============================================================ */

.cmp_announcements,
.cmp_announcements .obj_announcement_summary,
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary .summary,
.cmp_announcements .obj_announcement_summary .date,
.cmp_announcements .obj_announcement_summary .read_more,
.obj_announcement_full,
.obj_announcement_full h1,
.obj_announcement_full h2,
.obj_announcement_full p,
.obj_announcement_full a {
    font-family: "Noto Serif", serif !important; /* Match main body */
        font-weight: normal !important;
    font-size: 1em !important;
   }

/* ==== HOMEPAGE ORDER: Intro -> Announcements -> Current Issue ==== */
.page_index_journal {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem; /* nice breathing room between blocks */
}

/* Put the introduction first */
.page_index_journal > .additional_content {
  order: 0 !important;
  
}

/* Announcements second */
.page_index_journal > .cmp_announcements {
  order: 1 !important;
  
}

/* Current Issue third */
.page_index_journal > .current_issue {
  order: 2 !important;
  
}

/* (Optional) tighten headings’ spacing a touch when reordered */
.page_index_journal > .additional_content h2,
.page_index_journal > .cmp_announcements h2,
.page_index_journal > .current_issue h2 {
  margin-top: 0.25rem;
}