/* =========================================================
   ISLAM TRANSFORMATIF : Journal of Islamic Studies
   CLEAN CUSTOM CSS
   Basis: pola CSS Al-Hurriyah yang stabil
   Prinsip: TIDAK mengubah layout utama OJS
   (.pkp_structure_content / .pkp_structure_main / .pkp_structure_sidebar)
   agar sidebar mengikuti layout bawaan theme.
   ========================================================= */


/* =========================
   NAV & GLOBAL
   ========================= */

/* Background menu utama - warna Islam Transformatif */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row{
  background-color:#fff9c4 !important;
}

/* Teks item menu */
.pkp_navigation_primary_row .pkp_navigation_primary > li > a{
  color:#333 !important;
  font-weight:600;
}

/* Hover & item aktif */
.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary_row .pkp_navigation_primary > li.current > a{
  background:rgba(0,0,0,.05);
  color:#000 !important;
}

/* Garis indikator aktif */
.pkp_navigation_primary_row .pkp_navigation_primary > li.current > a::after{
  content:"";
  display:block;
  height:3px;
  background:#333;
  margin-top:6px;
}


/* =========================
   EXISTING STYLE
   ========================= */

.item_menu {
  padding:7px 15px;
  margin:0;
  border-bottom:1px solid #daa810;
}

.item_menu a {
  color:#fff;
  text-decoration:none;
}

.item_menu a:hover {
  color:#daa810;
}

.embed-responsive-item {
  width:100%;
  border:none;
}

.homepage_about h2 {
  display:none;
  visibility:hidden;
}

body {
  background-image:url('https://ejournal.uinbukittinggi.ac.id/img/gift/patern.png');
  background-size:50px;
}

@media (min-width:1200px){
  .pkp_structure_page {
    margin-top:0rem;
    margin-bottom:0rem;
  }
}


/* =========================
   BRAND FOOTER
   ========================= */

.pkp_brand_footer {
  display:none !important;
}


/* =========================
   FOOTER CONTAINER
   ========================= */

.pkp_footer_content,
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
}

.pkp_footer_content {
  padding:20px 30px;
  box-sizing:border-box;
}


/* =========================
   FOOTER WRAPPER
   Warna Islam Transformatif
   ========================= */

.pkp_structure_footer_wrapper {
  background:linear-gradient(135deg,#571502,#a12104);
  color:#ffffff;
  padding:40px 20px 20px;
  font-family:'Aptos',sans-serif;
  font-size:13px;
  line-height:1.6;
}


/* =========================
   FOOTER TOP - 4 KOLOM
   ========================= */

.pkp_structure_footer_wrapper .journal-footer .footer-top{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  align-items:start;
  margin-bottom:25px;
}

.pkp_structure_footer_wrapper .journal-footer .footer-top > *{
  min-width:0 !important;
  flex:0 1 auto !important;
  width:auto !important;
}

.pkp_structure_footer_wrapper .journal-footer .footer-col{
  min-width:0 !important;
  flex:0 1 auto !important;
}


/* Judul kolom */
.pkp_structure_footer_wrapper .journal-footer .footer-top h3{
  font-size:14px;
  font-weight:bold;
  color:#dd682d;
  margin:0 0 10px 0;
  text-transform:uppercase;
  border-bottom:1px solid rgba(188,83,41,.6);
  padding-bottom:5px;
  line-height:1.35;
}


/* Teks & list footer */
.pkp_structure_footer_wrapper .journal-footer .footer-top p,
.pkp_structure_footer_wrapper .journal-footer .footer-top li{
  font-size:13px;
  color:#ddd;
  margin:6px 0;
}

.pkp_structure_footer_wrapper .journal-footer .footer-top ul{
  list-style:none;
  margin:0;
  padding:0;
}

.pkp_structure_footer_wrapper .journal-footer .footer-top a{
  color:#ffffff;
  text-decoration:none;
  transition:color .3s ease;
}

.pkp_structure_footer_wrapper .journal-footer .footer-top a:hover{
  color:#b9391a;
  text-decoration:underline;
}


/* =========================
   MAP FOOTER
   ========================= */

.pkp_structure_footer_wrapper .journal-footer .footer-map{
  margin:20px 0;
  border:2px solid #f7874f;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.6);
}


/* =========================
   RESPONSIVE FOOTER
   ========================= */

@media (max-width:1024px){
  .pkp_structure_footer_wrapper .journal-footer .footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .pkp_structure_footer_wrapper .journal-footer .footer-top{
    grid-template-columns:1fr;
  }
}


/* =========================
   FOOTER BOTTOM / COPYRIGHT
   ========================= */

.pkp_structure_footer_wrapper .journal-footer .footer-bottom,
.pkp_structure_footer_wrapper .copright-container{
  border-top:1px solid rgba(247,129,79,.744);
  padding-top:15px;
  text-align:center;
  font-size:12px;
  color:#aaaaaa;
}

.pkp_structure_footer_wrapper .journal-footer .footer-bottom a{
  color:#f77c4f;
  text-decoration:none;
}

.pkp_structure_footer_wrapper .journal-footer .footer-bottom a:hover{
  text-decoration:underline;
}

.pkp_structure_footer_wrapper .journal-footer .footer-bottom img,
.pkp_structure_footer_wrapper .copright-container img{
  vertical-align:middle;
  margin:0 4px;
}


/* Credit tema */
.pkp_structure_footer_wrapper .theme-credit{
  margin-top:8px;
  font-size:12px;
  color:#666;
}


/* =========================
   NETRALISIR FLEX LAMA
   HANYA DI AREA FOOTER
   ========================= */

.journal-footer .footer-top {
  display:grid !important;
}

.pkp_structure_footer_wrapper .footer {
  display:block !important;
  gap:0 !important;
}

.pkp_structure_footer_wrapper .footer .col-6 {
  flex:0 0 auto !important;
  min-width:0 !important;
}


/* =========================================================
   PENTING:
   Sengaja TIDAK ADA override untuk:
   .pkp_structure_content
   .pkp_structure_main
   .pkp_structure_sidebar
   .has_sidebar

   Sidebar, termasuk Keyword Cloud, mengikuti layout native
   theme OJS/SimpleOJS3 seperti pada jurnal Al-Hurriyah.
   ========================================================= */