/*
 * LITERASI: Jurnal Madrasah dan Pesantren
 * Combined Custom Stylesheet
 * Target: OJS 3.3.0-21
 *
 * Architecture:
 * 1. Homepage customization only via .pkp_page_index
 * 2. Article two-column layout only via .pkp_page_article
 * 3. Native OJS/plugin functionality is untouched
 */

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

/*
 * Literasi: Jurnal Madrasah dan Pesantren
 * Article Page Native Two-Column Layout Patch
 * Target: OJS 3.3.0-21
 *
 * Purpose:
 * - Keep article content and metadata native to OJS
 * - Hide the global website sidebar on article pages only
 * - Give native OJS article details enough width for a two-column layout
 * - Preserve a responsive one-column layout on mobile
 */

/* ARTICLE PAGE ONLY — hide global website sidebar */
.pkp_page_article .pkp_structure_sidebar {
    display: none !important;
}

/* Let the article use the available content width */
.pkp_page_article .pkp_structure_main {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
}

/* Preserve native OJS two-column article structure */
.pkp_page_article .obj_article_details > .row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 30px !important;
}

/* Main article information */
.pkp_page_article .obj_article_details .main_entry {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-right: 0 !important;
}

/* Native article metadata/details column */
.pkp_page_article .obj_article_details .entry_details {
    flex: 0 0 310px !important;
    width: 310px !important;
    max-width: 310px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Light visual polish without altering OJS/plugin structure */
.pkp_page_article .obj_article_details .entry_details > .item {
    box-sizing: border-box;
    margin: 0 0 14px !important;
}

/* Tablet/mobile: return naturally to one column */
@media (max-width: 900px) {
    .pkp_page_article .obj_article_details > .row {
        display: block !important;
    }

    .pkp_page_article .obj_article_details .main_entry,
    .pkp_page_article .obj_article_details .entry_details {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
    }

    .pkp_page_article .obj_article_details .entry_details {
        margin-top: 24px !important;
    }
}

/* ==========================================================
   HOMEPAGE
   ========================================================== */

/* ==========================================================
   HOMEPAGE ONLY
   Scope: .pkp_page_index
   ========================================================== */

/* Current Issue container: remove excessive vertical whitespace */
.pkp_page_index .literasi-current-issue,
.pkp_page_index .literasi-current-issue .obj_issue_toc,
.pkp_page_index .literasi-current-issue .obj_issue_toc > .galleys,
.pkp_page_index .literasi-current-issue .obj_issue_toc .sections {
    min-height: 0 !important;
    height: auto !important;
}

/* Full Issue: very compact horizontal row */
.pkp_page_index .literasi-current-issue .obj_issue_toc .galleys {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 6px 0 10px !important;
    padding: 5px 0 8px !important;
    border-bottom: 1px solid #eee3de !important;
}

.pkp_page_index .literasi-current-issue .obj_issue_toc .galleys > h2,
.pkp_page_index .literasi-current-issue .obj_issue_toc .galleys > h3 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: .92rem !important;
    line-height: 1.2 !important;
    color: #657485 !important;
    text-transform: none !important;
    flex: 0 0 auto !important;
}

.pkp_page_index .literasi-current-issue .obj_issue_toc .galleys_links {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_page_index .literasi-current-issue .obj_issue_toc .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_page_index .literasi-current-issue .obj_issue_toc .galleys_links .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 4px 9px !important;
    border: 1px solid #1e91c2 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #08263f !important;
    font-size: .74rem !important;
    font-weight: 800 !important;
}

/* Articles section starts immediately after Full Issue */
.pkp_page_index .literasi-current-issue .obj_issue_toc .sections {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_page_index .literasi-current-issue .obj_issue_toc .section {
    margin-top: 0 !important;
}

/* Article card remains compact and stable */
.pkp_page_index .literasi-article-card {
    position: relative !important;
    min-height: 0 !important;
}

.pkp_page_index .literasi-article-card .authors {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

/* One metadata row below author names:
   DOI left, pages right */
.pkp_page_index .literasi-article-card .literasi-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 5px !important;
    min-height: 22px !important;
}

.pkp_page_index .literasi-article-card .literasi-meta .doi {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.pkp_page_index .literasi-article-card .literasi-meta .pages {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
}

/* Hide publication date chip on homepage article card
   to keep DOI/pages on one clean line */
.pkp_page_index .literasi-article-card .literasi-meta .published {
    display: none !important;
}

/* DOI placeholder stays invisible but preserves alignment when DOI is absent */
.pkp_page_index .literasi-article-card .literasi-doi-placeholder {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 120px;
    height: 1px;
    visibility: hidden;
}

/* Safety: prevent page numbers from floating outside their own article */
.pkp_page_index .literasi-current-issue .pages {
    position: static !important;
    float: none !important;
}

/* Keep existing article PDF button placement */
.pkp_page_index .literasi-article-actions {
    align-self: center !important;
}

/* Responsive homepage */
@media (max-width: 700px) {
    .pkp_page_index .literasi-current-issue .obj_issue_toc .galleys {
        gap: 8px !important;
    }

    .pkp_page_index .literasi-article-card .literasi-meta {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
}