/* 1. BRAND COLORS & SYSTEM OVERRIDES (THE NUCLEAR FIX) */
:root {
    --jsfbi-navy: #1B2D5A;
    --jsfbi-gold: #EEAE46;
    --jsfbi-white: #FFFFFF;
    /* لون الخلفية الجديد: كريمي فاتح جداً (مشتق من الذهبي) */
    --jsfbi-bg-body: #FEF9F0; 
    
    /* OVERRIDE DEFAULT OJS PURPLE VARIABLES */
    --primary: #1B2D5A !important;
    --bg-base: #1B2D5A !important;
    --bg-dark: #1B2D5A !important;
}

/* 2. HEADER: UNIFIED NAVY BLOCK */
header, 
.pkp_structure_head, 
.pkp_head_wrapper, 
.pkp_site_name_wrapper, 
.pkp_navigation_user_wrapper, 
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
nav {
    background-color: var(--jsfbi-navy) !important;
    background: var(--jsfbi-navy) !important;
    background-image: none !important;
    border-color: transparent !important;
}

.pkp_structure_head::before,
.pkp_structure_head::after,
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after {
    background: none !important;
    background-color: transparent !important;
    display: none !important;
}

header.pkp_structure_head {
    border-bottom: 5px solid var(--jsfbi-gold) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* 3. HEADER CONTENT: CONSTRAINED WIDTH & LEFT ALIGNED */
.pkp_navigation_user_wrapper {
    padding: 0 !important; 
    margin: 0 !important;
    min-height: 0 !important;
}

.pkp_site_name_wrapper {
    /* Defines the "red line" boundaries */
    width: 85% !important; 
    max-width: 1150px !important;
    margin-left: auto !important; 
    margin-right: auto !important;
    
    /* Layout settings */
    padding: 15px 0 !important; 
    margin-top: 0 !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Align text to the start of the defined area */
}

.pkp_site_name .is_img img {
    max-height: 85px !important; 
    margin-right: 20px !important;
}

.pkp_site_name .is_text {
    display: flex !important;
    flex-direction: row !important; 
    align-items: baseline !important; 
    color: var(--jsfbi-white) !important;
}

.pkp_site_name .is_text::before {
    content: "JSFBI";
    font-size: 3.6rem !important; 
    font-weight: 800 !important;
    margin-right: 20px !important; 
    font-family: "Noto Serif", serif !important;
}

.pkp_site_name .is_text::after {
    content: "Journal of Sustainable Finance and Business Innovation";
    font-size: 1.8rem !important; 
    font-weight: 500 !important;
    font-family: "Noto Serif", serif !important;
    white-space: nowrap !important;
}

.pkp_site_name a { font-size: 0 !important; }

/* 4. NAVIGATION ALIGNMENT: MATCHING THE TITLE WIDTH */
.pkp_navigation_primary {
    /* Match the width and margins of the title above */
    width: 85% !important;
    max-width: 1150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    padding-left: 0 !important; 
    padding-bottom: 20px !important;
    background-color: var(--jsfbi-navy) !important;
}

.pkp_navigation_primary > li > a {
    font-size: 1.1em !important; 
    color: var(--jsfbi-white) !important;
    font-family: "Noto Serif", serif !important;
    font-weight: 500 !important;
}

.pkp_navigation_primary > li > a:hover {
    color: var(--jsfbi-gold) !important;
}
/* 5. FIX "ABOUT JSFBI" SUBTITLES */
.pkp_navigation_primary ul {
    background-color: var(--jsfbi-navy) !important;
    border: 1px solid var(--jsfbi-gold) !important;
    padding: 0 !important;
    min-width: 240px !important; 
    box-shadow: 0 4px 8px rgba(0,0,0,0.5) !important;
}

.pkp_navigation_primary ul li {
    border-bottom: 1px solid rgba(238, 174, 70, 0.2) !important;
    background-color: var(--jsfbi-navy) !important;
}

.pkp_navigation_primary ul li a {
    color: var(--jsfbi-white) !important;
    padding: 12px 20px !important;
    font-size: 1rem !important;
    display: block !important;
    background: var(--jsfbi-navy) !important;
}

.pkp_navigation_primary ul li a:hover {
    background-color: var(--jsfbi-gold) !important;
    color: var(--jsfbi-navy) !important;
}

/* 6. FOOTER: BASE SETTINGS */
.pkp_structure_footer_wrapper {
    background-color: var(--jsfbi-navy) !important;
    border-top: 5px solid var(--jsfbi-gold) !important;
    padding: 5px 0 30px 0 !important;
    margin-top: 0 !important;
}

.pkp_structure_footer p, 
.pkp_structure_footer a {
    color: #FFFFFF !important;
}

.pkp_structure_footer a[href^="mailto:"] {
    color: var(--jsfbi-gold) !important;
    font-weight: bold !important;
}

/* 7. GLOBAL CONTENT */
.pkp_structure_main, 
.pkp_structure_content, 
.page_about, 
.page_archiving, 
.page_submissions, 
.page_index {
    padding-top: 6px !important;
    margin-top: 0 !important;
}

.pkp_page_title, 
.obj_article_details .title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.cmp_breadcrumbs {
    display: none !important;
}

/* 9. NEW: PAGE BACKGROUND COLOR (Light Royal Cream) */
/* This applies to the main body and content areas */
body,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main {
    background-color: var(--jsfbi-bg-body) !important;
}

/* Ensure text remains very clear (Dark Navy/Black) */
body, p, li, h1, h2, h3, h4, h5, h6, .pkp_structure_main {
    color: #000000 !important;
}