/* =============================
   GLOBAL STYLES
============================= */
body {
    font-family: 'Poppins', sans-serif;
    background: #F4FAF7;
    color: #2f3e34;
}

/* =============================
   HEADER & NAVIGATION
============================= */
#headerNavigation {
    background: #F2E6D8;                 /* 70% peach */
    border-bottom: 3px solid #EADBC8;
    box-shadow: 0 4px 6px rgba(0,0,0,0.18);
}

/* Main Navigation */
#navigationPrimary {
    background: #F2E6D8;                 /* 70% peach */
    border-radius: 8px;
    padding: 6px;
}

#navigationPrimary li a {
    color: #042B91 !important;
    font-weight: 600;
    padding: 12px 18px;
    border-radius: 6px;
    transition: 0.25s ease-in-out;
}

/* MAIN MENU HOVER */
#navigationPrimary li a:hover {
    background: #FF814E;                 /* strong peach */
    color: #042B91 !important;
}

/* ACTIVE MENU */
#navigationPrimary li a.is_current,
#navigationPrimary li a[aria-current="page"] {
    background: #FF814E;
    color: #042B91 !important;
}

/* DROPDOWN */
#navigationPrimary li:hover ul {
    display: block !important;
    position: absolute;
    background: #EADBC8;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

#navigationPrimary li ul li a {
    color: #5a3a2e !important;
    padding: 8px 14px;
    border-radius: 5px;
}

/* DROPDOWN HOVER */
#navigationPrimary li ul li a:hover {
    background: #FF814E;
    color: #ffffff !important;
}

/* =============================
   SIDEBAR
============================= */
.pkp_block {
    background: #ffffff;
    border: 2px solid #EADBC8;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.07);
}

.pkp_block .title {
    font-size: 16px;
    font-weight: bold;
    color: #FF814E;
    border-bottom: 2px solid #EADBC8;
    padding-bottom: 5px;
}

/* =============================
   FOOTER
============================= */
#footer {
    background: #F2E6D8;
    color: #5a3a2e;
    padding: 30px;
    text-align: center;
    border-top: 3px solid #EADBC8;
}

#footer a {
    color: #5a3a2e;
    font-weight: 600;
}

#footer a:hover {
    color: #FF814E;
    text-decoration: underline;
}

/* =============================
   BUTTONS (SUBMIT + PDF + GALLEY)
============================= */
.pkp_site_nav .make_submission a,
.make_submission a,
#sidebar .block_make_submission a,
.obj_galley_link,
.obj_galley_link.pdf,
a.galley_link,
a.galley_link.pdf {
    background: #F2E6D8 !important;
    color: #5a3a2e !important;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 8px;
    border: none !important;
    transition: 0.25s ease-in-out;
    text-decoration: none !important;
    display: inline-block;
}

/* BUTTON + PDF HOVER */
.pkp_site_nav .make_submission a:hover,
.make_submission a:hover,
#sidebar .block_make_submission a:hover,
.obj_galley_link:hover,
.obj_galley_link.pdf:hover,
a.galley_link:hover,
a.galley_link.pdf:hover {
    background: #FF814E !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* =============================
   ARTICLE BOXES
============================= */
.obj_article_summary {
    border: 2px solid #EADBC8;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.08);
    transition: 0.25s ease-in-out;
}

.obj_article_summary:hover {
    border-color: #FF814E;
    transform: translateY(-4px);
}

/* =============================
   OJS FOOTER – FORCE SAME COLOR
============================= */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background-color: #F2E6D8 !important;
}

.pkp_footer_content {
    background-color: #F2E6D8 !important;
    color: #042B91 !important;
    padding: 20px;
}

.pkp_brand_footer {
    background-color: #F2E6D8 !important;
}

/* Footer text */
.pkp_footer_content p,
.pkp_footer_content blockquote,
.pkp_footer_content strong,
.pkp_footer_content span {
    color: #042B91 !important;
}

/* Footer links */
.pkp_footer_content a {
    color: #042B91 !important;
    font-weight: 600;
}

.pkp_footer_content a:hover {
    color: #FF814E !important;
    text-decoration: underline;
}
/* Container Card */
.oa-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px;
    text-align: center;
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.oa-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.2);
}

/* 3D Buttons */
.btn-3d {
    display: inline-block;
    margin: 10px 0;
    padding: 12px 22px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    color: #1f2f28;
    background: linear-gradient(to bottom, #e8f4f1, #cfe6e0);
    box-shadow:
        0 5px 0 #a8cfc6,
        0 10px 18px rgba(0, 0, 0, 0.18);
    transition: all 0.2s ease;
}

.btn-3d:hover {
    transform: translateY(3px);
    box-shadow:
        0 2px 0 #a8cfc6,
        0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Button Variants */
.btn-3d.secondary {
    background: linear-gradient(to bottom, #f1f9f7, #d9ede7);
}
/* Image Box (3D) */
.img-box {
    margin-top: 18px;
    padding: 12px;
    border-radius: 12px;
    background: #f8fffd;
    box-shadow:
        inset 0 2px 6px rgba(0, 0, 0, 0.08),
        0 6px 12px rgba(0, 0, 0, 0.15);
    text-align: center;
}

/* Force same image size */
.img-box img {
    width: 100px;
    height: 70px;
    object-fit: contain;
    max-width: 100%;
}