/* ==========================================================
   APPROACH - FULL-WIDTH HEADER + CLOUDFLARE CACHE BUSTING
   OJS 3.5 | Journal-specific stylesheet
   Header asset is served from a versioned, unique filename.
   ========================================================== */

/* Expand the journal header container */
#headerNavigationContainer .pkp_head_wrapper {
    width: 94% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Expand the logo wrapper and journal identity */
#headerNavigationContainer .pkp_site_name_wrapper,
#headerNavigationContainer .pkp_site_name {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#headerNavigationContainer .pkp_site_name > a,
#headerNavigationContainer .pkp_site_name > a.is_img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Replace the cached OJS logo URL with a unique versioned asset URL.
   The unique filename avoids the stale Cloudflare cache object. */
#headerNavigationContainer .pkp_site_name img {
    content: url("/public/journals/1/approach-header-20261112-r3.webp") !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Tablet and mobile */
@media (max-width: 991px) {
    #headerNavigationContainer .pkp_head_wrapper {
        width: 100% !important;
        max-width: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    #headerNavigationContainer .pkp_site_name_wrapper,
    #headerNavigationContainer .pkp_site_name {
        width: 100% !important;
        max-width: none !important;
    }
}

/* =============================================
   APPROACH - JOURNAL PROFILE POSITION
   OJS 3.5 Default Theme
   ============================================= */

/* Homepage content layout */
.pkp_page_index .page_index_journal {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Move Journal Profile above Current Issue */
.pkp_page_index .page_index_journal > .additional_content {
    order: -10;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 28px;
}

/* Keep Current Issue below Journal Profile */
.pkp_page_index .page_index_journal > .current_issue {
    order: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Prevent unnecessary horizontal overflow */
.pkp_page_index .additional_content {
    min-width: 0;
    max-width: 100%;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .pkp_page_index .page_index_journal > .additional_content {
        margin-bottom: 20px;
    }
}

/* ============================================
   APPROACH - HIDE DEFAULT OJS/PKP FOOTER BLOCK
   OJS 3.5 Default Theme
   ============================================ */

/* Hide default PKP platform branding */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
}

/* Remove spacing left by hidden branding */
.pkp_structure_footer_wrapper .pkp_structure_footer {
    padding-bottom: 0 !important;
}


/* =====================================================
   APPROACH JOURNAL - STATIC PAGE TITLE DESIGN
   VERSION: R13-STATIC-01 / v1.2
   OJS 3.5 - Default Theme

   Applies to:
   /approach/focus-and-scope
   /approach/journal-history
   /approach/editorial-team
   and other Static Pages.

   Does NOT target article, issue, or archive pages.
   ===================================================== */


/* -----------------------------------------------------
   1. MAIN TITLE
   ----------------------------------------------------- */

body.pkp_page_pages .pkp_structure_main > .page > h2 {

    /* Typography */
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.3px !important;

    /* Aviation navy */
    color: #173B63 !important;

    /* Position and spacing */
    position: relative !important;
    display: block !important;

    margin-top: 38px !important;
    margin-right: 0 !important;
    margin-bottom: 28px !important;
    margin-left: 0 !important;

    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 17px !important;
    padding-left: 0 !important;

    /* Light blue underline */
    border: 0 !important;
    border-bottom: 2px solid #DCE6EF !important;

    /* Ensure decoration remains visible */
    overflow: visible !important;
}


/* -----------------------------------------------------
   2. GOLD ACCENT
   ----------------------------------------------------- */

body.pkp_page_pages .pkp_structure_main > .page > h2::after {

    content: "" !important;

    position: absolute !important;
    display: block !important;

    left: 0 !important;
    bottom: -2px !important;

    width: 70px !important;
    height: 4px !important;

    background-color: #D8AA54 !important;

    border: 0 !important;
}


/* -----------------------------------------------------
   3. TABLET
   ----------------------------------------------------- */

@media (max-width: 991px) {

    body.pkp_page_pages .pkp_structure_main > .page > h2 {

        font-size: 25px !important;

        margin-top: 30px !important;
        margin-bottom: 25px !important;

        padding-bottom: 15px !important;
    }
}


/* -----------------------------------------------------
   4. MOBILE
   ----------------------------------------------------- */

@media (max-width: 576px) {

    body.pkp_page_pages .pkp_structure_main > .page > h2 {

        font-size: 23px !important;
        line-height: 1.4 !important;

        margin-top: 24px !important;
        margin-bottom: 22px !important;

        padding-bottom: 14px !important;
    }

    body.pkp_page_pages .pkp_structure_main > .page > h2::after {

        width: 54px !important;
    }
}


/* =====================================================
   END - APPROACH STATIC PAGE TITLE DESIGN
   ===================================================== */