/* =====================================
   JSHRA Menu
   PSU Navy #102F50
   ===================================== */

@media (min-width: 992px) {

    .pkp_navigation_primary_row {
        background: #102F50 !important;
    }

}
/* Menu text - white */
@media (min-width: 992px) {

    #navigationPrimary > li > a {
        color: #FFFFFF !important;
    }

    .pkp_navigation_search_wrapper > a {
        color: #FFFFFF !important;
    }
}
/* =====================================
   Menu Hover Line
   Academic Sky Blue #1A92C4
   ===================================== */

@media (min-width: 992px) {

    #navigationPrimary > li > a:hover,
    #navigationPrimary > li > a:focus {
        color: #FFFFFF !important;
        box-shadow: inset 0 -3px 0 #1A92C4 !important;
    }

    .pkp_navigation_search_wrapper > a:hover,
    .pkp_navigation_search_wrapper > a:focus {
        color: #FFFFFF !important;
        box-shadow: inset 0 -3px 0 #1A92C4 !important;
    }

}


/* =====================================
   MAKE A SUBMISSION BUTTON
   Journal Blue #14699A
   ===================================== */

.block_make_submission a {
    background-color: #14699A !important;
    border-color: #14699A !important;
    color: #FFFFFF !important;
}

.block_make_submission a:hover,
.block_make_submission a:focus {
    background-color: #173F67 !important;
    border-color: #173F67 !important;
    color: #FFFFFF !important;
}

/* =====================================
   JSHRA Small Accent
   Logo Green #7ABA6E
   ===================================== */

.pkp_structure_sidebar .pkp_block .title {
    border-bottom-color: #7ABA6E !important;
}
/* =====================================
   USER MENU ON HEADER
   Make username readable on blue banner
   ===================================== */

#navigationUser > li > a,
.pkp_navigation_user > li > a {
    color: #FFFFFF !important;
}

/* ตัวเลขแจ้งเตือน เช่น 787 */
#navigationUser .task_count,
.pkp_navigation_user .task_count {
    background-color: #14699A !important;
    color: #FFFFFF !important;
}

/* เมื่อนำเมาส์ไปวาง */
#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #FFFFFF !important;
}

/* =====================================
   Bottom Accent Line under Menu
   River Cyan #38ADB9
   ===================================== */

@media (min-width: 992px) {

    .pkp_structure_head .pkp_navigation_primary_row {
        border-bottom: none !important;
        box-shadow: inset 0 -2px 0 #38ADB9 !important;
    }

}
/* =====================================================
   JSHRA ACTIVE MENU
   Add to jshra-academic-blue-v3
   Academic Sky Blue #1A92C4
   ===================================================== */

@media (min-width: 992px) {

    /* ---------------------------------
       HOME
       --------------------------------- */

    body.pkp_page_index.pkp_op_index
    #navigationPrimary > li:nth-child(1) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }


    /* ---------------------------------
       CURRENT ISSUE

       OJS may open the current issue as
       issue/current or issue/view
       --------------------------------- */

    body.pkp_page_issue.pkp_op_current
    #navigationPrimary > li:nth-child(2) > a,

    body.pkp_page_issue.pkp_op_view
    #navigationPrimary > li:nth-child(2) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }


    /* ---------------------------------
       ARCHIVES
       --------------------------------- */

    body.pkp_page_issue.pkp_op_archive
    #navigationPrimary > li:nth-child(3) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }

}

/* =====================================================
   JSHRA ACTIVE MENU - PART 2
   EDITORIAL TEAM / ANNOUNCEMENTS / ABOUT / SUBMISSIONS
   Academic Sky Blue #1A92C4
   ===================================================== */

@media (min-width: 992px) {

    /* ---------------------------------
       EDITORIAL TEAM
       --------------------------------- */

    body.pkp_page_about.pkp_op_editorialTeam
    #navigationPrimary > li:nth-child(4) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }


    /* ---------------------------------
       ANNOUNCEMENTS
       --------------------------------- */

    body.pkp_page_announcement.pkp_op_index
    #navigationPrimary > li:nth-child(5) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }


    /* ---------------------------------
       ABOUT
       --------------------------------- */

    body.pkp_page_about.pkp_op_index
    #navigationPrimary > li:nth-child(6) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }


    /* ---------------------------------
       SUBMISSIONS
       --------------------------------- */

    body.pkp_page_about.pkp_op_submissions
    #navigationPrimary > li:nth-child(7) > a {
        color: #FFFFFF !important;
        box-shadow: inset 0 -4px 0 #1A92C4 !important;
    }

}

