/* =========================================================
   EDUNOMIC - OJS 3 CUSTOM STYLES
   FINAL V2 - REMOVE REMAINING VERTICAL DIVIDER
   + KEEP CURRENT ISSUE ON LEFT
   ========================================================= */

/* COVER JURNAL */
.homepage_image {
    width: 220px;
    float: right;
    margin: 0 0 18px 25px;
    box-sizing: border-box;
}

.homepage_image img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

/* JOURNAL SUMMARY */
.homepage_about {
    padding-right: 245px;
    box-sizing: border-box;
    margin: 0 0 22px 0;
    font-size: 14px;
    line-height: 1.55;
    min-width: 0;
}

.homepage_about h2 {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 14px 0;
}

.homepage_about p {
    font-size: 14px;
    line-height: 1.55;
    text-align: justify;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding: 0;
}

.homepage_about p:last-child {
    margin-bottom: 0 !important;
}

.homepage_about em {
    font-size: 14px;
}

.homepage_about::after {
    content: "";
    display: table;
    clear: both;
}

/* =========================================================
   JOURNAL INFORMATION TABLE
   ========================================================= */

.edunomic-journal-info {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 16px 0 10px 0;
    font-size: 13px;
    line-height: 1.45;
}

.edunomic-journal-info tr {
    border-bottom: 1px solid #dddddd;
}

.edunomic-journal-info td {
    padding: 7px 9px;
    vertical-align: middle;
    border: 1px solid #dddddd;
}

.edunomic-journal-info td:first-child {
    width: 145px;
    background: #0a7a16;
    color: #000000;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.edunomic-journal-info td:last-child {
    background: #f2f2f2;
    color: #000000;
    font-weight: 400;
    text-align: left;
}

.edunomic-journal-info a {
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}

.edunomic-journal-info strong,
.edunomic-journal-info b {
    color: #000000;
    font-weight: 700;
}

/* =========================================================
   REMOVE ALL OJS HOMEPAGE COLUMN DIVIDERS
   The vertical line marked in the screenshot is removed here.
   ========================================================= */

