/* =========================================================
   OJS ORANGE MODERN RESPONSIVE THEME (FULL READY COPY)
   + Footer font BLACK
   - Modern header & navigation (orange)
   - Clean cards & buttons
   - Sidebar rapi
   - Footer OJS aman + teks hitam
   - Responsive & OJS-safe
   ========================================================= */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Sunflower:wght@300;500&display=swap');

/* ================= THEME VARIABLES ================= */
:root{
  --primary:#F59E0B;        /* ORANGE utama */
  --primary-dark:#D97706;   /* ORANGE gelap */
  --primary-darker:#92400E; /* ORANGE tua */
  --accent:#22C55E;         /* aksen hijau (opsional) */

  --bg:#FFF7ED;             /* background lembut orange */
  --card:#ffffff;
  --text:#2A1A05;
  --muted:#6B7280;
  --border:#E5E7EB;

  --shadow:0 14px 34px rgba(146,64,14,.14);
  --shadow-sm:0 8px 18px rgba(146,64,14,.12);
  --radius:16px;
}

/* ================= BASE (OJS SAFE) ================= */
html, body{
  font-family:"Poppins","Sunflower",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
}

body{
  background-color:var(--bg);
  background-image:url(https://i.ibb.co/GngLz03/batik-BC-Rev.png);
  background-attachment:fixed;
}

/* Box model aman (tanpa reset margin/padding global) */
.pkp_structure_page *,
.pkp_structure_footer_wrapper *,
.pkp_navigation_primary_wrapper *{
  box-sizing:border-box;
}

/* Links */
a{ color:var(--primary-darker); text-decoration:none; }
a:hover{ color:var(--primary); text-decoration:underline; }

/* =========================================================
   PAGE WRAPPER
   ========================================================= */
.pkp_structure_page{
  margin:22px auto;
  width:1162px;
  background:rgba(255,255,255,.97);
  border:1px solid var(--border);
  border-radius:calc(var(--radius) + 2px);
  box-shadow:var(--shadow);
  overflow:hidden;
}

@media (max-width:1000px){
  .pkp_structure_page{
    width:100%;
    margin:0;
    border-radius:0;
    border-left:0;
    border-right:0;
  }
  .pkp_structure_main{
    padding-left:12px;
    padding-right:12px;
  }
}

/* Header spacing */
.pkp_head_wrapper{ padding-top:3.6rem; }
@media (max-width:700px){
  .pkp_head_wrapper{ padding-top:3.1rem; }
}

/* =========================================================
   HEADER – USER BAR
   ========================================================= */
.pkp_navigation_user{
  background:linear-gradient(90deg, var(--primary) 0%, var(--primary-darker) 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.25);
  backdrop-filter:blur(8px);
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{
  color:#fff !important;
  font-weight:600;
  opacity:.96;
  text-decoration:none;
}

/* dropdown user */
.pkp_navigation_user_wrapper
.pkp_navigation_user > li.profile > ul.dropdown-menu{
  border-radius:14px !important;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  border:1px solid var(--border);
}

/* =========================================================
   PRIMARY NAVIGATION
   ========================================================= */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row{
  background:linear-gradient(90deg, var(--primary-dark) 0%, var(--primary-darker) 100%) !important;
}

.pkp_navigation_primary_wrapper{
  position:sticky;
  top:0;
  z-index:50;
}

/* menu text */
.pkp_navigation_primary_wrapper a,
.pkp_navigation_primary_wrapper ul li a{
  color:#fff !important;
  font-weight:650 !important;
}

/* spacing */
.pkp_navigation_primary_row
.pkp_navigation_primary_wrapper ul{
  flex-wrap:wrap;
}

.pkp_navigation_primary_row
.pkp_navigation_primary_wrapper ul li a{
  padding:0 14px !important;
  line-height:46px !important;
  border-radius:12px;
  transition:all .18s ease;
}

@media (max-width:700px){
  .pkp_navigation_primary_row
  .pkp_navigation_primary_wrapper ul li a{
    padding:0 10px !important;
    line-height:42px !important;
  }
}

/* hover */
.pkp_navigation_primary_wrapper a:hover{
  background:rgba(255,255,255,.18) !important;
  transform:translateY(-1px);
  text-decoration:none;
}

/* active */
.pkp_navigation_primary_wrapper
.pkp_navigation_primary > li.current > a{
  background:rgba(245,158,11,.30) !important;
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.35);
}

/* dropdown */
.pkp_navigation_primary_wrapper ul li ul{
  background:rgba(146,64,14,.98) !important;
  border-radius:14px !important;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(255,255,255,.14);
}
.pkp_navigation_primary_wrapper ul li ul li{
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.pkp_navigation_primary_wrapper ul li ul li:last-child{
  border-bottom:none !important;
}
.pkp_navigation_primary_wrapper ul li ul li a{
  color:#fff !important;
  padding:10px 14px !important;
  line-height:1.2rem !important;
}
.pkp_navigation_primary_wrapper ul li ul li a:hover{
  background:rgba(255,255,255,.12) !important;
}

/* search */
.pkp_navigation_primary_wrapper .pkp_search button,
.pkp_navigation_primary_wrapper .pkp_search .search_prompt,
.pkp_navigation_primary_wrapper .pkp_search.is_open button{
  color:#fff !important;
  fill:#fff !important;
}

/* =========================================================
   BUTTONS (ORANGE)
   ========================================================= */
.cmp_button_wire,
.obj_galley_link,
.cmp_button{
  background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#3A2005 !important;
  border-radius:14px !important;
  padding:.6rem 1.1rem !important;
  font-weight:800 !important;
  box-shadow:0 12px 20px rgba(217,119,6,.28);
  transition:all .18s ease;
}

.cmp_button:hover,
.obj_galley_link:hover,
.cmp_button_wire:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  text-decoration:none;
}

/* =========================================================
   ARTICLE SUMMARY CARD
   ========================================================= */
.obj_article_summary{
  border:1px solid var(--border) !important;
  background:var(--card);
  padding:16px !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm) !important;
  position:relative;
  transition:all .18s ease;
  margin-bottom:14px;
}

