/* ==========================================
   SPORT SCIENCE — MODERN ARTICLE PAGE
   JME Modern Theme | OJS 3.5
   Corrected Single-Divider Version
   ========================================== */

/* ==========================================
   1. TWO-COLUMN ARTICLE LAYOUT
   ========================================== */

.page_article .obj_article_details > .row {
    display: grid !important;
    grid-template-columns:
        minmax(0, 2fr) minmax(250px, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Reset inherited OJS column positioning */

.page_article .obj_article_details .main_entry,
.page_article .obj_article_details .entry_details {
    float: none !important;
    clear: none !important;
    position: static !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Main article column — no divider */

.page_article .obj_article_details .main_entry {
    grid-column: 1 !important;
    border: none !important;
    border-right: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Right sidebar — single divider */

.page_article .obj_article_details .entry_details {
    grid-column: 2 !important;
    background: #ffffff !important;
    border: none !important;
    border-left: 1px solid #e1e9ee !important;
    border-radius: 0 !important;
    padding: 0 0 0 24px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Remove inherited pseudo-element dividers */

.page_article .obj_article_details .main_entry::before,
.page_article .obj_article_details .main_entry::after,
.page_article .obj_article_details .entry_details::before,
.page_article .obj_article_details .entry_details::after {
    content: none !important;
    display: none !important;
}

/* ==========================================
   2. ISSUE COVER
   ========================================== */

.page_article .obj_article_details
.entry_details .cover_image img {
    display: block !important;
    max-width: 145px !important;
    max-height: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto 12px !important;
}

/* ==========================================
   3. AUTHOR INFORMATION
   ========================================== */

.page_article .obj_article_details
.main_entry > .item.authors {
    margin-bottom: 14px !important;
    border: 0 !important;
    padding: 0 !important;
}

.page_article .obj_article_details
.main_entry .authors li {
    margin-bottom: 8px !important;
}

/* ==========================================
   4. PDF / HTML ACTION BUTTONS
   ========================================== */

.page_article .obj_article_details
.jme-article-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 18px 0 22px;
}

.page_article .obj_article_details
.jme-article-actions .galleys_links {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page_article .obj_article_details
.jme-article-actions .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}

.page_article .obj_article_details
.jme-article-actions .galleys_links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 39px;
    padding: 9px 17px !important;
    background: #123859 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    border: 1px solid #123859 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Secondary galley buttons */

.page_article .obj_article_details
.jme-article-actions .galleys_links li + li a {
    background: #ffffff !important;
    color: #123859 !important;
}

/* Hover */

.page_article .obj_article_details
.jme-article-actions .galleys_links a:hover {
    filter: brightness(1.08);
}

/* ==========================================
   5. ARTICLE CONTENT TABS
   ========================================== */

.page_article .obj_article_details
.jme-article-tabs {
    margin: 16px 0 0;
}

/* Tab navigation */

.page_article .obj_article_details
.jme-article-tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 1px solid #dfe8ef;
    background: #f4f8fa;
}

/* Individual tabs */

.page_article .obj_article_details
.jme-article-tab {
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 12px 18px;
    color: #627387;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

/* Selected tab */

.page_article .obj_article_details
.jme-article-tab[aria-selected="true"] {
    color: #047d8b;
    border-bottom-color: #047d8b;
    background: #ffffff;
}

/* Keyboard accessibility */

.page_article .obj_article_details
.jme-article-tab:focus-visible {
    outline: 2px solid #047d8b;
    outline-offset: -3px;
}

/* Tab content */

.page_article .obj_article_details
.jme-article-panel {
    padding: 20px 0 4px;
    min-width: 0;
    font-size: 15px;
    line-height: 1.75;
}

/* Hide inactive panels */

.page_article .obj_article_details
.jme-article-panel[hidden] {
    display: none !important;
}

/* Hide duplicated section headings */

.page_article .obj_article_details
.jme-article-panel > .label {
    display: none !important;
}

/* ==========================================
   6. RIGHT SIDEBAR INFORMATION
   ========================================== */

.page_article .obj_article_details
.entry_details > .item {
    margin-bottom: 15px !important;
    border-bottom: 1px solid #e3eaf0 !important;
    padding-bottom: 14px !important;
}

/* Remove divider from last sidebar item */

.page_article .obj_article_details
.entry_details > .item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Hide original empty galley wrapper
   after JavaScript moves PDF/HTML links */

.page_article .obj_article_details
.entry_details .galleys.jme-galleys-moved {
    display: none !important;
}

/* ==========================================
   7. RESPONSIVE — TABLET
   ========================================== */

@media (max-width: 900px) {

    .page_article .obj_article_details > .row {
        grid-template-columns:
            minmax(0, 1.7fr) minmax(220px, 1fr) !important;
        gap: 22px !important;
    }

    .page_article .obj_article_details .entry_details {
        padding-left: 18px !important;
    }
}

/* ==========================================
   8. RESPONSIVE — MOBILE
   ========================================== */

@media (max-width: 750px) {

    .page_article .obj_article_details > .row {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .page_article .obj_article_details .main_entry,
    .page_article .obj_article_details .entry_details {
        grid-column: 1 !important;
        width: 100% !important;
    }

    /* Replace vertical divider with
       horizontal divider on mobile */

    .page_article .obj_article_details .entry_details {
        border-left: 0 !important;
        border-top: 1px solid #e1e9ee !important;
        padding: 20px 0 0 !important;
    }

    .page_article .obj_article_details
    .jme-article-tab {
        padding: 11px 12px;
        font-size: 13px;
    }
}