/* INATGI article details — OJS 3.5 wide two-column article layout.
 *
 * Desktop:
 *   left  = Open Access PDF + Received/Accepted/Published only
 *   right = every other article detail
 *
 * This file is registered after the Theme Six chrome assets so that article
 * pages are not forced back into the narrow OJS/default-theme layout.
 */

/* =========================================================
   OUTER ARTICLE PAGE
   ========================================================= */

body.pkp_page_article.pkp_op_view {
    overflow-x: hidden;
}

body.pkp_page_article.pkp_op_view .pkp_structure_content,
body.pkp_page_article.pkp_op_view .pkp_structure_content.container {
    display: block !important;
    box-sizing: border-box !important;
    width: calc(100% - 80px) !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 34px 0 80px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.pkp_page_article.pkp_op_view .pkp_structure_main,
body.pkp_page_article.pkp_op_view .pkp_structure_main.col-md-9,
body.pkp_page_article.pkp_op_view main.pkp_structure_main {
    display: block !important;
    float: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.pkp_page_article.pkp_op_view .pkp_structure_sidebar,
body.pkp_page_article.pkp_op_view #sidebar {
    display: none !important;
}

body.pkp_page_article.pkp_op_view .page_article,
body.pkp_page_article.pkp_op_view .obj_article_details[data-inatgi-article-details="1"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Remove structural guide lines introduced by earlier global layout patches. */
body.pkp_page_article.pkp_op_view .pkp_structure_content,
body.pkp_page_article.pkp_op_view .pkp_structure_main,
body.pkp_page_article.pkp_op_view .page_article,
body.pkp_page_article.pkp_op_view .obj_article_details {
    border-right: 0 !important;
    border-left: 0 !important;
    background-image: none !important;
}

body.pkp_page_article.pkp_op_view .pkp_structure_content::before,
body.pkp_page_article.pkp_op_view .pkp_structure_content::after,
body.pkp_page_article.pkp_op_view .pkp_structure_main::before,
body.pkp_page_article.pkp_op_view .pkp_structure_main::after,
body.pkp_page_article.pkp_op_view .page_article::before,
body.pkp_page_article.pkp_op_view .page_article::after,
body.pkp_page_article.pkp_op_view .obj_article_details::before,
body.pkp_page_article.pkp_op_view .obj_article_details::after {
    display: none !important;
    content: none !important;
}

/* Hide a duplicated textual journal title when the header already has an image logo. */
body.pkp_page_article.pkp_op_view .pkp_structure_head .pkp_site_name .is_text,
body.pkp_page_article.pkp_op_view .inatgi-journal-mainbar .pkp_site_name .is_text,
body.pkp_page_article.pkp_op_view .inatgi-journal-title-watermark {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.obj_article_details[data-inatgi-article-details="1"] .page_title {
    width: 100%;
    max-width: none;
    margin: 0 0 18px;
    padding: 0 0 18px;
    color: #343434;
    border-bottom: 1px solid #e1e1e1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(2rem, 2.55vw, 2.65rem);
    font-weight: 700;
    line-height: 1.48;
    overflow-wrap: break-word;
}

.obj_article_details[data-inatgi-article-details="1"] .subtitle {
    margin: -8px 0 20px;
    color: #4b4b4b;
    font-size: clamp(1.1rem, 1.6vw, 1.35rem);
    line-height: 1.5;
}

/* =========================================================
   TWO-COLUMN ARTICLE BODY
   ========================================================= */

.obj_article_details[data-inatgi-article-details="1"] > .inatgi-article-layout {
    display: grid !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 0 0 !important;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) !important;
    grid-template-areas: "articleLeft articleRight" !important;
    column-gap: clamp(48px, 5vw, 86px) !important;
    row-gap: 0 !important;
    align-items: start !important;
}

.obj_article_details[data-inatgi-article-details="1"] .inatgi-article-left {
    grid-area: articleLeft !important;
    display: block !important;
    float: none !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.obj_article_details[data-inatgi-article-details="1"] .inatgi-article-right {
    grid-area: articleRight !important;
    display: block !important;
    float: none !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* =========================================================
   LEFT COLUMN: PDF + HISTORY ONLY
   ========================================================= */

.obj_article_details .inatgi-article-left .item {
    width: 100%;
    max-width: none;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

.obj_article_details .inatgi-article-left .galleys_links,
.obj_article_details .inatgi-article-left .galleys_links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.obj_article_details .inatgi-article-left .obj_galley_link,
.obj_article_details .inatgi-article-left .galley_link,
.obj_article_details .inatgi-article-left .galleys_links a {
    display: inline-flex !important;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0 19px;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: #0d7d9b !important;
    border: 1px solid #0d7d9b !important;
    border-radius: 6px;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
}

.obj_article_details .inatgi-article-left .obj_galley_link:hover,
.obj_article_details .inatgi-article-left .obj_galley_link:focus,
.obj_article_details .inatgi-article-left .galley_link:hover,
.obj_article_details .inatgi-article-left .galley_link:focus,
.obj_article_details .inatgi-article-left .galleys_links a:hover,
.obj_article_details .inatgi-article-left .galleys_links a:focus {
    color: #fff !important;
    background: #086984 !important;
    border-color: #086984 !important;
}

.obj_article_details .inatgi-article-history {
    box-sizing: border-box;
    width: 100%;
    margin: 14px 0 0 !important;
    padding: 20px 24px !important;
    background: #f8fbfc !important;
    border: 1px solid #ccdce3 !important;
    border-left: 6px solid #0d8caf !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 8px rgba(20, 62, 79, 0.04);
}

.obj_article_details .inatgi-history-list {
    display: grid;
    gap: 12px;
    margin: 0;
}

.obj_article_details .inatgi-history-list > div {
    display: grid;
    grid-template-columns: minmax(112px, 1fr) auto;
    gap: 18px;
    align-items: baseline;
}

.obj_article_details .inatgi-history-list dt {
    margin: 0;
    color: #202020;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.obj_article_details .inatgi-history-list dd {
    margin: 0;
    color: #202020;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    text-align: right;
}

/* =========================================================
   RIGHT COLUMN: ALL OTHER ARTICLE INFORMATION
   ========================================================= */

.obj_article_details .inatgi-article-right > .item {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 0 26px;
    padding: 0;
    border: 0;
    background: transparent;
}

.obj_article_details .inatgi-article-authors > .authors {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obj_article_details .inatgi-author-block {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
}

.obj_article_details .inatgi-author-name {
    display: block;
    color: #343434;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.obj_article_details .inatgi-author-name sup,
.obj_article_details .inatgi-affiliation-item sup {
    color: #9f172b;
    font-weight: 700;
    margin-left: 0.1em;
}

.obj_article_details .inatgi-author-orcid {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    font-size: 0.92rem;
}

.obj_article_details .inatgi-author-orcid svg {
    width: 1rem;
    height: 1rem;
}

.obj_article_details .inatgi-affiliation-list {
    display: grid;
    gap: 7px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e2e5e8;
}

.obj_article_details .inatgi-affiliation-item {
    color: #50555a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

.obj_article_details .inatgi-corresponding-email {
    margin-top: 16px;
    padding: 12px 15px;
    overflow-wrap: anywhere;
    background: #f7f8f9;
    border-left: 4px solid #9f172b;
    border-radius: 4px;
}

.obj_article_details .inatgi-article-right .label {
    color: #252525;
    font-weight: 700;
}

.obj_article_details .inatgi-article-right .item.doi {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: baseline;
}

.obj_article_details .inatgi-article-right .item.doi .label {
    margin: 0;
    font-size: 16px;
}

.obj_article_details .inatgi-article-right .item.doi .value,
.obj_article_details .inatgi-article-right .item.doi .value a {
    overflow-wrap: anywhere;
}

.obj_article_details .inatgi-article-right .item.issue,
.obj_article_details .inatgi-article-right .item.copyright,
.obj_article_details .inatgi-article-right .item.pubid,
.obj_article_details .inatgi-article-right .item.dataAvailability,
.obj_article_details .inatgi-article-right .item.cover_image,
.obj_article_details .inatgi-article-right .item.galleys {
    margin-bottom: 24px;
}

.obj_article_details .inatgi-article-right .item.issue {
    display: grid;
    gap: 18px;
}

.obj_article_details .inatgi-article-right .item.issue .sub_item {
    margin: 0;
}

.obj_article_details .inatgi-article-right .item.keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: baseline;
}

.obj_article_details .inatgi-article-right .item.keywords .label {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.3;
}

.obj_article_details .inatgi-article-right .item.abstract > .label,
.obj_article_details .inatgi-article-right .item.references > .label,
.obj_article_details .inatgi-article-right .item.author_bios > .label,
.obj_article_details .inatgi-article-right .item.citation .citation_display > .label {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d8dde1;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.3;
}

.obj_article_details .inatgi-article-right .item.abstract,
.obj_article_details .inatgi-article-right .item.references,
.obj_article_details .inatgi-article-right .item.author_bios,
.obj_article_details .inatgi-article-right .item.citation {
    margin-top: 34px;
}

.obj_article_details .inatgi-article-right .item.abstract,
.obj_article_details .inatgi-article-right .item.abstract p,
.obj_article_details .inatgi-article-right .item.references,
.obj_article_details .inatgi-article-right .item.references p,
.obj_article_details .inatgi-article-right .item.author_bios,
.obj_article_details .inatgi-article-right .item.citation {
    color: #454545;
    font-size: 16px;
    line-height: 1.8;
}

.obj_article_details .inatgi-article-right .item.citation #citationOutput {
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.obj_article_details .item.citation .citation_formats,
.obj_article_details .item.citation .citation_formats_button,
.obj_article_details .item.citation .citation_formats_list,
.obj_article_details .item.citation #cslCitationFormats {
    display: none !important;
}

.obj_article_details .inatgi-article-right .item.cover_image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 240px;
    max-height: 320px;
    object-fit: contain;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1280px) {
    body.pkp_page_article.pkp_op_view .pkp_structure_content,
    body.pkp_page_article.pkp_op_view .pkp_structure_content.container {
        width: calc(100% - 48px) !important;
    }

    .obj_article_details[data-inatgi-article-details="1"] > .inatgi-article-layout {
        grid-template-columns: minmax(245px, 290px) minmax(0, 1fr) !important;
        column-gap: 48px !important;
    }
}

@media (max-width: 900px) {
    body.pkp_page_article.pkp_op_view .pkp_structure_content,
    body.pkp_page_article.pkp_op_view .pkp_structure_content.container {
        width: calc(100% - 32px) !important;
        padding-top: 24px !important;
    }

    .obj_article_details[data-inatgi-article-details="1"] > .inatgi-article-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "articleLeft"
            "articleRight" !important;
        row-gap: 34px !important;
    }

    .obj_article_details .inatgi-article-left {
        max-width: 420px !important;
    }
}

@media (max-width: 600px) {
    body.pkp_page_article.pkp_op_view .pkp_structure_content,
    body.pkp_page_article.pkp_op_view .pkp_structure_content.container {
        width: calc(100% - 24px) !important;
    }

    .obj_article_details[data-inatgi-article-details="1"] .page_title {
        font-size: 1.75rem;
        line-height: 1.35;
    }

    .obj_article_details .inatgi-article-history {
        padding: 17px 18px !important;
    }

    .obj_article_details .inatgi-history-list > div {
        grid-template-columns: 1fr auto;
    }
}


/* Current-publication copyright line generated from the article's own authors. */
.obj_article_details .inatgi-current-copyright {
    margin: 0 0 14px;
    color: #3f3f3f;
    font-size: 0.95rem;
    line-height: 1.6;
}