/* =====================================================
   JSHRA JOURNAL INFORMATION CARD
   Version 6
   ===================================================== */

.jshra-journal-info {
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DCE5ED;
    border-radius: 14px;
    padding: 18px 18px 16px 18px;
    margin: 8px 0 20px 0;
    color: #26384A;
    box-shadow: 0 3px 12px rgba(23, 63, 103, 0.07);
}


/* หัวข้อ JOURNAL INFORMATION */

.jshra-journal-info h3 {
    margin: 0 0 17px 0 !important;
    padding: 0 0 11px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: #173F67 !important;
    border-bottom: 2px solid #38ADB9;
}


/* =====================================
   EDITOR-IN-CHIEF
   ===================================== */

.jshra-editor {
    display: block;
    padding: 0 0 15px 0;
    margin: 0;
    border-bottom: 1px solid #E3E9EE;
}

.jshra-editor-text {
    display: block;
}

.jshra-editor-text strong {
    display: block;
    margin: 3px 0 3px 0;
    color: #173F67;
    font-size: 15px;
    line-height: 1.45;
}

.jshra-editor-text > span:not(.jshra-label) {
    display: block;
    color: #596B7D;
    font-size: 14px;
    line-height: 1.45;
}


/* =====================================
   INFORMATION ITEMS
   ===================================== */

.jshra-info-item {
    display: block;
    padding: 13px 0;
    margin: 0;
    border-bottom: 1px solid #E3E9EE;
    line-height: 1.5;
}

.jshra-info-item:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
}


/* หัวข้อย่อย เช่น PUBLICATION MODEL */

.jshra-label {
    display: block !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: #687B8E !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 1.1px;
    line-height: 1.4;
}


/* เนื้อหาธรรมดา */

.jshra-info-item > span:not(.jshra-label) {
    display: block;
    color: #27384A;
    font-size: 14px;
    line-height: 1.5;
}


/* Open Access ให้เด่น */

.jshra-info-item strong {
    display: block;
    color: #173F67;
    font-size: 14px;
    line-height: 1.5;
}


/* จุดคั่น Thai • English */

.jshra-dot {
    color: #1A92C4 !important;
    font-weight: 700;
    padding: 0 7px;
}


/* Link ภายในกล่อง */

.jshra-journal-info a {
    color: #14699A !important;
    text-decoration: none;
}

.jshra-journal-info a:hover,
.jshra-journal-info a:focus {
    color: #173F67 !important;
    text-decoration: underline;
}
/* =====================================================
   JSHRA JOURNAL INFORMATION CARD
   Version 7
   ===================================================== */

.jshra-journal-info {
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DCE5ED;
    border-radius: 14px;
    padding: 18px 18px 16px 18px;
    margin: 8px 0 20px 0;
    color: #26384A;
    box-shadow: 0 3px 12px rgba(23, 63, 103, 0.07);
}

.jshra-journal-info h3 {
    margin: 0 0 17px 0 !important;
    padding: 0 0 11px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: #173F67 !important;
    border-bottom: 2px solid #7ABA6E;
}

.jshra-editor {
    display: block;
    padding: 0 0 15px 0;
    margin: 0;
    border-bottom: 1px solid #E3E9EE;
}

.jshra-editor-text {
    display: block;
}

.jshra-editor-text strong {
    display: block;
    margin: 3px 0 3px 0;
    color: #173F67;
    font-size: 15px;
    line-height: 1.45;
}

.jshra-editor-text > span:not(.jshra-label) {
    display: block;
    color: #596B7D;
    font-size: 14px;
    line-height: 1.45;
}

.jshra-info-item {
    display: block;
    padding: 13px 0;
    margin: 0;
    border-bottom: 1px solid #E3E9EE;
    line-height: 1.5;
}

.jshra-info-item:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
}

.jshra-label {
    display: block !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: #687B8E !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 1.1px;
    line-height: 1.4;
}

.jshra-info-item > span:not(.jshra-label) {
    display: block;
    color: #27384A;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 2px;
}

.jshra-info-item strong {
    display: block;
    color: #173F67;
    font-size: 14px;
    line-height: 1.5;
}

.jshra-dot {
    color: #7ABA6E !important;
    font-weight: 700;
    padding: 0 8px;
}

.jshra-journal-info a {
    color: #14699A !important;
    text-decoration: none;
}

.jshra-journal-info a:hover,
.jshra-journal-info a:focus {
    color: #173F67 !important;
    text-decoration: underline;
}

/* =====================================================
   JSHRA JOURNAL INFORMATION - V8
   Layout Fix + Associate Editors + Custom Separator
   ===================================================== */