/* Main structure */
.pkp_page_index .pkp_structure_page,
.pkp_page_index .pkp_structure_content,
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_sidebar,
.pkp_page_index .pkp_structure_main > *,
.pkp_page_index .pkp_structure_content > * {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Remove pseudo-elements that OJS/theme may use as dividers */
.pkp_page_index .pkp_structure_page::before,
.pkp_page_index .pkp_structure_page::after,
.pkp_page_index .pkp_structure_content::before,
.pkp_page_index .pkp_structure_content::after,
.pkp_page_index .pkp_structure_main::before,
.pkp_page_index .pkp_structure_main::after,
.pkp_page_index .pkp_structure_sidebar::before,
.pkp_page_index .pkp_structure_sidebar::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Specifically remove a divider attached to the main homepage area */
.pkp_page_index .pkp_structure_main {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Remove divider from the page/announcement container */
.pkp_page_index .page,
.pkp_page_index .cmp_announcements,
.pkp_page_index .cmp_announcements .obj_announcement_summary,
.pkp_page_index .additional_content {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.pkp_page_index .cmp_announcements::before,
.pkp_page_index .cmp_announcements::after,
.pkp_page_index .cmp_announcements > .obj_announcement_summary::before,
.pkp_page_index .cmp_announcements > .obj_announcement_summary::after,
.pkp_page_index .additional_content::before,
.pkp_page_index .additional_content::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* =========================================================
   CURRENT ISSUE - KEEP ON LEFT
   ========================================================= */

.pkp_page_index .current_issue {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pkp_page_index .current_issue > h2,
.pkp_page_index .current_issue h2:first-of-type {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.pkp_page_index .current_issue .current_issue_title {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.pkp_page_index .current_issue .obj_issue_toc {
    clear: both !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
    .homepage_image {
        width: 180px;
        margin: 0 0 15px 15px;
    }

    .homepage_about {
        padding-right: 0;
        font-size: 13px;
        line-height: 1.55;
    }

    .homepage_about p,
    .homepage_about em {
        font-size: 13px;
        line-height: 1.55;
        text-align: left;
    }

    .homepage_about h2 {
        font-size: 17px;
    }

    .edunomic-journal-info {
        font-size: 12px;
    }

    .edunomic-journal-info td {
        padding: 6px 7px;
    }

    .edunomic-journal-info td:first-child {
        width: 105px;
        white-space: normal;
    }

    .pkp_page_index .current_issue {
        width: 100% !important;
    }
}


/* =========================================================
   FINAL CLEANUP V3
   Remove the unwanted grey horizontal/vertical homepage
   divider around Manuscript Submission.
   Keep CURRENT ISSUE layout and its orange heading line.
   ========================================================= */

/* Remove borders used by the announcement block */
.pkp_page_index .cmp_announcements,
.pkp_page_index .cmp_announcements::before,
.pkp_page_index .cmp_announcements::after,
.pkp_page_index .cmp_announcements .obj_announcement_summary,
.pkp_page_index .cmp_announcements .obj_announcement_summary::before,
.pkp_page_index .cmp_announcements .obj_announcement_summary::after {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

/* Remove the divider around the homepage main column */
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_main::before,
.pkp_page_index .pkp_structure_main::after,
.pkp_page_index .pkp_structure_content,
.pkp_page_index .pkp_structure_content::before,
.pkp_page_index .pkp_structure_content::after {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

/* Remove borders from the announcement/article item itself */
.pkp_page_index .obj_announcement_summary {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Remove only the unwanted grey separators around Current Issue.
   Do NOT remove the orange heading rule. */
.pkp_page_index .current_issue {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

/* Keep the Current Issue heading clean and left aligned */
.pkp_page_index .current_issue > h2 {
    border-left: 0 !important;
    border-right: 0 !important;
    text-align: left !important;
}

/* Prevent an inherited vertical divider from the content/sidebar area */
.pkp_page_index .pkp_structure_sidebar,
.pkp_page_index .pkp_structure_sidebar::before,
.pkp_page_index .pkp_structure_sidebar::after {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   FINAL CLEANUP V4
   TARGET THE REMAINING "HALF" GREY LINES ONLY
   ========================================================= */

/* Remove theme borders/background separators from the homepage
   wrappers and all non-current-issue content. */
.pkp_page_index .pkp_structure_page,
.pkp_page_index .pkp_structure_page::before,
.pkp_page_index .pkp_structure_page::after,
.pkp_page_index .pkp_structure_content,
.pkp_page_index .pkp_structure_content::before,
.pkp_page_index .pkp_structure_content::after,
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_main::before,
.pkp_page_index .pkp_structure_main::after,
.pkp_page_index .homepage_image,
.pkp_page_index .homepage_about,
.pkp_page_index .homepage_about::before,
.pkp_page_index .homepage_about::after,
.pkp_page_index .cmp_announcements,
.pkp_page_index .cmp_announcements::before,
.pkp_page_index .cmp_announcements::after,
.pkp_page_index .obj_announcement_summary,
.pkp_page_index .obj_announcement_summary::before,
.pkp_page_index .obj_announcement_summary::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Remove borders from the announcement container's immediate
   children, which can create the short horizontal line. */
.pkp_page_index .cmp_announcements > *,
.pkp_page_index .cmp_announcements > *::before,
.pkp_page_index .cmp_announcements > *::after,
.pkp_page_index .obj_announcement_summary > *,
.pkp_page_index .obj_announcement_summary > *::before,
.pkp_page_index .obj_announcement_summary > *::after {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

/* Remove the vertical divider sometimes added by the two-column
   homepage grid. */
.pkp_page_index .pkp_structure_main {
    border-right: 0 !important;
}

.pkp_page_index .pkp_structure_sidebar {
    border-left: 0 !important;
}

/* Keep the Current Issue itself intact, but remove its outer
   grey box borders. The heading's own orange rule is restored. */
.pkp_page_index .current_issue {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

.pkp_page_index .current_issue > h2,
.pkp_page_index .current_issue h2:first-of-type {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Do not let an inherited pseudo-element draw a divider. */
.pkp_page_index .current_issue::before,
.pkp_page_index .current_issue::after {
    border: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}


/* =========================================================
   EDUNOMIC V5
   JOURNAL INFORMATION + COVER IN ONE ROW
   ========================================================= */

/* Cover stays on the right */
.pkp_page_index .homepage_image {
    width: 145px !important;
    float: right !important;
    margin: 0 0 10px 15px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.pkp_page_index .homepage_image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
}

/* Journal Information occupies the left side beside the cover */
.pkp_page_index .edunomic-info-box {
    width: calc(100% - 165px) !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Heading */
.pkp_page_index .edunomic-info-box h3 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #222222 !important;
}

/* Table */
.pkp_page_index table.edunomic-journal-info {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

/* All cells */
.pkp_page_index table.edunomic-journal-info td {
    padding: 5px 7px !important;
    vertical-align: middle !important;
    border: 1px solid #d6d6d6 !important;
    box-sizing: border-box !important;
}

/* Green label column
   White text gives strong contrast while remaining clean */
.pkp_page_index table.edunomic-journal-info td:first-child {
    width: 105px !important;
    background: #5fae32 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

/* Right information column */
.pkp_page_index table.edunomic-journal-info td:last-child {
    background: #f5f5f5 !important;
    color: #222222 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

/* Bold information remains black */
.pkp_page_index table.edunomic-journal-info td:last-child strong,
.pkp_page_index table.edunomic-journal-info td:last-child b {
    color: #222222 !important;
    font-weight: 700 !important;
}

/* Links */
.pkp_page_index table.edunomic-journal-info a {
    color: #155f9e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.pkp_page_index table.edunomic-journal-info a:hover {
    text-decoration: underline !important;
}

/* About the Journal moves below BOTH the table and cover */
.pkp_page_index .homepage_about {
    clear: both !important;
    width: 100% !important;
    padding-right: 0 !important;
    margin: 18px 0 22px 0 !important;
    box-sizing: border-box !important;
}

.pkp_page_index .homepage_about h2 {
    margin: 0 0 12px 0 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
}

.pkp_page_index .homepage_about p {
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: justify !important;
    margin: 0 0 8px 0 !important;
}

/* Clear the two-column information area */
.pkp_page_index .edunomic-info-box::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile */
@media (max-width: 700px) {
    .pkp_page_index .homepage_image {
        width: 130px !important;
        margin-left: 12px !important;
    }

    .pkp_page_index .edunomic-info-box {
        width: calc(100% - 145px) !important;
    }

    .pkp_page_index table.edunomic-journal-info {
        font-size: 10px !important;
    }

    .pkp_page_index table.edunomic-journal-info td:first-child {
        width: 82px !important;
        white-space: normal !important;
    }

    .pkp_page_index .homepage_about {
        clear: both !important;
    }
}


/* =========================================================
   EDUNOMIC V6
   RESTORE ABOUT THE JOURNAL + COVER LAYOUT
   Journal Information remains below / separate.
   ========================================================= */

/* Restore the original homepage cover position */
.pkp_page_index .homepage_image {
    width: 220px !important;
    float: right !important;
    margin: 0 0 18px 25px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: none !important;
}

.pkp_page_index .homepage_image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Restore About the Journal text beside the cover */
.pkp_page_index .homepage_about {
    clear: none !important;
    width: auto !important;
    padding-right: 245px !important;
    margin: 0 0 22px 0 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    min-width: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* About title */
.pkp_page_index .homepage_about h2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    color: #222222 !important;
}

/* About paragraphs */
.pkp_page_index .homepage_about p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: justify !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
}

.pkp_page_index .homepage_about p:last-child {
    margin-bottom: 0 !important;
}

/* Keep the cover and About area clean */
.pkp_page_index .homepage_about::before {
    display: none !important;
}

.pkp_page_index .homepage_about::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Journal Information: do not force it into the same row.
   Keep its existing readable table styling, but let it appear
   in its original separate position. */
.pkp_page_index .edunomic-info-box {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 10px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Keep the readable green/grey table appearance */
.pkp_page_index table.edunomic-journal-info {
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.pkp_page_index table.edunomic-journal-info td:first-child {
    width: 145px !important;
    background: #5fae32 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.pkp_page_index table.edunomic-journal-info td:last-child {
    background: #f2f2f2 !important;
    color: #222222 !important;
    font-weight: 400 !important;
}

.pkp_page_index table.edunomic-journal-info strong,
.pkp_page_index table.edunomic-journal-info b {
    color: #222222 !important;
    font-weight: 700 !important;
}

.pkp_page_index table.edunomic-journal-info a {
    color: #155f9e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Mobile */
@media (max-width: 700px) {
    .pkp_page_index .homepage_image {
        width: 180px !important;
        float: right !important;
        margin: 0 0 15px 15px !important;
    }

    .pkp_page_index .homepage_about {
        clear: none !important;
        width: auto !important;
        padding-right: 0 !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    .pkp_page_index .homepage_about p {
        font-size: 13px !important;
        line-height: 1.55 !important;
        text-align: left !important;
    }

    .pkp_page_index .homepage_about h2 {
        font-size: 17px !important;
    }

    .pkp_page_index .edunomic-info-box {
        clear: both !important;
        width: 100% !important;
    }

    .pkp_page_index table.edunomic-journal-info {
        font-size: 12px !important;
    }

    .pkp_page_index table.edunomic-journal-info td:first-child {
        width: 105px !important;
        white-space: normal !important;
    }
}

/* =========================================================
   EDUNOMIC V7 - FINAL HOMEPAGE 3-BLOCK LAYOUT
   1. Journal Information: left top
   2. Journal Cover: right
   3. About/Description: left below table
   This final override intentionally supersedes V5/V6.
   ========================================================= */

/* 2 - Cover on the right */
.pkp_page_index .homepage_image {
    width: 220px !important;
    float: right !important;
    margin: 0 0 18px 25px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: none !important;
}
.pkp_page_index .homepage_image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* 1 - Journal Information occupies the left column */
.pkp_page_index .edunomic-info-box {
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 245px 10px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: none !important;
}
.pkp_page_index .edunomic-info-box h3 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #222 !important;
}
.pkp_page_index table.edunomic-journal-info {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}
.pkp_page_index table.edunomic-journal-info td {
    padding: 5px 7px !important;
    vertical-align: middle !important;
    border: 1px solid #d6d6d6 !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
}
.pkp_page_index table.edunomic-journal-info td:first-child {
    width: 105px !important;
    background: #078315 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: left !important;
    white-space: nowrap !important;
}
.pkp_page_index table.edunomic-journal-info td:last-child {
    background: #f2f2f2 !important;
    color: #222 !important;
    font-weight: 400 !important;
    text-align: left !important;
}
.pkp_page_index table.edunomic-journal-info a {
    color: #155f9e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.pkp_page_index table.edunomic-journal-info a:hover {
    text-decoration: underline !important;
}

/* 3 - About/description below table, still in the left column */
.pkp_page_index .homepage_about {
    clear: none !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 10px 245px 22px 0 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    min-width: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* If OJS outputs its own About heading here, hide it because the desired
   heading is supplied by the Journal Information block. */
.pkp_page_index .homepage_about > h2 {
    display: none !important;
}
.pkp_page_index .homepage_about p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: justify !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}
.pkp_page_index .homepage_about p:last-child {
    margin-bottom: 0 !important;
}

/* Clear the right cover only after the About text area, so subsequent
   homepage sections start below the whole 3-block header. */
.pkp_page_index .homepage_about::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}
.pkp_page_index .current_issue,
.pkp_page_index .cmp_announcements,
.pkp_page_index .additional_content + * {
    clear: both;
}

/* Responsive: stack all three blocks on small screens */
@media (max-width: 700px) {
    .pkp_page_index .homepage_image {
        width: 150px !important;
        float: right !important;
        margin: 0 0 15px 15px !important;
    }
    .pkp_page_index .edunomic-info-box,
    .pkp_page_index .homepage_about {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .pkp_page_index .edunomic-info-box {
        clear: both !important;
        padding-top: 10px !important;
    }
    .pkp_page_index table.edunomic-journal-info {
        font-size: 12px !important;
    }
    .pkp_page_index table.edunomic-journal-info td:first-child {
        width: 105px !important;
        white-space: normal !important;
    }
    .pkp_page_index .homepage_about p {
        font-size: 13px !important;
        text-align: left !important;
    }
}

/* =========================================================
   EDUNOMIC V7.1 HOTFIX
   OJS renders Additional Content later in the DOM. Visually move the
   Journal Information block to the top-left, keep the cover top-right,
   and place the journal description below the table.
   ========================================================= */

/* Use the main homepage column as the positioning reference. */
.pkp_page_index .pkp_structure_main {
    position: relative !important;
}

/* Restore the requested title above the information table. */
.pkp_page_index .homepage_about::before {
    content: "About The Journal" !important;
    display: block !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* Reserve the upper-left area for title + information table.
   Description starts below that reserved area while the cover stays right. */
.pkp_page_index .homepage_about {
    clear: none !important;
    float: none !important;
    width: auto !important;
    margin: 0 245px 22px 0 !important;
    padding: 205px 0 0 0 !important;
    box-sizing: border-box !important;
}

/* Put the generated title at the actual top rather than after the reserved gap. */
.pkp_page_index .homepage_about::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 245px !important;
    width: auto !important;
    box-sizing: border-box !important;
}

/* Additional Content contains Journal Information. Move that block visually
   into the reserved top-left area. Absolute positioning also removes the
   unwanted empty/table block from its original lower position. */
.pkp_page_index .edunomic-info-box {
    position: absolute !important;
    top: 34px !important;
    left: 0 !important;
    right: 245px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

/* The visible heading is now generated above the table; suppress a duplicate
   heading inside Additional Content if one is present. */
.pkp_page_index .edunomic-info-box > h3 {
    display: none !important;
}

/* Keep cover fixed in the right-hand column. */
.pkp_page_index .homepage_image {
    position: relative !important;
    z-index: 3 !important;
    width: 220px !important;
    float: right !important;
    margin: 0 0 18px 25px !important;
}

/* Mobile: return to normal document flow; no absolute positioning. */
@media (max-width: 700px) {
    .pkp_page_index .homepage_about {
        margin-right: 0 !important;
        padding-top: 0 !important;
        clear: both !important;
        width: 100% !important;
    }
    .pkp_page_index .homepage_about::before {
        position: static !important;
        width: auto !important;
        margin-bottom: 10px !important;
    }
    .pkp_page_index .edunomic-info-box {
        position: static !important;
        width: 100% !important;
        margin: 0 0 12px 0 !important;
        clear: both !important;
    }
    .pkp_page_index .edunomic-info-box > h3 {
        display: none !important;
    }
}

/* =========================================================
   EDUNOMIC V7.2 - SPACING + OVERLAP FIX
   Final refinement based on live OJS screenshot:
   - inset left column from page edge
   - lower cover from top edge
   - reserve enough vertical space so ALL 3 about paragraphs
     begin below Journal Information table
   ========================================================= */

/* Main desktop geometry */
@media (min-width: 701px) {
    /* Title: give breathing room from top and left edges */
    .pkp_page_index .homepage_about::before {
        top: 14px !important;
        left: 32px !important;
        right: 270px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Journal Information table: aligned with title and safely inset */
    .pkp_page_index .edunomic-info-box {
        top: 51px !important;
        left: 32px !important;
        right: 270px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Cover: lower it slightly and preserve a comfortable gutter */
    .pkp_page_index .homepage_image {
        width: 220px !important;
        float: right !important;
        margin: 18px 16px 20px 25px !important;
    }

    /* Description: reserve the COMPLETE table height.
       This prevents paragraph 1 from sitting underneath the table. */
    .pkp_page_index .homepage_about {
        margin: 0 270px 24px 32px !important;
        padding: 320px 0 0 0 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    .pkp_page_index .homepage_about p {
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: justify !important;
    }

    .pkp_page_index .homepage_about p:last-child {
        margin-bottom: 0 !important;
    }
}

/* Mobile/tablet: normal flow, no artificial vertical reservation */
@media (max-width: 700px) {
    .pkp_page_index .homepage_about {
        margin: 0 16px 22px 16px !important;
        padding: 0 !important;
        width: auto !important;
        clear: both !important;
    }

    .pkp_page_index .homepage_about::before {
        position: static !important;
        display: block !important;
        margin: 12px 0 10px 0 !important;
    }

    .pkp_page_index .edunomic-info-box {
        position: static !important;
        width: auto !important;
        margin: 0 16px 14px 16px !important;
        padding: 0 !important;
        clear: both !important;
    }

    .pkp_page_index .homepage_image {
        width: 150px !important;
        float: right !important;
        margin: 12px 16px 15px 15px !important;
    }
}

/* =========================================================
   EDUNOMIC V7.3 - FINAL LEFT-COLUMN ALIGNMENT
   - Table and three About paragraphs share exactly the same
     left and right boundaries.
   - Cover remains in a separate right column with fixed gutter.
   ========================================================= */
@media (min-width: 701px) {
    /* One shared grid for title, table, and description */
    .pkp_page_index .homepage_about::before,
    .pkp_page_index .edunomic-info-box {
        left: 32px !important;
        right: 286px !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    /* Description uses the exact same horizontal boundaries */
    .pkp_page_index .homepage_about {
        margin-left: 32px !important;
        margin-right: 286px !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    /* Ensure paragraph text fills the same column width as the table */
    .pkp_page_index .homepage_about p {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    /* Keep the cover in the right column and create a clean gutter */
    .pkp_page_index .homepage_image {
        width: 220px !important;
        margin: 18px 32px 20px 24px !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   EDUNOMIC V7.4 - FINAL ALIGNMENT + SIDEBAR HEADING CLEANUP
   1. Table and 3-paragraph block share exactly the same left/right edges.
   2. Hide SIDEMENU_EDUNOMIC heading only.
   3. Pull MAIN MENU upward to align visually with the cover.
   ========================================================= */

@media (min-width: 701px) {

    /* One common left-column geometry for title, table, and description */
    .pkp_page_index {
        --edunomic-left-x: 18px;
        --edunomic-left-width: 487px;
    }

    .pkp_page_index .edunomic-info-box,
    .pkp_page_index .homepage_about {
        box-sizing: border-box !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: var(--edunomic-left-width) !important;
        max-width: var(--edunomic-left-width) !important;
        margin-left: var(--edunomic-left-x) !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Information table must fill the exact same column width */
    .pkp_page_index .edunomic-info-box table.edunomic-journal-info,
    .pkp_page_index table.edunomic-journal-info {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Heading follows the same left/right column */
    .pkp_page_index .edunomic-info-box h3,
    .pkp_page_index .edunomic-info-box h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Description: no extra indentation that makes it narrower than table */
    .pkp_page_index .homepage_about p {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-indent: 0 !important;
        box-sizing: border-box !important;
    }

    /* If the editor inserted a wrapper around the paragraphs, do not indent it */
    .pkp_page_index .homepage_about > div,
    .pkp_page_index .homepage_about > section {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /*
     * SIDEBAR:
     * OJS commonly renders the custom block title as the first heading
     * in the sidebar. Hide only the heading containing the block title
     * via the common custom-block selectors, leaving MAIN MENU visible.
     */
    .pkp_page_index .pkp_structure_sidebar .pkp_block.block_custom > h2:first-child,
    .pkp_page_index .pkp_structure_sidebar .pkp_block.block_custom > h3:first-child,
    .pkp_page_index .pkp_structure_sidebar .pkp_block.block_custom > .title:first-child,
    .pkp_page_index .pkp_structure_sidebar .block_custom > h2:first-child,
    .pkp_page_index .pkp_structure_sidebar .block_custom > h3:first-child {
        display: none !important;
    }

    /* Remove the space left by the hidden custom-block title */
    .pkp_page_index .pkp_structure_sidebar .pkp_block.block_custom,
    .pkp_page_index .pkp_structure_sidebar .block_custom {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .pkp_page_index .pkp_structure_sidebar .pkp_block.block_custom > .content,
    .pkp_page_index .pkp_structure_sidebar .block_custom > .content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Pull the visible MAIN MENU header to the top of the sidebar content */
    .pkp_page_index .pkp_structure_sidebar .block_custom .content > *:first-child,
    .pkp_page_index .pkp_structure_sidebar .pkp_block.block_custom .content > *:first-child {
        margin-top: 0 !important;
    }
}

/* Mobile remains naturally stacked and readable */
@media (max-width: 700px) {
    .pkp_page_index .edunomic-info-box,
    .pkp_page_index .homepage_about {
        width: auto !important;
        max-width: none !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pkp_page_index .homepage_about p {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-indent: 0 !important;
    }
}


/* =========================================================
   EDUNOMIC V7.5
   CLICK / POINTER FIX — KEEP V7.4 VISUAL LAYOUT UNCHANGED
   ========================================================= */

/*
 * Keep the visible homepage layers in a sane stacking order.
 * No dimensions, margins, typography, or colors are changed here.
 */
.pkp_page_index .pkp_structure_content,
.pkp_page_index .pkp_structure_main {
    position: relative !important;
    z-index: 1 !important;
}

/* Sidebar must stay above any repositioned homepage/additional-content layer. */
.pkp_page_index .pkp_structure_sidebar {
    position: relative !important;
    z-index: 50 !important;
    pointer-events: auto !important;
}

/* Restore interaction to every sidebar block and its descendants. */
.pkp_page_index .pkp_structure_sidebar .pkp_block,
.pkp_page_index .pkp_structure_sidebar .pkp_block *,
.pkp_page_index .pkp_structure_sidebar .block_custom,
.pkp_page_index .pkp_structure_sidebar .block_custom * {
    pointer-events: auto !important;
}

/* Links and buttons in sidebar are explicitly clickable. */
.pkp_page_index .pkp_structure_sidebar a,
.pkp_page_index .pkp_structure_sidebar button,
.pkp_page_index .pkp_structure_sidebar input,
.pkp_page_index .pkp_structure_sidebar [role="button"] {
    position: relative !important;
    z-index: 51 !important;
    pointer-events: auto !important;
}

/*
 * Additional Content is used for the journal-information table.
 * Keep its visible children interactive, but prevent an oversized/
 * transparent parent box from stealing clicks outside visible content.
 */
.pkp_page_index .additional_content {
    pointer-events: none !important;
}

.pkp_page_index .additional_content .edunomic-info-box,
.pkp_page_index .additional_content .edunomic-info-box *,
.pkp_page_index .additional_content table,
.pkp_page_index .additional_content table *,
.pkp_page_index .additional_content a {
    pointer-events: auto !important;
}

/* Homepage About text itself does not need to intercept pointer events
   except for actual links contained in it. */
.pkp_page_index .homepage_about {
    pointer-events: none !important;
}

.pkp_page_index .homepage_about a {
    position: relative !important;
    z-index: 5 !important;
    pointer-events: auto !important;
}

/*
 * Restore clickability for announcements, Current Issue, article summaries,
 * issue TOC, and common OJS action links below the custom top area.
 */
.pkp_page_index .cmp_announcements,
.pkp_page_index .cmp_announcements *,
.pkp_page_index .current_issue,
.pkp_page_index .current_issue *,
.pkp_page_index .obj_issue_toc,
.pkp_page_index .obj_issue_toc *,
.pkp_page_index .obj_article_summary,
.pkp_page_index .obj_article_summary *,
.pkp_page_index .obj_announcement_summary,
.pkp_page_index .obj_announcement_summary * {
    pointer-events: auto !important;
}

.pkp_page_index .cmp_announcements,
.pkp_page_index .current_issue,
.pkp_page_index .obj_issue_toc {
    position: relative !important;
    z-index: 10 !important;
}

/* Explicitly protect ordinary homepage links from invisible overlays. */
.pkp_page_index .current_issue a,
.pkp_page_index .obj_issue_toc a,
.pkp_page_index .obj_article_summary a,
.pkp_page_index .cmp_announcements a,
.pkp_page_index .obj_announcement_summary a {
    position: relative !important;
    z-index: 11 !important;
    pointer-events: auto !important;
}


/* =========================================================
   EDUNOMIC V7.6 - GLOBAL SIDEBAR TITLE CLEANUP
   ========================================================= */

/* Hide SIDEMENU_EDUNOMIC on all journal pages */
.pkp_structure_sidebar .pkp_block.block_custom > h2:first-child,
.pkp_structure_sidebar .pkp_block.block_custom > h3:first-child,
.pkp_structure_sidebar .pkp_block.block_custom > .title:first-child,
.pkp_structure_sidebar .block_custom > h2:first-child,
.pkp_structure_sidebar .block_custom > h3:first-child,
.pkp_structure_sidebar .block_custom > .title:first-child {
    display: none !important;
}

/* Remove space left by the hidden block title */
.pkp_structure_sidebar .pkp_block.block_custom,
.pkp_structure_sidebar .block_custom {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block.block_custom > .content,
.pkp_structure_sidebar .block_custom > .content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* MAIN MENU becomes the first visible heading */
.pkp_structure_sidebar .pkp_block.block_custom > .content > *:first-child,
.pkp_structure_sidebar .block_custom > .content > *:first-child {
    margin-top: 0 !important;
}

/* Preserve sidebar clickability on internal pages */
.pkp_structure_sidebar,
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .pkp_block *,
.pkp_structure_sidebar .block_custom,
.pkp_structure_sidebar .block_custom * {
    pointer-events: auto !important;
}

.pkp_structure_sidebar a,
.pkp_structure_sidebar button,
.pkp_structure_sidebar [role="button"] {
    position: relative !important;
    z-index: 51 !important;
    pointer-events: auto !important;
}