/**
 * Legacy-compatible public layout on top of the OJS Default Theme.
 *
 * Content and routing stay with OJS. This file only restores the established
 * 1200px container, page background and journal hero presentation.
 */

.pkp_structure_page {
    min-block-size: 100vh;
    background: var(--sukan-color-surface-subtle);
}

.pkp_structure_content,
.pkp_structure_footer,
.sukan_header_inner,
.sukan_journal_hero__inner {
    box-sizing: border-box;
    inline-size: min(100% - 2rem, 75rem);
    max-inline-size: 75rem;
    margin-inline: auto;
}

.pkp_structure_content {
    padding-block-start: var(--sukan-space-6);
    background: transparent;
}

.pkp_structure_content:not(.has_sidebar) .pkp_structure_main {
    float: none;
    inline-size: 100%;
    width: 100%;
    margin-inline: 0;
}

.pkp_structure_content:not(.has_sidebar) .pkp_structure_main:first-child:last-child {
    margin-block-start: 0;
}

.pkp_structure_main {
    background: transparent;
}

.pkp_structure_main > .page,
.pkp_structure_main > .page_index_journal,
.pkp_structure_main > .page_article,
.pkp_structure_main > .page_issue,
.pkp_structure_main > .page_issue_archive,
.pkp_structure_main > .sukan_history {
    inline-size: 100%;
    max-inline-size: none;
}

.pkp_structure_main::before,
.pkp_structure_main::after {
    display: none;
}

.sukan_journal_hero {
    padding-block: 3rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f3f5 100%);
    border-block-end: 1px solid var(--sukan-color-border-subtle);
    text-align: center;
}

.sukan_journal_hero__title {
    margin: 0;
    color: var(--sukan-color-brand-surface);
    font-size: clamp(2rem, 2vw + 1rem, 2.625rem);
    font-weight: 700;
    line-height: 1.25;
}

.sukan_journal_hero__english,
.sukan_journal_hero__description {
    margin: 0.85rem auto 0;
    color: var(--sukan-color-text-muted);
}

.sukan_journal_hero__english {
    font-size: 1.125rem;
}

.sukan_journal_hero__description {
    max-inline-size: 52rem;
    font-size: 0.9375rem;
}

@media (max-width: 62rem) {
    .pkp_structure_content,
    .pkp_structure_footer,
    .sukan_header_inner,
    .sukan_journal_hero__inner {
        inline-size: min(100% - 2rem, 75rem);
    }

    .sukan_journal_hero {
        padding-block: 2rem;
    }
}

@media (max-width: 30rem) {
    .pkp_structure_content,
    .pkp_structure_footer,
    .sukan_header_inner,
    .sukan_journal_hero__inner {
        inline-size: min(100% - 1.5rem, 75rem);
    }

    .sukan_journal_hero {
        padding-block: 1.75rem;
    }

    .sukan_journal_hero__title {
        font-size: 1.75rem;
    }
}