/* =========================================================
   JHORT - ULTRA CLEAN PROFESSIONAL THEME OVERRIDE
   Replace the entire styleSheet.css with this file
   ========================================================= */

/* ---------- Base ---------- */
body,
.pkp_page_index,
.pkp_page_issue_view,
.pkp_page_article,
.pkp_page_search,
.pkp_page_announcement {
    background: #eef3f7 !important;
    color: #233746 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

a {
    color: #0f4f7a !important;
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: #0b6aa2 !important;
    text-decoration: none !important;
}

.pkp_structure_page {
    max-width: 1360px !important;
    margin: 0 auto !important;
    background: transparent !important;
}

/* ---------- Header ---------- */
.pkp_structure_head {
    background: #15608b !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}

.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.pkp_site_name {
    padding: 16px 0 !important;
    margin: 0 !important;
}

.pkp_site_name .is_text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 16px !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 2rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    letter-spacing: .2px !important;
}

.pkp_site_name .is_text::before {
    content: "" !important;
    width: 58px !important;
    height: 58px !important;
    display: inline-block !important;
    background-image: url("https://journal.ghih.org/public/site/images/ghortlogo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    flex-shrink: 0 !important;
}

/* user links top right */
.pkp_navigation_user,
.pkp_navigation_user_wrapper {
    background: transparent !important;
    border: none !important;
}

.pkp_navigation_user > li > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.98rem !important;
    padding: 18px 10px !important;
}

/* ---------- Main nav ---------- */
.pkp_navigation_primary_wrapper {
    background: #ffffff !important;
    border-bottom: 1px solid #dde6ee !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.02) !important;
}

.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary > li > a {
    color: #425466 !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    padding: 16px 14px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: .3px !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"] {
    color: #15608b !important;
}

.pkp_navigation_primary > li > a::after {
    margin-left: 6px !important;
}

/* search at right */
.pkp_navigation_search_wrapper a {
    font-weight: 800 !important;
    color: #15608b !important;
}

/* ---------- Main content layout ---------- */
.pkp_structure_content {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 26px 28px 36px !important;
    display: flex !important;
    gap: 28px !important;
    align-items: flex-start !important;
    background: transparent !important;
}

.pkp_structure_main {
    width: calc(100% - 320px) !important;
    max-width: calc(100% - 320px) !important;
    flex: 0 0 calc(100% - 320px) !important;
}

.pkp_structure_sidebar {
    width: 292px !important;
    max-width: 292px !important;
    flex: 0 0 292px !important;
    display: block !important;
    margin-top: 0 !important;
}

/* ---------- Hero image ---------- */
.homepage_image {
    margin: 0 0 18px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #dde6ee !important;
    box-shadow: 0 4px 14px rgba(12,31,53,.05) !important;
}

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

/* ---------- Generic cards ---------- */
.homepage_about,
.current_issue,
.obj_issue_toc,
.obj_issue_summary,
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block_make_submission {
    background: #ffffff !important;
    border: 1px solid #d8e2ea !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(12,31,53,.04) !important;
}

/* ---------- About journal ---------- */
.homepage_about {
    padding: 22px 28px !important;
    margin: 0 0 24px !important;
}

.homepage_about h2 {
    margin: 0 0 16px !important;
    color: #17324d !important;
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.homepage_about h2::after {
    content: "" !important;
    display: block !important;
    width: 62px !important;
    height: 4px !important;
    background: #18a45d !important;
    border-radius: 3px !important;
    margin-top: 10px !important;
}

.homepage_about p {
    margin: 0 0 1rem !important;
    font-size: 1rem !important;
    line-height: 1.85 !important;
    color: #2c3f50 !important;
    text-align: justify !important;
}

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

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block_make_submission {
    padding: 18px 18px !important;
    margin: 0 0 20px !important;
}

.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3,
.pkp_structure_sidebar .title {
    margin: 0 0 14px !important;
    color: #1a3148 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.pkp_structure_sidebar h2::after,
.pkp_structure_sidebar h3::after,
.pkp_structure_sidebar .title::after {
    content: "" !important;
    display: block !important;
    width: 54px !important;
    height: 4px !important;
    background: #18a45d !important;
    border-radius: 3px !important;
    margin-top: 10px !important;
}

/* submit button */
.block_make_submission a,
.pkp_block.block_make_submission a,
.cmp_notification a.cmp_button,
a.cmp_button {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    background: #15608b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    font-size: .98rem !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 14px rgba(21,96,139,.18) !important;
}

.block_make_submission a:hover,
.pkp_block.block_make_submission a:hover,
a.cmp_button:hover {
    background: #0f6fa6 !important;
    color: #fff !important;
}

/* information block - Elsevier-like */
.pkp_structure_sidebar .block_information ul,
.pkp_structure_sidebar .information ul,
.pkp_structure_sidebar ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .block_information li,
.pkp_structure_sidebar .information li {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .block_information a,
.pkp_structure_sidebar .information a {
    display: block !important;
    padding: 11px 13px !important;
    border-radius: 9px !important;
    background: #f5f8fb !important;
    border: 1px solid #e7eef5 !important;
    color: #184d75 !important;
    font-weight: 700 !important;
    transition: all .2s ease !important;
}

.pkp_structure_sidebar .block_information a:hover,
.pkp_structure_sidebar .information a:hover {
    background: #eaf4fb !important;
    border-color: #cfe1ef !important;
    color: #0f6fa6 !important;
    transform: translateY(-1px) !important;
}

/* editorial board cleaner */
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .content p {
    color: #33485b !important;
    font-size: .98rem !important;
    line-height: 1.7 !important;
    text-align: left !important;
}

.pkp_structure_sidebar .pkp_block .content p {
    margin: 0 0 .9rem !important;
}

/* visually remove leading asterisks if typed in text */
.pkp_structure_sidebar .pkp_block .content {
    white-space: normal !important;
}

/* ---------- Current issue ---------- */
.current_issue,
.obj_issue_toc {
    padding: 22px 28px 18px !important;
    margin: 0 0 20px !important;
}

.current_issue h2,
.obj_issue_toc h2 {
    margin: 0 0 16px !important;
    color: #17324d !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.current_issue h2::before,
.current_issue h2::after,
.obj_issue_toc h2::before,
.obj_issue_toc h2::after {
    content: none !important;
    display: none !important;
}

/* single green line only */
.current_issue h2 + *,
.obj_issue_toc h2 + * {
    margin-top: 0 !important;
}

.current_issue .current_issue_title,
.current_issue > h3,
.obj_issue_toc .title,
.obj_issue_summary .title {
    color: #17385a !important;
    font-size: 1.15rem !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    margin: 0 0 12px !important;
}

/* published line */
.current_issue .published,
.current_issue .label,
.obj_issue_toc .published {
    display: inline-block !important;
    margin: 0 0 10px !important;
    font-size: 0.84rem !important;
    font-weight: 800 !important;
    color: #6e7f8d !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
    border: none !important;
    padding: 0 !important;
}

.current_issue .published::before,
.current_issue .published::after,
.obj_issue_toc .published::before,
.obj_issue_toc .published::after {
    content: none !important;
    display: none !important;
}

.current_issue .published_date,
.current_issue .value,
.obj_issue_toc .published_date {
    display: inline-block !important;
    margin-left: 8px !important;
    color: #415365 !important;
    font-weight: 700 !important;
}

.current_issue .section,
.current_issue .sections,
.obj_issue_toc .section {
    margin: 4px 0 12px !important;
    font-size: 1rem !important;
    color: #5c6f7f !important;
    border: none !important;
    padding: 0 !important;
}

/* ---------- Article list in current issue ---------- */
.current_issue .articles,
.current_issue ul.articles,
.obj_issue_toc .sections {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.current_issue .articles > li,
.obj_issue_toc .sections > li,
.obj_issue_toc .obj_article_summary,
.article_summary {
    margin: 0 !important;
    padding: 16px 0 14px !important;
    border-bottom: 1px solid #e8edf2 !important;
    overflow: hidden !important;
    display: block !important;
}

.current_issue .articles > li:last-child,
.obj_issue_toc .sections > li:last-child,
.obj_issue_toc .obj_article_summary:last-child,
.article_summary:last-child {
    border-bottom: none !important;
}

/* reset broken floats/columns completely */
.current_issue .obj_article_summary .title,
.current_issue .obj_article_summary .meta,
.current_issue .obj_article_summary .subtitle,
.current_issue .obj_article_summary .pages,
.current_issue .obj_article_summary .galleys,
.current_issue .article_summary .title,
.current_issue .article_summary .meta,
.current_issue .article_summary .subtitle,
.current_issue .article_summary .pages,
.current_issue .article_summary .galleys,
.obj_issue_toc .obj_article_summary .title,
.obj_issue_toc .obj_article_summary .meta,
.obj_issue_toc .obj_article_summary .subtitle,
.obj_issue_toc .obj_article_summary .pages,
.obj_issue_toc .obj_article_summary .galleys {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* title */
.current_issue .obj_article_summary .title,
.current_issue .article_summary .title,
.current_issue .obj_article_summary h3,
.current_issue .article_summary h3,
.obj_issue_toc .obj_article_summary .title,
.obj_issue_toc .obj_article_summary h3 {
    margin: 0 0 6px !important;
    font-size: 1.06rem !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.current_issue .obj_article_summary .title a,
.current_issue .article_summary .title a,
.obj_issue_toc .obj_article_summary .title a {
    color: #17385a !important;
}

.current_issue .obj_article_summary .subtitle,
.current_issue .article_summary .subtitle,
.obj_issue_toc .obj_article_summary .subtitle {
    display: block !important;
    font-style: italic !important;
    margin-top: 2px !important;
}

/* authors */
.current_issue .authors,
.current_issue .meta,
.current_issue .obj_article_summary .meta,
.article_summary .meta,
.obj_issue_toc .obj_article_summary .meta {
    margin: 0 0 8px !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    color: #556879 !important;
    text-align: left !important;
}

/* pages */
.current_issue .pages,
.current_issue .obj_article_summary .pages,
.article_summary .pages,
.obj_issue_toc .obj_article_summary .pages {
    margin: 0 0 8px !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: #6a7b8a !important;
}

/* galley buttons */
.current_issue .galleys,
.current_issue .obj_article_summary .galleys,
.article_summary .galleys,
.obj_issue_toc .obj_article_summary .galleys {
    margin: 0 !important;
    padding: 0 !important;
}

.current_issue .obj_galley_link,
.current_issue .galleys a,
.article_summary .obj_galley_link,
.article_summary .galleys a,
.obj_issue_toc .obj_galley_link,
.obj_issue_toc .galleys a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    background: #15608b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 9px !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 14px rgba(21,96,139,.16) !important;
}

.current_issue .obj_galley_link:hover,
.current_issue .galleys a:hover,
.article_summary .obj_galley_link:hover,
.article_summary .galleys a:hover,
.obj_issue_toc .obj_galley_link:hover,
.obj_issue_toc .galleys a:hover {
    background: #0f6fa6 !important;
    color: #fff !important;
}

/* ---------- Article page ---------- */
.obj_article_details,
.article-details,
.pkp_page_article .main_entry,
.pkp_page_article .entry_details {
    background: #fff !important;
    border: 1px solid #d8e2ea !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(12,31,53,.04) !important;
    padding: 24px 28px !important;
}

.pkp_page_article .item.abstract,
.pkp_page_article .main_entry p,
.pkp_page_article .entry_details p {
    text-align: justify !important;
    line-height: 1.85 !important;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.pkp_structure_footer_wrapper p {
    text-align: center !important;
}

/* hide OJS/PKP branding if still present */
.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
img[alt*="Open Journal Systems"],
img[alt*="PKP"] {
    display: none !important;
}

/* ---------- Fix odd markers / bullets ---------- */
.current_issue ul,
.obj_issue_toc ul,
.pkp_structure_sidebar ul {
    list-style: none !important;
}

.pkp_structure_main .cmp_manuscript_button,
.pkp_structure_main .cmp_button {
    width: auto !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .pkp_structure_content {
        flex-direction: column !important;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .pkp_site_name .is_text {
        font-size: 1.6rem !important;
    }

    .pkp_site_name .is_text::before {
        width: 46px !important;
        height: 46px !important;
    }
}

@media (max-width: 768px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_user_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer_wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .homepage_about,
    .current_issue,
    .obj_issue_toc,
    .pkp_structure_sidebar .pkp_block,
    .pkp_structure_sidebar .block_make_submission {
        padding: 16px !important;
    }

    .pkp_site_name .is_text {
        font-size: 1.25rem !important;
        gap: 10px !important;
    }

    .pkp_site_name .is_text::before {
        width: 38px !important;
        height: 38px !important;
    }
}