.jshra-journal-info {
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #DCE5ED;
    border-radius: 14px;
    padding: 20px 20px 17px 20px;
    margin: 8px 0 20px 0;
    color: #26384A;
    box-shadow: 0 3px 12px rgba(23, 63, 103, 0.07);
}


/* ---------- CARD TITLE ---------- */

.jshra-journal-info h3 {
    margin: 0 0 18px 0 !important;
    padding: 0 0 12px 0 !important;
    color: #173F67 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    border-bottom: 2px solid #7ABA6E !important;
}


/* ---------- SECTION LAYOUT ---------- */

.jshra-editor-section,
.jshra-info-item {
    display: block !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 15px 0 !important;
    border-bottom: 1px solid #E3E9EE !important;
}

.jshra-info-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}


/* ---------- SMALL LABEL ---------- */

.jshra-label {
    display: block !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    color: #687B8E !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.05px !important;
    line-height: 1.4 !important;
}


/* ---------- EDITOR-IN-CHIEF ---------- */

.jshra-editor-name {
    display: block !important;
    margin: 0 0 3px 0 !important;
    color: #173F67 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.jshra-editor-affiliation {
    display: block !important;
    color: #596B7D !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}


/* ---------- ASSOCIATE EDITORS ---------- */

.jshra-person-name {
    display: block !important;
    margin: 0 0 4px 0 !important;
    color: #27384A !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.jshra-person-name:last-child {
    margin-bottom: 0 !important;
}


/* ---------- OPEN ACCESS ---------- */

.jshra-highlight {
    display: block !important;
    color: #173F67 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}


/* ---------- NORMAL CONTENT ---------- */

.jshra-info-item > div:not(.jshra-label):not(.jshra-inline-list):not(.jshra-highlight) {
    color: #27384A !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* =====================================================
   INLINE ITEMS
   Thai — English
   Research Article — Academic Article
   ===================================================== */

.jshra-inline-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    column-gap: 8px !important;
    row-gap: 5px !important;
    color: #27384A !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.jshra-inline-list > span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* JSHRA custom separator */

.jshra-inline-list .jshra-separator {
    display: inline-block !important;
    width: 12px !important;
    height: 3px !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin: 0 2px !important;
    flex: 0 0 12px !important;
    background: linear-gradient(
        90deg,
        #7ABA6E 0%,
        #38ADB9 55%,
        #1A92C4 100%
    ) !important;
}


/* Article types ถ้าพื้นที่แคบ ให้ขึ้นบรรทัดอย่างเป็นระเบียบ */

.jshra-article-list {
    align-items: center !important;
}


/* ---------- LINKS ---------- */

.jshra-journal-info a {
    color: #14699A !important;
    text-decoration: none !important;
}

.jshra-journal-info a:hover,
.jshra-journal-info a:focus {
    color: #173F67 !important;
    text-decoration: underline !important;
}
/* =====================================================
   JSHRA JOURNAL INFORMATION V9
   Fix Language + Article Types
   ===================================================== */


/* LANGUAGE: Thai ◆ English */

.jshra-journal-info .jshra-language {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #27384A !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.jshra-journal-info .jshra-language span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Diamond accent — JSHRA identity */

.jshra-journal-info .jshra-diamond {
    color: #7ABA6E !important;
    font-size: 8px !important;
    line-height: 1 !important;
}


/* ARTICLE TYPES
   ใช้แถบ gradient เล็ก ๆ แทนจุดแบบ JIL */

.jshra-journal-info .jshra-article-types {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.jshra-journal-info .jshra-article-types > div {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 16px !important;
    color: #27384A !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}


/* short JSHRA gradient bar */

.jshra-journal-info .jshra-article-types > div::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.65em !important;
    width: 9px !important;
    height: 3px !important;
    border-radius: 5px !important;
    background: linear-gradient(
        90deg,
        #7ABA6E 0%,
        #38ADB9 55%,
        #1A92C4 100%
    ) !important;
}

/* =====================================================
   JSHRA JOURNAL INFORMATION CARD
   VERSION 10
   Soft Academic Blue Background
   ===================================================== */


/* =====================================================
   MAIN CARD
   ===================================================== */

.jshra-journal-info {
    width: 100% !important;
    box-sizing: border-box !important;

    /* พื้นหลังฟ้าวิชาการอ่อน */
    background: #F2F8FC !important;

    /* ขอบฟ้าอ่อน */
    border: 1px solid #D7E6F0 !important;

    border-radius: 14px !important;

    padding: 20px 20px 17px 20px !important;
    margin: 8px 0 20px 0 !important;

    color: #26384A !important;

    /* เงาบาง ๆ */
    box-shadow:
        0 4px 14px rgba(23, 63, 103, 0.08) !important;
}


/* =====================================================
   JOURNAL INFORMATION TITLE
   ===================================================== */

.jshra-journal-info h3 {
    margin: 0 0 18px 0 !important;
    padding: 0 0 12px 0 !important;

    color: #173F67 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    /* Accent Green */
    border-bottom: 2px solid #7ABA6E !important;
}


/* =====================================================
   COMMON SECTION
   ===================================================== */

.jshra-editor-section,
.jshra-info-item {
    display: block !important;

    padding: 0 0 15px 0 !important;
    margin: 0 0 15px 0 !important;

    border-bottom: 1px solid #D8E5ED !important;
}


/* รายการสุดท้ายไม่ต้องมีเส้นล่าง */

.jshra-info-item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

    border-bottom: none !important;
}


/* =====================================================
   SMALL LABEL
   EDITOR-IN-CHIEF
   ASSOCIATE EDITOR
   REVIEW PROCESS etc.
   ===================================================== */

.jshra-label {
    display: block !important;

    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    color: #687B8E !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;

    letter-spacing: 1.05px !important;
    line-height: 1.4 !important;
}


/* =====================================================
   EDITOR-IN-CHIEF
   ===================================================== */

.jshra-editor-name {
    display: block !important;

    margin: 0 0 3px 0 !important;

    color: #173F67 !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.45 !important;
}


.jshra-editor-affiliation {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #596B7D !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;
}


/* =====================================================
   ASSOCIATE EDITORS
   ===================================================== */

.jshra-person-name {
    display: block !important;

    margin: 0 0 4px 0 !important;
    padding: 0 !important;

    color: #27384A !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


.jshra-person-name:last-child {
    margin-bottom: 0 !important;
}


/* =====================================================
   PUBLICATION MODEL
   ===================================================== */

.jshra-highlight {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #173F67 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.5 !important;
}


/* =====================================================
   NORMAL INFORMATION CONTENT
   ===================================================== */

.jshra-info-item > div:not(.jshra-label):not(.jshra-language):not(.jshra-article-types):not(.jshra-highlight) {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #27384A !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


/* =====================================================
   LANGUAGE
   Thai ◆ English
   ===================================================== */

.jshra-journal-info .jshra-language {
    display: flex !important;

    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #27384A !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


.jshra-journal-info .jshra-language span {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Diamond JSHRA Accent */

.jshra-journal-info .jshra-diamond {
    color: #7ABA6E !important;

    font-size: 8px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}


/* =====================================================
   ARTICLE TYPES
   ===================================================== */

.jshra-journal-info .jshra-article-types {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.jshra-journal-info .jshra-article-types > div {
    display: block !important;

    position: relative !important;

    margin: 0 !important;

    padding: 0 0 0 16px !important;

    color: #27384A !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;
}


/* JSHRA gradient bar */

.jshra-journal-info .jshra-article-types > div::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 0.65em !important;

    width: 9px !important;
    height: 3px !important;

    border-radius: 5px !important;

    background: linear-gradient(
        90deg,
        #7ABA6E 0%,
        #38ADB9 55%,
        #1A92C4 100%
    ) !important;
}


/* =====================================================
   LINKS INSIDE CARD
   ===================================================== */

.jshra-journal-info a {
    color: #14699A !important;

    text-decoration: none !important;
}


.jshra-journal-info a:hover,
.jshra-journal-info a:focus {
    color: #173F67 !important;

    text-decoration: underline !important;
}/* =====================================================
   JSHRA SIDEBAR CARDS - VERSION 11
   LANGUAGE + PUBLISHED BY
   ===================================================== */


/* =====================================================
   1. LANGUAGE CARD
   ===================================================== */

.pkp_structure_sidebar .pkp_block.block_language {
    box-sizing: border-box !important;
    width: 100% !important;

    background: #F2F8FC !important;
    border: 1px solid #D7E6F0 !important;
    border-radius: 14px !important;

    padding: 18px 20px !important;
    margin: 0 0 20px 0 !important;

    box-shadow: 0 4px 14px rgba(23, 63, 103, 0.08) !important;
}


/* LANGUAGE title */

.pkp_structure_sidebar .pkp_block.block_language .title {
    display: block !important;

    margin: 0 0 12px 0 !important;
    padding: 0 0 10px 0 !important;

    color: #173F67 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    border-bottom: 2px solid #7ABA6E !important;
}


/* Language list */

.pkp_structure_sidebar .pkp_block.block_language .content {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block.block_language ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.pkp_structure_sidebar .pkp_block.block_language li {
    margin: 0 !important;
    padding: 9px 0 !important;

    list-style: none !important;

    border-bottom: 1px solid #D8E5ED !important;
}

.pkp_structure_sidebar .pkp_block.block_language li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block.block_language a {
    color: #14699A !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block.block_language a:hover,
.pkp_structure_sidebar .pkp_block.block_language a:focus {
    color: #173F67 !important;
    text-decoration: underline !important;
}


/* =====================================================
   2. PUBLISHED BY / LOGOS CARD
   Custom Block name = logos
   ===================================================== */

.pkp_structure_sidebar #customblock-logos {
    box-sizing: border-box !important;
    width: 100% !important;

    background: #F2F8FC !important;
    border: 1px solid #D7E6F0 !important;
    border-radius: 14px !important;

    padding: 18px 20px !important;
    margin: 0 0 20px 0 !important;

    box-shadow: 0 4px 14px rgba(23, 63, 103, 0.08) !important;
}


/* Content inside Published by */

.pkp_structure_sidebar #customblock-logos .content {
    margin: 0 !important;
    padding: 0 !important;

    color: #27384A !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* First bold text: Published by: */

.pkp_structure_sidebar #customblock-logos .content strong:first-child,
.pkp_structure_sidebar #customblock-logos .content b:first-child {
    display: block !important;

    margin: 0 0 14px 0 !important;
    padding: 0 0 10px 0 !important;

    color: #173F67 !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    border-bottom: 2px solid #7ABA6E !important;
}


/* PSU logo */

.pkp_structure_sidebar #customblock-logos img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 8px auto 2px auto !important;
}


/* Remove unnecessary paragraph spacing */

.pkp_structure_sidebar #customblock-logos p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}


/* =====================================================
   3. KEEP ALL THREE CARDS CONSISTENT
   ===================================================== */

.jshra-journal-info,
.pkp_structure_sidebar .pkp_block.block_language,
.pkp_structure_sidebar #customblock-logos {
    background: #F2F8FC !important;
    border-color: #D7E6F0 !important;
    border-radius: 14px !important;

    box-shadow: 0 4px 14px rgba(23, 63, 103, 0.08) !important;
}
/* =====================================================
   JSHRA SIDEBAR UNIFIED WIDTH - V12
   Make all sidebar cards equal width
   ===================================================== */

.pkp_structure_sidebar .pkp_block.block_language,
.pkp_structure_sidebar #customblock-logos,
.pkp_structure_sidebar .jshra-journal-info {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/* Journal Information must fill its Custom Block */

.pkp_structure_sidebar .jshra-journal-info {
    display: block !important;
}


/* Prevent parent wrapper from making Journal Information narrower */

.pkp_structure_sidebar .pkp_block:has(.jshra-journal-info) {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* Consistent card appearance */

.pkp_structure_sidebar .pkp_block.block_language,
.pkp_structure_sidebar #customblock-logos,
.pkp_structure_sidebar .jshra-journal-info {
    background: #F2F8FC !important;
    border: 1px solid #D7E6F0 !important;
    border-radius: 14px !important;

    box-shadow: 0 4px 14px rgba(23, 63, 103, 0.08) !important;
}
/* =====================================================
   JSHRA SIDEBAR - MAKE ALL CARDS SAME WIDTH
   Match LANGUAGE and Published by to Journal Information
   v13
   ===================================================== */

/* กำหนดความกว้างมาตรฐานของการ์ดด้านขวา */
:root {
  --jshra-sidebar-card-width: 250px;
}


/* 1) LANGUAGE block */
.pkp_structure_sidebar .pkp_block.block_language {
  width: 100% !important;
  max-width: var(--jshra-sidebar-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* 2) Published by block (custom block: logos) */
.pkp_structure_sidebar #customblock-logos {
  width: 100% !important;
  max-width: var(--jshra-sidebar-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* 3) Journal Information outer block */
.pkp_structure_sidebar .pkp_block:has(.jshra-journal-info) {
  width: 100% !important;
  max-width: var(--jshra-sidebar-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* 4) Journal Information inner card */
.pkp_structure_sidebar .jshra-journal-info {
  width: 100% !important;
  max-width: var(--jshra-sidebar-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* 5) ให้รูปโลโก้ใน Published by พอดีกล่อง */
.pkp_structure_sidebar #customblock-logos img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* 6) กันข้อความใน Published by ล้น */
.pkp_structure_sidebar #customblock-logos,
.pkp_structure_sidebar .pkp_block.block_language,
.pkp_structure_sidebar .jshra-journal-info {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}