/* =========================
   Brand & Base
   ========================= */
:root{
  --brand:#0c3080;    /* Biru STIE Petra */
  --accent:#feaf0d;   /* Kuning STIE Petra */
  --head:#212035;     /* Header dark yang Bapak pakai */
  --text:#1d1e25;
  --muted:#6b7280;
  --surface:#ffffff;
  --surface-2:#f6f7fb;
  --radius:16px;
}

/* Font: pakai Tahoma seperti request Bapak */
body{
  font-family: tahoma, geneva, sans-serif;
  color: var(--text);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================
   Header & Logo
   ========================= */
.pkp_structure_head{
  background: var(--head);
}

.pkp_site_name .is_img img{
  display:inline-block;
  height:auto; width:auto; max-width:100%;
  max-height: 120px; /* turun sedikit agar header tidak terlalu tinggi */
}

/* Jaga header tetap rapi di layar kecil */
@media (max-width: 768px){
  .pkp_site_name .is_img img{ max-height: 80px; }
}

/* =========================
   Navigasi & Link
   ========================= */
a{
  color: var(--brand);
  text-decoration: none;
}
a:hover, a:focus{
  text-decoration: underline;
}

/* Jika tema punya menu atas, pastikan kontrasnya oke */
.pkp_navigation_primary a,
.pkp_navigation_user a{
  color:#fff;
}
.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus,
.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus{
  opacity:.9;
  text-decoration:none;
}

/* =========================
   Tombol (OJS class)
   ========================= */
.cmp_button, .pkp_button, .pkp_button_primary{
  background: var(--accent);
  color:#111;
  border:none;
  border-radius: 999px;
  padding: .6rem 1rem;
  font-weight:700;
  cursor:pointer;
}
.cmp_button:hover, .pkp_button:hover, .pkp_button_primary:hover{
  filter: brightness(.93);
}

/* =========================
   Artikel & Abstract
   ========================= */
.obj_article_details .abstract{
  text-align: justify;
  hyphens: auto;
}

/* Kartu ringkas untuk daftar artikel */
.obj_article_summary{
  background: var(--surface);
  border:1px solid rgba(0,0,0,.06);
  border-radius: var(--radius);
  padding: 14px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.obj_article_summary:hover{
  box-shadow: 0 6px 22px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* Judul artikel lebih menonjol */
.obj_article_summary .title a{
  font-weight: 800;
  color: var(--text);
}

/* Gambar/figure agar tidak overflow */
.pkp_structure_content img,
.obj_article_details img,
.figure img{
  max-width: 100%;
  height: auto;
}

/* Tabel responsive */
table{
  width:100%;
  border-collapse: collapse;
}
table th, table td{
  padding: .55rem .6rem;
  border-bottom: 1px solid #e5e7eb;
}
table thead th{
  background: var(--surface-2);
  text-align: left;
}

/* =========================
   Komponen “hero ringan”
   (opsional, pakai di Announcement atas)
   ========================= */
.hero-lite{
  background: linear-gradient(180deg, #ffffff, #f7f8fc);
  border:1px solid rgba(0,0,0,.05);
  border-radius: var(--radius);
  padding: 22px;
  margin: 12px 0 20px;
}
.hero-lite h1, .hero-lite h2{
  margin: 0 0 8px 0;
  font-weight: 800;
}
.hero-lite .actions{
  margin-top: 12px;
  display: flex; gap: 10px; flex-wrap: wrap;
}

/* =========================
   Footer
   ========================= */
.pkp_footer{
  background: #0b2a69;
  color: #eaf2ff;
}
.pkp_footer a{ color:#feefb0; }

/* Hilangkan brand PKP jika diinginkan (sesuai CSS Bapak) */
.pkp_brand_footer{ display:none; }

/* Ubah layout footer jadi flex, bukan float */
.pkp_footer_content{
  padding: 12px 0;
  width: 100%;
}
.pkp_footer .pkp_container{
  display:flex; gap:24px; align-items:flex-start; justify-content:space-between;
  flex-wrap: wrap;
}
.pkp_footer .col{
  flex:1 1 260px; min-width:240px;
}

/* Stack rapi di mobile */
@media (max-width: 768px){
  .pkp_footer .pkp_container{ flex-direction: column; gap: 8px; }
}

/* =========================
   Komponen kecil & Aksesibilitas
   ========================= */
.pkp_page_title{
  font-weight: 800; letter-spacing: .2px;
}

/* Fokus keyboard terlihat */
:focus{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Badge kecil untuk indeksing/etik (opsional) */
.badges{
  display:flex; gap:10px; flex-wrap: wrap; align-items:center;
}
.badges img{ height:28px; width:auto; }

/* =========================
   Print (lebih bersih)
   ========================= */
@media print{
  .pkp_structure_head,
  .pkp_navigation_primary,
  .pkp_navigation_user,
  .pkp_site_nav,
  .pkp_footer{ display:none !important; }
  a::after{ content:" (" attr(href) ")"; font-size: 12px; }
}