/* ============================================================
   IJIOL — CUSTOM JOURNAL STYLESHEET
   International Journal of Intelligent Optimization and Logistics

   Platform : OJS 3.5
   Theme    : Default Theme

   PURPOSE
   ------------------------------------------------------------
   - Improve the journal's appearance and readability.
   - Preserve compatibility with OJS updates.
   - Keep all custom CSS in one organized file.

   RULES
   ------------------------------------------------------------
   1. Prefer OJS native settings whenever possible.
   2. Do not modify OJS core CSS files.
   3. Avoid !important unless strictly necessary.
   4. Scope changes to the relevant pages/components.
   5. Keep unused sections empty until needed.
   ============================================================ */


/* ============================================================
   01. GLOBAL SETTINGS
   ============================================================ */

/* Reserved for global typography, colors and spacing. */


/* ============================================================
   02. HEADER & NAVIGATION
   ============================================================ */

/* Reserved for journal header, logo and navigation menu. */


/* ============================================================
   03. HOMEPAGE — GENERAL LAYOUT
   ============================================================ */

/* 03.1 Reduce spacing above headings in homepage content. */

.pkp_page_index .additional_content h2,
.pkp_page_index .cmp_page_content h2,
.pkp_page_index .page_index_journal h2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}



/* 03.2 Remove unnecessary top margin on desktop homepage
   ------------------------------------------------------------
   Applies only to the homepage on large screens.
   Preserves the existing mobile layout.
   ------------------------------------------------------------ */

@media (min-width: 992px) {
    body.pkp_page_index .pkp_structure_main {
        margin-top: 12px !important;
    }
}



/* ============================================================
   04. HOMEPAGE — HIGHLIGHTS
   ============================================================ */

/*
   Purpose:
   - Compact Call for Papers presentation
   - Subtle blue academic styling
   - Reduced vertical spacing
   - Responsive layout

   Applies only to homepage Highlights.
   Does not affect article or submission pages.
*/

/* 04.1 Highlight panel */

.pkp_page_index .swiper-slide {
    background-color: #f7f9fc;
    min-height: 0;
}

/* 04.2 Highlight content */

.pkp_page_index .swiper-slide-content {
    padding: 18px 28px !important;
    background-color: #f7f9fc;
    border-left: 3px solid #3d638b;
    border-left: 3px solid orange;
}

/* 04.3 Highlight title */

.pkp_page_index .swiper-slide-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    margin: 0 0 8px;
    color: #243b53;
}

/* 04.4 Highlight description */

.pkp_page_index .swiper-slide-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #4b5563;
}

.pkp_page_index .swiper-slide-desc p {
    margin: 0 0 10px;
}



/* 04.5 Compact, outlined submission button */

body.pkp_page_index .highlights .swiper-slide-button.pkp_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    margin-top: 6px;
    padding: 6px 12px;
    background: transparent;
    color: #49658c;
    border: 1px solid #49658c;
    border-radius: 3px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

body.pkp_page_index .highlights .swiper-slide-button.pkp_button:hover {
    background: #49658c;
    color: #fff;
}

body.pkp_page_index .highlights .swiper-slide-button.pkp_button:focus-visible {
    outline: 2px solid #e99b2d;
    outline-offset: 3px;
}


/* 04.6 Mobile submission button */

body.pkp_page_index .highlights .swiper-slide-button.pkp_button {
    width: fit-content;
    max-width: 100%;
    min-height: 44px;
    padding: 7px 12px;
    font-size: 13px;
}



/* 04.7 Hide inactive pagination and remove unused spacing
   ------------------------------------------------------------
   Swiper locks pagination when there is only one Highlight.
   Keep pagination available if more Highlights are added.
   ------------------------------------------------------------ */

.pkp_page_index .swiper-pagination-lock {
    display: none !important;
}

/* Remove the extra bottom padding reserved for pagination. */
.pkp_page_index .swiper:has(.swiper-pagination-lock) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove wrapper padding added by our previous customization. */
.pkp_page_index .swiper-wrapper {
    padding-bottom: 0;
}



/* ============================================================
   05. HOMEPAGE — CURRENT ISSUE
   ============================================================ */

/* 05.1 Section spacing */

body.pkp_page_index .current_issue {
    padding-top: 20px;
}

/* 05.2 Current Issue heading */

body.pkp_page_index .current_issue > h2 {
    margin: 0 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e1e7ee;

    color: #304f73;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.35;
}

/* 05.3 Volume and issue title */

body.pkp_page_index .current_issue_title {
    margin: 0 0 18px;

    color: #243b53;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}


/* 05.4 Current Issue — Cover size
   ------------------------------------------------------------
   Reduce the cover size on desktop and tablet.
   Preserve its aspect ratio and the mobile layout.
   ------------------------------------------------------------ */

@media (min-width: 768px) {

    body.pkp_page_index .current_issue
    .obj_issue_toc .heading .cover {
        width: 125px;
        margin-right: 22px;
        margin-bottom: 12px;
    }

    body.pkp_page_index .current_issue
    .obj_issue_toc .heading .cover img {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
    }

}


/* 05.5 Current Issue — Article section spacing
   ------------------------------------------------------------
   Reduce the gap between the issue introduction
   and the published articles.
   Homepage only.
   ------------------------------------------------------------ */

/* Outer spacing */
body.pkp_page_index .current_issue
.obj_issue_toc .sections:not(:first-child) {
    margin-top: 8px;
}

/* Inner spacing — desktop and tablet */
@media (min-width: 768px) {

    body.pkp_page_index .current_issue
    .obj_issue_toc .sections > .section {
        margin-top: 0;
        padding-top: 12px;
    }

    /* Keep the divider aligned with the section heading */
    body.pkp_page_index .current_issue
    .obj_issue_toc .sections > .section::before {
        top: 24px;
    }

}


/* 05.6 Current Issue — Article presentation
   ------------------------------------------------------------
   Improve readability of article titles and author names.
   Homepage only.
   ------------------------------------------------------------ */

/* Article title */
body.pkp_page_index .current_issue
.obj_article_summary h4.title {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;
}

/* Author information */
body.pkp_page_index .current_issue
.obj_article_summary .authors {
    font-size: 13px;
    line-height: 1.5;
    color: #5b6573;
}


/* ============================================================
   06. ANNOUNCEMENTS
   ============================================================ */

/* Reserved for announcement listings and article news. */


/* ============================================================
   07. ARTICLE PAGES
   ============================================================ */

/* Reserved for article titles, abstracts and PDF links. */


/* ============================================================
   08. SIDEBAR
   ============================================================ */

/* Reserved for optional sidebar improvements. */


/* ============================================================
   09. FOOTER
   ============================================================ */

/* 09.1 Hide the PKP/OJS branding footer. */

.pkp_brand_footer {
    display: none;
}


/* ============================================================
   10. RESPONSIVE DESIGN
   ============================================================ */

/* Reserved for mobile and tablet adjustments. */


/* ============================================================
   11. FUTURE CUSTOMIZATIONS
   ============================================================ */

/* Add new sections above when needed.
   Do not retain obsolete or duplicate CSS rules.
*/


/* ===================== END OF FILE ========================= */