/**
 * Polyglot Pages Theme — Article Pages
 * Nasaon Digital Agency
 */

/* ── Article header ───────────────────────────────────── */
.pkp_structure_main .page_article .article_summary,
.page_article .article_details {
    max-width: 820px;
    margin: 0 auto;
    padding: 32px 24px;
}

.article_details .article_issue_title { display: none; }

/* breadcrumb */
.pkp_navigation_public {
    background: var(--pp-white);
    border-bottom: 0.5px solid var(--pp-border);
}
.pkp_navigation_public .pkp_nav_list { max-width: 1200px; margin: 0 auto; }

/* article title */
.page_article h1.page_title {
    font-family: var(--pp-font-serif);
    font-size: clamp(1.3rem, 2.5vw, 1.8rem);
    font-weight: 700;
    color: var(--pp-accent);
    line-height: 1.3;
    margin-bottom: 16px;
    border-left: 4px solid var(--pp-primary);
    padding-left: 16px;
}

/* authors */
.page_article .authors {
    font-size: 0.88rem;
    color: var(--pp-text-muted);
    margin-bottom: 12px;
}
.page_article .authors .name { font-weight: 600; color: var(--pp-accent); }

/* DOI / metadata strip */
.page_article .article_details .doi {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--pp-primary-light);
    color: #B8720A;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: var(--pp-radius-pill);
    margin-bottom: 20px;
}

/* abstract */
.page_article section.abstract {
    background: var(--pp-white);
    border: 0.5px solid var(--pp-border);
    border-left: 3px solid var(--pp-primary);
    border-radius: 0 var(--pp-radius-md) var(--pp-radius-md) 0;
    padding: 20px 24px;
    margin-bottom: 28px;
}
.page_article section.abstract h2 {
    font-family: var(--pp-font-serif);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--pp-primary);
    margin-bottom: 10px;
}
.page_article section.abstract p {
    font-size: 0.9rem;
    line-height: 1.75;
    color: var(--pp-text-muted);
}

/* keywords */
.page_article .keywords .label {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pp-text-faint);
    margin-right: 8px;
}
.page_article .keywords .value {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}
.page_article .keywords span {
    background: var(--pp-accent-light);
    color: var(--pp-accent);
    font-size: 0.72rem;
    padding: 3px 10px;
    border-radius: var(--pp-radius-pill);
    font-weight: 600;
}

/* download button */
.page_article .download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--pp-primary);
    color: #fff !important;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: var(--pp-radius-pill);
    transition: var(--pp-transition);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.page_article .download:hover {
    background: var(--pp-primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245,149,2,0.3);
}

/* ── Abstract centered & compact ───────────────────────── */
.obj_article_details .abstract,
.pkp_structure_main .abstract {
    max-width: 720px;
    margin: 0 auto 28px;
    text-align: justify;
    background: var(--pp-cream);
    border: 0.5px solid var(--pp-border);
    border-left: 3px solid var(--pp-accent);
    border-radius: 0 var(--pp-radius-md) var(--pp-radius-md) 0;
    padding: 20px 24px;
}

.obj_article_details .abstract h2 {
    font-family: var(--pp-font-sans);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--pp-accent);
    font-weight: 700;
    margin-bottom: 10px;
}