/* ==========================================================================
   ABDIMU OJS 3.5.0.5 COMPLETE SIDEBAR STYLESHEET (DESKTOP & MOBILE APP UI)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. RESET LAYOUT BASELINE & SIDEBAR INDENTATION
   -------------------------------------------------------------------------- */
.pkp_structure_sidebar.left,
.pkp_structure_sidebar,
#sidebar {
  margin-top: 5px !important;
  padding-top: 0 !important;
  padding-left: 12px !important; /* Geser dari garis batas samping */
  box-sizing: border-box !important;
}
.pkp_structure_main .page > h2 {
    display: none !important;
  }


  .pkp_site_name_wrapper {
    display: none !important;
} 
.pkp_navigation_user_wrapper {
    display: none !important;
}
.pkp_head_wrapper {
    min-height: unset !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.pkp_navigation_primary_row {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sembunyikan paragraf kosong bawaan TinyMCE OJS */
.pkp_block .content p {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}

/* Container Custom Block OJS */
.pkp_block.block_custom {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
}

.pkp_block.block_custom .content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Card Outer Container */
.abdimu-sidebar-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 10px !important;
  box-shadow: 0 4px 10px rgba(0, 122, 61, 0.05) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Header Quick Navigation */
.abdimu-sidebar-header {
  background: linear-gradient(135deg, #007a3d 0%, #005a2d 100%) !important;
  color: #ffffff !important;
  padding: 10px 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important; /* Diperbesar dari 13px */
  text-transform: uppercase !important;
  border-radius: 6px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-bottom: 3px solid #8cc63f !important; /* Aksen Lime dari Cover */
}

/* --------------------------------------------------------------------------
   2. SUNTIKAN IKON VIA CSS PSEUDO-ELEMENT (ANTI-BLOK TINYMCE)
   -------------------------------------------------------------------------- */
.abdimu-sidebar-link::before,
.abdimu-sidebar-header::before {
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  display: inline-block !important;
  text-decoration: inherit !important;
}

/* Unicode Ikon Spesifik Masing-Masing Menu */
.abdimu-sidebar-header::before { content: "\f14e"; margin-right: 8px; color: #8cc63f !important; } /* Compass */
.icon-editorial::before       { content: "\f0c0"; } /* Users */
.icon-reviewers::before       { content: "\f00c"; } /* Check */
.icon-peer::before            { content: "\f132"; } /* Shield */
.icon-focus::before           { content: "\f140"; } /* Bullseye */
.icon-frequency::before       { content: "\f073"; } /* Calendar */
.icon-ethics::before          { content: "\f24e"; } /* Balance Scale */
.icon-guidelines::before      { content: "\f044"; } /* Pencil Square */
.icon-privacy::before         { content: "\f023"; } /* Lock */
.icon-submission::before      { content: "\f093"; } /* Upload */
.icon-fee::before             { content: "\f09d"; } /* Credit Card */
.icon-contact::before         { content: "\f0e0"; } /* Envelope */
.icon-openaccess::before      { content: "\f13e"; } /* Unlock Alt */
.icon-copyright::before       { content: "\f1f9"; } /* Copyright */
.icon-licensing::before       { content: "\f0a3"; } /* Certificate */

/* --------------------------------------------------------------------------
   3. STYLE TAMPILAN DESKTOP (> 767px) - IKON HIJAU
   -------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  .abdimu-sidebar-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .abdimu-sidebar-link {
    display: flex !important;
    align-items: center !important;
    background-color: #f8fafc !important;
    color: #1e293b !important;
    padding: 9px 12px !important;
    border-radius: 5px !important;
    border-left: 4px solid #007a3d !important; /* Hijau Utama Cover */
    text-decoration: none !important;
    font-size: 13.5px !important; /* Diperbesar dari 12px */
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
  }

  /* Warna Ikon Desktop (Hijau #007a3d) */
  .abdimu-sidebar-link::before {
    font-size: 15px !important; /* Diperbesar dari 14px */
    width: 22px !important;
    color: #007a3d !important;
    margin-right: 8px !important;
    transition: color 0.2s ease-in-out !important;
  }

  .abdimu-sidebar-link .link-text {
    flex-grow: 1 !important;
  }

  /* Hover State Desktop */
  .abdimu-sidebar-link:hover,
  .abdimu-sidebar-link:active,
  .abdimu-sidebar-link:focus {
    background-color: #8cc63f !important; /* Hijau Lime */
    color: #003314 !important;
    border-left-color: #007a3d !important;
    transform: translateX(3px) !important;
    box-shadow: 0 3px 8px rgba(140, 198, 63, 0.3) !important;
  }

  .abdimu-sidebar-link:hover::before {
    color: #003314 !important;
  }
}

/* --------------------------------------------------------------------------
   4. OPTIMASI TAMPILAN MOBILE (<= 767px) - APP TILE RATA TENGAH
   -------------------------------------------------------------------------- */
/* 1. Tampilkan tombol navigasi khusus layar seluler (HP) */
@media screen and (max-width: 767px) {
    .pkp_site_name_wrapper {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
    }

    /* Sembunyikan teks nama jurnal di HP agar tidak memenuhi layar */
    .pkp_site_name {
        display: none !important;
    }

    /* Tampilkan dan sesuaikan posisi tombol toggle menu HP */
    .pkp_site_nav_toggle {
        display: block !important;
        position: relative !important;
        z-index: 1000 !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important; /* Ubah warna icon jika background gelap */
        padding: 10px !important;
    }

    /* Pastikan wrapper header tetap aktif menampung tombol menu */
    .pkp_head_wrapper {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        min-height: 45px !important;
    }
}

@media screen and (max-width: 767px) {
  .pkp_structure_sidebar.left,
  .pkp_structure_sidebar,
  #sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 8px 0 !important;
  }

  /* Grid 2 Kolom Sejajar */
  .abdimu-sidebar-nav {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 2px !important;
  }

  /* Tombol Kompak Rata Tengah */
  .abdimu-sidebar-link {
    display: flex !important;
    flex-direction: column !important; /* Ikon di atas, teks di bawah */
    align-items: center !important;     /* Rata tengah horizontal */
    justify-content: center !important; /* Rata tengah vertikal */
    text-align: center !important;      /* Teks di tengah */
    padding: 10px 6px !important;
    border-left: none !important;
    border-top: 3px solid #007a3d !important; /* Aksen garis hijau atas */
    background: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
  }

  /* Ikon Mobile Rata Tengah */
  .abdimu-sidebar-link::before {
    font-size: 19px !important; /* Diperbesar dari 18px */
    color: #007a3d !important;
    margin-bottom: 4px !important;
    margin-right: 0 !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* Teks Mobile Rata Tengah */
  .abdimu-sidebar-link .link-text {
    font-size: 11.5px !important; /* Diperbesar dari 10px */
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #1e293b !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* Touch Feedback Mobile */
  .abdimu-sidebar-link:active {
    background-color: #8cc63f !important;
    transform: scale(0.96) !important;
  }

  .abdimu-sidebar-link:active .link-text,
  .abdimu-sidebar-link:active::before {
    color: #003314 !important;
  }
}

/* ==========================================================================
   ABDIMU ADDITIONAL BLOCKS (TEMPLATE, INDEX IN, TOOLS) STYLESHEET
   ========================================================================== */

/* Header Khusus Blok Tambahan */
.abdimu-block-header {
  background: linear-gradient(135deg, #007a3d 0%, #005a2d 100%) !important;
  color: #ffffff !important;
  padding: 10px 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important; /* Diperbesar dari 13px */
  text-transform: uppercase !important;
  border-radius: 6px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-bottom: 3px solid #8cc63f !important;
}

/* Pseudo-Element Ikon Header Blok */
.abdimu-block-header::before {
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  display: inline-block !important;
  margin-right: 8px !important;
  color: #8cc63f !important;
}

.header-template::before { content: "\f016"; } /* File/Doc Icon */
.header-index::before    { content: "\f1c0"; } /* Database Icon */
.header-tools::before    { content: "\f085"; } /* Cogs/Tools Icon */

/* 1. JOURNAL TEMPLATE BUTTON */
.abdimu-template-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #f8fafc !important;
  color: #007a3d !important;
  padding: 14px !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #007a3d !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 13.5px !important; /* Diperbesar dari 12px */
  text-align: center !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
}

.abdimu-template-btn::before {
  font-family: "FontAwesome" !important;
  content: "\f1c2" !important; /* Word Doc Icon */
  font-size: 38px !important; /* Diperbesar dari 36px */
  margin-bottom: 6px !important;
  color: #007a3d !important;
  transition: color 0.2s ease !important;
}

.abdimu-template-btn:hover {
  background-color: #8cc63f !important;
  color: #003314 !important;
  border-color: #8cc63f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(140, 198, 63, 0.3) !important;
}

.abdimu-template-btn:hover::before {
  color: #003314 !important;
}

/* 2. GRID / STACK UNTUK LOGO INDEX IN & TOOLS */
.abdimu-logo-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.abdimu-logo-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  transition: all 0.2s ease-in-out !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

.abdimu-logo-item img {
  max-width: 100% !important;
  max-height: 42px !important;
  object-fit: contain !important;
}

.abdimu-logo-item:hover {
  border-color: #007a3d !important;
  transform: scale(1.02) !important;
  box-shadow: 0 4px 10px rgba(0, 122, 61, 0.12) !important;
}

/* Optimasi Mobile untuk Logo Grid */
@media screen and (max-width: 767px) {
  .abdimu-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}

/* ==========================================================================
   ABDIMU USER LOGIN BLOCK STYLESHEET
   ========================================================================== */

/* Header Blok User Login */
.header-user::before { 
  content: "\f007" !important; /* User Icon */
}

/* Form Container */
.abdimu-login-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 6px 4px !important;
  box-sizing: border-box !important;
}

/* Group Input & Label */
.abdimu-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  text-align: left !important;
}

.abdimu-form-group label {
  font-size: 12.5px !important; /* Diperbesar dari 11px */
  font-weight: 700 !important;
  color: #1e293b !important;
  letter-spacing: 0.3px !important;
}

/* Style Input Field (Username & Password) */
.abdimu-form-input {
  width: 100% !important;
  padding: 8px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 13.5px !important; /* Diperbesar dari 12px */
  background-color: #f8fafc !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease-in-out !important;
}

.abdimu-form-input:focus {
  outline: none !important;
  border-color: #007a3d !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 61, 0.15) !important;
}

/* Checkbox Remember Me */
.abdimu-checkbox-group {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12.5px !important; /* Diperbesar dari 11px */
  color: #475569 !important;
  font-weight: 600 !important;
  margin-top: 2px !important;
}

.abdimu-checkbox-group input[type="checkbox"] {
  accent-color: #007a3d !important; /* Hijau Abdimu */
  cursor: pointer !important;
  width: 15px !important; /* Diperbesar sedikit dari 14px */
  height: 15px !important;
}

/* Tombol Submit Login */
.abdimu-submit-btn {
  background-color: #007a3d !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important; /* Diperbesar dari 12px */
  cursor: pointer !important;
  letter-spacing: 0.5px !important;
  transition: all 0.2s ease-in-out !important;
  width: 100% !important;
  margin-top: 4px !important;
  box-shadow: 0 2px 4px rgba(0, 122, 61, 0.2) !important;
}

.abdimu-submit-btn:hover {
  background-color: #8cc63f !important; /* Hijau Lime saat hover */
  color: #003314 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(140, 198, 63, 0.3) !important;
}
/* ==========================================================================
   ABDIMU EDITORIAL TEAM PAGE STYLESHEET (PROPORTIONAL MOBILE OPTIMIZED)
   ========================================================================== */

.abdimu-editorial-container {
  width: 100% !important;
  margin: 0 auto 20px auto !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
}

/* Header Halaman Utama */
.abdimu-page-header {
  background: linear-gradient(135deg, #007a3d 0%, #005a2d 100%) !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
  border-radius: 8px !important;
  border-bottom: 3px solid #8cc63f !important;
  margin-bottom: 18px !important;
  box-shadow: 0 4px 10px rgba(0, 122, 61, 0.12) !important;
}

.abdimu-page-header h2 {
  color: #ffffff !important;
  margin: 0 0 4px 0 !important;
  font-size: 21px !important; /* Diperbesar dari 20px */
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.abdimu-page-header p {
  color: #8cc63f !important;
  margin: 0 !important;
  font-size: 13.5px !important; /* Diperbesar dari 12px */
  font-weight: 600 !important;
}

/* Title Seksi Editor */
.abdimu-section-title {
  color: #007a3d !important;
  font-size: 15px !important; /* Diperbesar dari 14px */
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding-bottom: 6px !important;
  margin: 20px 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.abdimu-section-title::after {
  content: "" !important;
  flex-grow: 1 !important;
  height: 2px !important;
  background-color: #8cc63f !important;
  margin-left: 10px !important;
}

/* Grid System Desktop */
.abdimu-team-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}

.abdimu-team-grid.single-grid {
  grid-template-columns: 1fr !important;
}

/* Base Card Style */
.abdimu-member-card {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #007a3d !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease-in-out !important;
  box-sizing: border-box !important;
}

.abdimu-member-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 122, 61, 0.1) !important;
  border-left-color: #8cc63f !important;
}

.abdimu-member-card.chief-card {
  background: linear-gradient(to right, #f4fbf7 0%, #ffffff 100%) !important;
  border-left-width: 5px !important;
}

.member-avatar {
  font-size: 26px !important; /* Diperbesar dari 24px */
  color: #007a3d !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

.member-info {
  flex-grow: 1 !important;
}

.member-name {
  color: #1e293b !important;
  font-size: 15px !important; /* Diperbesar dari 14px */
  font-weight: 700 !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.3 !important;
}

.member-affiliation {
  color: #64748b !important;
  font-size: 12.5px !important; /* Diperbesar dari 11px */
  margin: 0 0 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* Badge ID Scopus & Sinta */
.member-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.badge-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11px !important; /* Diperbesar dari 10px */
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: all 0.2s ease-in-out !important;
}

.badge-sinta {
  background-color: #e0f2fe !important;
  color: #0369a1 !important;
  border: 1px solid #bae6fd !important;
}

.badge-sinta:hover {
  background-color: #0284c7 !important;
  color: #ffffff !important;
}

.badge-scopus {
  background-color: #fef3c7 !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
}

.badge-scopus:hover {
  background-color: #d97706 !important;
  color: #ffffff !important;
}


/* ==========================================================================
   PENYESUAIAN KHUSUS LAYAR HP (MOBILE APP-MATCHING UI)
   ========================================================================== */

@media screen and (max-width: 767px) {

  /* Force Kontainer & Header Ramping */
  .pkp_structure_main .abdimu-editorial-container,
  div.abdimu-editorial-container {
    margin-bottom: 12px !important;
  }

  .pkp_structure_main .abdimu-page-header,
  div.abdimu-page-header {
    padding: 10px 12px !important;
    margin-bottom: 12px !important;
    border-radius: 6px !important;
  }

  .pkp_structure_main .abdimu-page-header h2 {
    font-size: 16px !important; /* Diperbesar dari 15px */
  }

  .pkp_structure_main .abdimu-page-header p {
    font-size: 11.5px !important; /* Diperbesar dari 10px */
  }

  /* Force Judul Seksi Rapat */
  .pkp_structure_main .abdimu-section-title {
    font-size: 13.5px !important; /* Diperbesar dari 12px */
    margin: 14px 0 8px 0 !important;
    padding-bottom: 4px !important;
  }

  /* Force Layout Grid 1 Kolom Ringkas */
  .pkp_structure_main .abdimu-team-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important; /* Jarak antar kartu diselaraskan dengan gap sidebar */
  }

  /* Force Kartu Anggota Padat & Ramping */
  .pkp_structure_main .abdimu-member-card,
  div.abdimu-member-card {
    padding: 8px 10px !important; /* Padding vertikal dipangkas agar sejajar rapat */
    gap: 8px !important;
    border-radius: 6px !important;
    border-left-width: 3px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  }

  /* Force Ikon Avatar */
  .pkp_structure_main .member-avatar,
  div.member-avatar {
    font-size: 20px !important; /* Diperbesar dari 18px */
    margin-top: 1px !important;
  }

  /* Force Ukuran Font Nama Editor */
  .pkp_structure_main .member-name,
  h3.member-name {
    font-size: 13.5px !important; /* Diperbesar dari 12px */
    font-weight: 700 !important;
    margin: 0 0 2px 0 !important;
    line-height: 1.25 !important;
  }

  /* Force Afiliasi Institusi */
  .pkp_structure_main .member-affiliation,
  p.member-affiliation {
    font-size: 11.5px !important; /* Diperbesar dari 10px */
    margin: 0 0 5px 0 !important;
    line-height: 1.2 !important;
  }

  /* Force Badge ID Scopus & Sinta */
  .pkp_structure_main .member-badges {
    gap: 4px !important;
  }

  .pkp_structure_main .badge-link,
  a.badge-link {
    font-size: 10px !important; /* Diperbesar dari 9px */
    padding: 2px 7px !important;
    border-radius: 10px !important;
    line-height: 1.2 !important;
  }
}



.abdimu-footer-wrapper {
    background: linear-gradient(135deg, #005a2d 0%, #00381c 100%) !important;
    color: #e2e8f0 !important;
    padding: 30px 20px 20px 20px !important;
    border-top: 4px solid #8cc63f !important;
    border-radius: 8px 8px 0 0 !important;
    margin-top: 30px !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
  }

  .abdimu-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
  }

  .abdimu-footer-col h4 {
    color: #ffffff !important;
    font-size: 15px !important; /* Diperbesar dari 14px */
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    border-bottom: 2px solid #8cc63f !important;
    padding-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .abdimu-footer-col p,
  .abdimu-footer-col ul {
    font-size: 13px !important; /* Diperbesar dari 12px */
    line-height: 1.6 !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .abdimu-footer-col ul li {
    margin-bottom: 6px !important;
  }

  .abdimu-footer-col ul li a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
  }

  .abdimu-footer-col ul li a:hover {
    color: #8cc63f !important;
    padding-left: 4px !important;
  }

  .abdimu-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 12px !important; /* Diperbesar dari 11px */
    color: #94a3b8 !important;
  }

  .abdimu-footer-bottom a {
    color: #8cc63f !important;
    text-decoration: none !important;
  }

  .abdimu-pkp-brand img {
    height: 32px !important;
    width: auto !important;
    opacity: 0.85 !important;
    transition: opacity 0.2s ease-in-out !important;
  }

  .abdimu-pkp-brand img:hover {
    opacity: 1 !important;
  }

  /* Sembunyikan kontainer elemen bawaan PKP jika berada di luar footer wrapper */
  .pkp_brand_footer {
    display: none !important;
  }

  @media screen and (max-width: 767px) {
    .abdimu-footer-wrapper {
      padding: 20px 14px 16px 14px !important;
    }
    .abdimu-footer-grid {
      grid-template-columns: 1fr !important;
      gap: 18px !important;
    }
    .abdimu-footer-bottom {
      flex-direction: column !important;
      text-align: center !important;
    }
  }