/* accent bar */
.obj_article_summary:before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:6px; height:100%;
  background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);
  border-top-left-radius:var(--radius);
  border-bottom-left-radius:var(--radius);
}

.obj_article_summary:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}

/* DOI icon */
.obj_article_summary .item.doi .label{
  background:url(/public/journals/8/images/icon-doi.png) left center no-repeat;
  width:25px !important; height:24px !important;
  color:transparent; text-indent:100%;
  white-space:nowrap; overflow:hidden;
}

/* =========================================================
   SIDEBAR
   ========================================================= */
.pkp_structure_sidebar .pkp_block{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:12px !important;
  box-shadow:var(--shadow-sm);
  margin-bottom:14px !important;
}

.pkp_structure_sidebar .pkp_block .title{
  background:linear-gradient(90deg, var(--primary) 0%, var(--primary-darker) 100%);
  color:#fff;
  padding:10px 12px;
  border-radius:14px;
  font-weight:800;
  margin:0 0 10px 0;
}

/* Sidebar menu (custom block) */
#customblock-Sidebar_menu.pkp_block ul,
#customblock-Sidebar_menu.pkp_block ul li{
  margin:0 !important; padding:0 !important; list-style:none;
}

#customblock-Sidebar_menu.pkp_block ul li{
  background:#FFF3E0 !important;
  border:1px solid rgba(245,158,11,.35);
  border-radius:14px;
  margin:8px 0 !important;
  overflow:hidden;
}

#customblock-Sidebar_menu.pkp_block ul li a{
  display:block;
  padding:0 14px;
  line-height:46px;
  color:var(--primary-darker) !important;
  font-weight:700;
  text-decoration:none;
  transition:all .18s ease;
}

#customblock-Sidebar_menu.pkp_block ul li a:hover{
  background:rgba(245,158,11,.20) !important;
  transform:translateX(2px);
  text-decoration:none;
}

/* =========================================================
   FOOTER (FONT HITAM) - OJS SAFE
   ========================================================= */
.pkp_structure_footer_wrapper{
  background:#FDE68A !important; /* soft orange */
  border-top:1px solid #e5e7eb !important;
  border-bottom:none !important;
  margin-top:0 !important;
}

.pkp_structure_footer .pkp_footer_content{
  max-width:1162px;
  margin:0 auto !important;
  padding:26px 18px !important;
  background:transparent !important;
  color:#111827 !important;  /* HITAM */
}

@media (max-width:700px){
  .pkp_structure_footer .pkp_footer_content{
    padding:18px 14px !important;
  }
}

/* Semua teks footer jadi hitam */
.pkp_structure_footer,
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content p,
.pkp_structure_footer .pkp_footer_content span,
.pkp_structure_footer .pkp_footer_content div,
.pkp_structure_footer .pkp_footer_content li{
  color:#111827 !important;
}

/* Link footer */
.pkp_structure_footer .pkp_footer_content a{
  color:var(--primary-darker) !important;
  font-weight:700;
  text-decoration:none;
}
.pkp_structure_footer .pkp_footer_content a:hover{
  color:var(--primary) !important;
  text-decoration:underline;
}

/* Separator */
.pkp_structure_footer .pkp_footer_content hr{
  border:none !important;
  height:1px !important;
  background:rgba(17,24,39,.22) !important;
  margin:14px 0 !important;
}

/* Brand footer */
.pkp_structure_footer .pkp_brand_footer{
  background:rgba(0,0,0,.03) !important;
  padding:12px 0 16px 0 !important;
  height:auto !important;
}

/* Logo indexing jadi badge */
.pkp_structure_footer .pkp_footer_content img{
  max-height:68px;
  height:auto;
  margin:7px 8px;
  border-radius:12px;
  background:#ffffff;
  padding:6px;
  box-shadow:0 10px 16px rgba(0,0,0,.12);
}

/* =========================================================
   SMALL FIXES dari CSS lama
   ========================================================= */
.journals ul .body .description a{ display:inline; }

/* Hapus padding-right profil yang terlalu besar (sering merusak layout) */
@media (max-width:1000px){
  .pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a{
    padding-right:12px !important;
  }
}