/* =====================================================
   APPLIED REMENERGY TECHNOLOGY
   FINAL STYLE = BIG HEADER + ELSEVIER CLEAN GREEN
   OJS 3.5 STABLE
   ===================================================== */


/* ===============================
   GLOBAL
   =============================== */
body{
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    background:#f3f5f7;
    color:#222;
    line-height:1.6;
}

.navigationPrimary{
    padding-left: 20px !important;
}

.page_search .submit button {
    position: unset !important;
}

.MsoNormal img{
  width: initial !important;
  height: initial !important;
  max-width: none !important;
  max-height: none !important;
}

.pkp_brand_footer{
    display: none !important;
}

.pkp_structure_footer_wrapper{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pkp_footer_content{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* =====================================================
   BIG HEADER LOGO (OJS NATIVE – FULL WIDTH)
   ===================================================== */

/* hilangkan padding header */
.pkp_structure_head{
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
}

/* container logo */
.pkp_site_name_wrapper{
    width:100%;
    text-align:center;
    margin:0;
}

/* logo besar full */
.pkp_site_name_wrapper img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    display:block;
}

/* rapikan jarak menu */
.pkp_navigation_primary_row{
    margin-top:0 !important;
}

.pkp_navigation_user a {
    color: #4f6f26 !important;
}

.pkp_nav_list ul a {
    color: #4f6f26 !important;
}

.pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {
    color: #4f6f26 !important;
}

/* =====================================================
   ELSEVIER GREEN NAVIGATION
   ===================================================== */
.pkp_navigation_primary_row{
    background:#4f6f26 !important;
}

.pkp_navigation_primary_row a{
    color:white !important;
    font-weight:600;
    padding:10px 14px;
}

.pkp_navigation_primary_row a:hover{
    background:#6f8f3a !important;
    border-radius:4px;
}



/* =====================================================
   MAIN CONTAINER (card layout)
   ===================================================== */
.pkp_structure_main{
    background:#f3f5f7;
    padding:30px;
}



/* =====================================================
   ARTICLE & ISSUE BOX (Elsevier style card)
   ===================================================== */
.obj_article_summary,
.obj_issue_summary,
.obj_galley_link{
    background:white;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,0.08);
    padding:20px;
    margin-bottom:18px;
    transition:0.25s;
}

.obj_article_summary:hover,
.obj_issue_summary:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 16px rgba(0,0,0,0.15);
}



/* =====================================================
   SIDEBAR BLOCKS
   ===================================================== */
.pkp_block{
    background:white;
    border-radius:10px;
    padding:15px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    margin-bottom:18px;
}



/* =====================================================
   BUTTON STYLE
   ===================================================== */
.btn,
.pkp_button,
button{
    background:#6f8f3a !important;
    color:white !important;
    border:none !important;
    border-radius:6px !important;
    padding:7px 14px !important;
    font-weight:500;
}

.btn:hover,
.pkp_button:hover{
    background:#4f6f26 !important;
}



/* =====================================================
   LINKS
   ===================================================== */
a{
    color:#4f6f26;
    text-decoration:none;
}

a:hover{
    color:#2f4a12;
    text-decoration:underline;
}



/* =====================================================
   TITLES
   ===================================================== */
h1,h2,h3,h4{
    font-weight:600;
    color:#2f4a12;
}



/* =====================================================
   TABLE STYLE
   ===================================================== */
table{
    background:white;
    border-radius:8px;
    overflow:hidden;
}

table th{
    background:#4f6f26;
    color:white;
}



/* =====================================================
   SEARCH BOX
   ===================================================== */
input[type="text"],
input[type="search"]{
    border-radius:6px;
    border:1px solid #ccc;
    padding:6px 10px;
}



/* =====================================================
   FOOTER
   ===================================================== */
.pkp_structure_footer_wrapper{
    background:#4f6f26;
    color:white;
    padding:25px;
}



/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width:768px){
    .pkp_structure_main{
        padding:15px;
    }
}