/* Al Ibrah - Tampilan halaman depan (gaya seperti Alfaz, warna hijau Al Ibrah) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Amiri:wght@400;700&display=swap');

.ibrah-hero-container {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(46, 125, 50, 0.08);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    transition: all 0.4s ease;
}

/* Header Section */
.ibrah-compact-header {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 25px;
    padding: 30px;
    background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%);
    border-bottom: 1px solid #edf2f7;
    position: relative;  /* Tambahan: Sebagai acuan posisi badge */
    align-items: start;  /* Tambahan: Membuat gambar cover otomatis rata atas */
}
/* Interaksi pada Cover (Efek Mengambang) */
.ibrah-floating-cover {
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display: block;
}

.ibrah-floating-cover img {
    width: 100%;
    filter: drop-shadow(5px 12px 20px rgba(0,0,0,0.15));
    border-radius: 2px 10px 10px 2px;
}

.ibrah-floating-cover:hover {
    transform: translateY(-10px) rotate(-3deg);
}

.ibrah-title-main {
    font-size: 20px !important;
    color: #1b5e20;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 15px 0 !important;
}

/* Bar Informasi dengan Hover Highlight */
.ibrah-stats-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Tetap satu baris di desktop */
    width: 100%;
    background: #f8fafc;
    border-bottom: 1px solid #edf2f7;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ibrah-stat-item {
    /* Padding atas-bawah 15px, kiri-kanan 20px agar teks tidak mepet garis */
    padding: 15px 20px; 
    text-align: center;
    border-right: 1px solid #edf2f7;
    transition: all 0.3s ease;
    
    /* Inti modifikasi: menyesuaikan isi tapi tetap mengisi ruang */
    flex: 1 1 auto; 
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0; /* Mencegah kolom meluber jika teks sangat panjang */
}

.ibrah-stat-item:hover { 
    background: #2e7d32 ;
    color: #fff;
}

.ibrah-stat-item strong {
    display: block;
    font-size: 9px;
    color: #64748b;
    text-transform: uppercase;
}

.ibrah-stat-item strong:hover {
    color: #fff;
}

.ibrah-stat-item span, .ibrah-stat-item a {
    font-size: 13px;
    font-weight: 600;
    color: #2d3748;
    text-decoration: none !important;
}

/* Update pada Section 7 untuk Efek ISSN Khusus */
.ibrah-stat-item a {
    display: inline-block; /* Agar transformasi ukuran (scale) bekerja maksimal */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Efek saat box info atau link ISSN di-hover */
.ibrah-stat-item:hover a {
    color: #ffffff !important; /* Warna teks menjadi putih */
    transform: scale(1.2);      /* Ukuran membesar 20% */
    text-shadow: 0 2px 10px rgba(0,0,0,0.2); /* Memberi sedikit kedalaman agar teks putih terbaca jelas */
}

/* Pastikan label strong juga berubah putih saat di-hover agar seragam */
.ibrah-stat-item:hover strong {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Konten Utama */
.ibrah-body-content { padding: 30px; }

.ibrah-section-box {
    margin-bottom: 25px;
    animation: fadeInUp 0.6s ease-out backwards;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.ibrah-h3 {
    font-size: 15px;
    color: #2e7d32;
    font-weight: 700;
    border-left: 4px solid #2e7d32;
    padding-left: 12px;
    margin-bottom: 15px;
}

/* Tag Scope Interaktif */
.ibrah-scope-tag {
    display: inline-block;
    background: #f1f5f9;
    color: #475569;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 11px;
    border: 1px solid #e2e8f0;
    margin: 2px;
    transition: all 0.3s ease;
}

.ibrah-scope-tag:hover {
    background: #2e7d32;
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 4px 10px rgba(46, 125, 50, 0.2);
}

/* TOMBOL AKSI dengan warna aksen #2e7d32 */
.hero-action-buttons {
    margin-top: 25px;
    display: flex;
    gap: 15px;
}

.btn-submit, .btn-current {
    position: relative;
    padding: 6px 15px;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 12px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.btn-submit {
    background: linear-gradient(135deg, #2e7d32, #1b5e20);
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(46, 125, 50, 0.2);
}

.btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(46, 125, 50, 0.4);
    background: linear-gradient(135deg, #43a047, #2e7d32);
}

.btn-current {
    background: #6d6a1f;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(44, 62, 80, 0.2);
}

.btn-current:hover {
    background: #4e4b12;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(44, 62, 80, 0.3);
}

.btn-submit::after, .btn-current::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(30deg);
    transition: all 0.6s ease;
}

.btn-submit:hover::after, .btn-current:hover::after {
    left: 120%;
}

.btn-submit:active, .btn-current:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
    .ibrah-compact-header { grid-template-columns: 1fr; text-align: center; }
    .ibrah-stats-bar { display: grid; grid-template-columns: repeat(2, 1fr); }
    .ibrah-floating-cover img { width: 160px; margin: 0 auto; }
}



/* Kolom kiri: flex vertikal agar cover dan badge bertumpuk */
.ibrah-left-col {
    display: flex;
    flex-direction: column;
    align-items: center;  /* opsional: pusatkan secara horizontal */
justify-content: flex-start;
}

/* Memindah badge ke sudut kanan bawah (samping tombol) */
.small-badge-below-cover {
    position: absolute;
    right: 30px;         /* Jarak dari dinding kanan header (menyamakan padding) */
    bottom: 25px;        /* Jarak dari bawah sejajar area tombol */
    margin: 0;
    text-align: right;
    width: auto;
}

.small-badge-below-cover img {
    width: 150px !important;     /* Menyesuaikan ukuran badge agar proporsional di kanan */
    max-width: 150px !important;
    height: auto !important;
    display: inline-block !important;
    border-radius: 4px;
    transition: transform 0.2s ease;
}
.small-badge-below-cover img:hover {
    transform: scale(1.05);
}

/* Responsif */
@media (max-width: 768px) {
    .ibrah-compact-header { 
        grid-template-columns: 1fr; 
        text-align: center; 
        padding-bottom: 30px;
    }
    .ibrah-stats-bar { display: grid; grid-template-columns: repeat(2, 1fr); }
    .ibrah-floating-cover img { width: 160px; margin: 0 auto; }
    
    /* Pengaturan badge khusus di layar HP */
    .small-badge-below-cover {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        right: auto;
        text-align: center;
    }
    .small-badge-below-cover img {
        width: 90px !important;
        max-width: 90px !important;
    }
}


/* ============================================
   8. SUBMISSION REQUIREMENTS (FOOTER MODERN)
   ============================================ */
.ibrah-hero-footer ul {
  margin: 8px 0 0 0 !important;
  padding-left: 20px !important;
  list-style-type: disc !important;
}

.ibrah-hero-footer li {
  margin-bottom: 6px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #444 !important;
}

.submission-box {
  flex: 1;
  min-width: 200px;
  background: #f4f9ee;
  padding: 12px;
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.submission-reject-box {
  flex: 1;
  min-width: 200px;
  background: rgb(46 125 50 / 14%);
  padding: 12px;
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.submission-box:hover,
.submission-reject-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  background: #e8f5e0;
}

.submission-box strong,
.submission-reject-box strong {
  color: #2e7d32;
  font-size: 15px;
  display: block;
  margin-bottom: 8px;
}

.submission-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
}

.submission-note {
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
  color: #555;
  font-style: italic;
}

@media (max-width: 768px) {
  .submission-flex {
    flex-direction: column;
    gap: 12px;
  }
  .submission-box {
    min-width: auto;
  }
}


@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.ibrah-hero-container { font-family: 'Poppins', Helvetica, sans-serif !important; animation: fadeIn 0.8s ease-out; }

/* Efek kilau putih pada kotak info */
.ibrah-stat-item { position: relative; overflow: hidden; }
.ibrah-stat-item::after {
    content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%;
    background: rgba(255, 255, 255, 0.25); transform: rotate(30deg); transition: all 0.6s ease; pointer-events: none;
}
.ibrah-stat-item:hover::after { left: 120%; }

/* ============================================
   LATAR BELAKANG BERMOTIF (di luar area halaman)
   Motif bintang delapan (khatam) hijau lembut
   ============================================ */
html, body {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%232e7d32' stroke-opacity='0.16' stroke-width='1.2'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Crect x='22' y='22' width='36' height='36' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3Cpath d='M0 0L14 14M80 0L66 14M0 80L14 66M80 80L66 66'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
}

/* ============================================
   PERAPATAN JARAK
   ============================================ */
/* Jarak kotak info ke Focus and Scope */
.ibrah-body-content { padding: 18px 30px 10px 30px !important; }
.ibrah-h3 { margin-top: 0 !important; margin-bottom: 12px !important; }
.ibrah-section-box { margin-bottom: 18px !important; }
.ibrah-section-box:last-child { margin-bottom: 0 !important; }
/* Paragraf kosong yang ditambahkan editor OJS */
.ibrah-hero-container p:empty, .ibrah-hero-container br + br { display: none !important; }
.ibrah-hero-container + p:empty, .homepage_about p:empty { display: none !important; }
/* Jarak Contact ke Current Issue */
.homepage_about { margin-bottom: 10px !important; padding-bottom: 0 !important; }
.homepage_about .ibrah-hero-container { margin-bottom: 0 !important; }
.current_issue { margin-top: 10px !important; padding-top: 0 !important; }
.current_issue h2, .homepage_issue h2 { margin-top: 10px !important; }

/* ============================================
   TAMBAHAN: Arab, Call for Papers, Alur, Indexing
   ============================================ */
.ibrah-arabic { font-family: 'Amiri', 'Traditional Arabic', serif; font-size: 22px; color: #9a7a1e; margin: -6px 0 12px 0 !important; text-align: left; }
.ibrah-cfp { position: relative; overflow: hidden; border-radius: 14px; padding: 24px 26px;
  background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 55%, #43a047 100%); color: #fff; box-shadow: 0 10px 25px rgba(46,125,50,.25); }
.ibrah-cfp::after { content: ''; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,235,59,.35), rgba(255,235,59,0) 70%); }
.ibrah-cfp-badge { display: inline-block; background: #f4e04d; color: #1b5e20; font-weight: 700; font-size: 11px; letter-spacing: 2px; padding: 4px 12px; border-radius: 20px; }
.ibrah-cfp-title { font-size: 22px; font-weight: 700; margin: 10px 0 6px; }
.ibrah-cfp-text { font-size: 14px; line-height: 1.7; color: #e8f5e9; margin: 0 0 14px !important; }
.ibrah-cfp-deadline { display: inline-flex; flex-direction: column; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); border-radius: 10px; padding: 8px 16px; margin: 0 14px 10px 0; vertical-align: middle; }
.ibrah-cfp-deadline strong { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: #f4e04d; }
.ibrah-cfp-deadline span { font-size: 18px; font-weight: 700; }
.ibrah-cfp .btn-submit { background: #f4e04d !important; color: #1b5e20 !important; font-weight: 700; vertical-align: middle; }
.ibrah-steps { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 10px; }
.ibrah-step { position: relative; background: #f4f9ee; border: 1px solid #dcebd2; border-radius: 12px; padding: 14px 8px 12px; text-align: center; transition: all .3s ease; }
.ibrah-step:hover { background: #2e7d32; color: #fff; transform: translateY(-3px); }
.ibrah-step:hover small { color: #e8f5e9; }
.ibrah-step-no { display: inline-flex; width: 30px; height: 30px; border-radius: 50%; background: #2e7d32; color: #fff; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; margin-bottom: 6px; }
.ibrah-step:hover .ibrah-step-no { background: #f4e04d; color: #1b5e20; }
.ibrah-step strong { display: block; font-size: 13px; }
.ibrah-step small { display: block; font-size: 11px; color: #5e6b60; line-height: 1.4; margin-top: 3px; }
.ibrah-index { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.ibrah-index a { display: flex; align-items: center; justify-content: center; height: 78px; background: #fff; border: 1px solid #e3ece0; border-radius: 12px; padding: 10px; transition: all .3s ease; }
.ibrah-index a:hover { border-color: #2e7d32; box-shadow: 0 8px 18px rgba(46,125,50,.15); transform: translateY(-3px); }
.ibrah-index img { max-width: 100%; max-height: 56px; object-fit: contain; }
@media (max-width: 768px) {
  .ibrah-steps { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ibrah-index { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* ============================================
   MENU SAMPING (SIDEBAR) - satu kartu putih lapang, hover hijau berkilau
   ============================================ */
.ibrah-side-menu {
    display: flex; flex-direction: column; margin: 8px 0 14px;
    background: #ffffff; border: 1px solid #e8ede6; border-radius: 14px; overflow: hidden;
    box-shadow: 0 6px 20px rgba(30,60,30,.06);
}
.ibrah-side-item {
    position: relative; overflow: hidden; display: block;
    background: transparent; border: 0; border-bottom: 1px solid #f0f3ef;
    padding: 13px 40px 13px 18px; margin: 0 !important;
    font-family: 'Poppins', Helvetica, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .6px; line-height: 1.4;
    color: #3a4a3d !important; text-decoration: none !important; transition: all .35s ease;
}
.ibrah-side-item:last-child { border-bottom: 0; }
.ibrah-side-item::before {
    content: '›'; position: absolute; right: 16px; top: 50%; transform: translateY(-52%);
    font-size: 18px; color: #b5c2b3; transition: all .35s ease;
}
.ibrah-side-item::after {
    content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%;
    background: rgba(255,255,255,.35); transform: rotate(30deg); transition: all .6s ease; pointer-events: none;
}
.ibrah-side-item:hover {
    background: linear-gradient(135deg, #2e7d32, #1b5e20); color: #ffffff !important;
    padding-left: 24px; border-bottom-color: transparent;
}
.ibrah-side-item:hover::before { color: #f4e04d; right: 12px; }
.ibrah-side-item:hover::after { left: 120%; }
.ibrah-side-menu br { display: none; }

/* ============================================
   BLOK SAMPING LAIN: Template, Tools, Indexing, Statistik
   ============================================ */
.ibrah-side-card { background: #fff; border: 1px solid #e8ede6; border-radius: 14px; box-shadow: 0 6px 20px rgba(30,60,30,.06); padding: 16px; margin: 6px 0 16px; }
.ibrah-side-title { font-family: 'Poppins', Helvetica, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .5px; color: #1b5e20; border-left: 4px solid #2e7d32; padding-left: 10px; margin: 0 0 12px; text-transform: uppercase; }
.ibrah-dl { position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 0 0 8px; border: 1px solid #eef2ec; border-radius: 10px; background: #f8fafc; text-decoration: none !important; transition: all .35s ease; }
.ibrah-dl:last-child { margin-bottom: 0; }
.ibrah-dl-ico { flex-shrink: 0; width: 38px; height: 38px; border-radius: 9px; background: #e8f5e0; color: #2e7d32; display: flex; align-items: center; justify-content: center; transition: all .35s ease; }
.ibrah-dl-txt b { display: block; font-family: 'Poppins', Helvetica, sans-serif; font-size: 13px; color: #2d3748; }
.ibrah-dl-txt small { display: block; font-family: 'Poppins', Helvetica, sans-serif; font-size: 11px; color: #7a867c; }
.ibrah-dl::after, .ibrah-logo-tile::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.35); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-dl:hover { background: linear-gradient(135deg, #2e7d32, #1b5e20); border-color: #1b5e20; box-shadow: 0 6px 16px rgba(46,125,50,.3); }
.ibrah-dl:hover .ibrah-dl-ico { background: #f4e04d; color: #1b5e20; }
.ibrah-dl:hover b { color: #fff; } .ibrah-dl:hover small { color: #d7ecd8; }
.ibrah-dl:hover::after, .ibrah-logo-tile:hover::after { left: 120%; }
.ibrah-logo-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.ibrah-logo-tile { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 64px; padding: 8px 10px; background: #fff; border: 1px solid #eef2ec; border-radius: 10px; transition: all .35s ease; }
.ibrah-logo-tile.ibrah-wide { grid-column: 1 / -1; }
.ibrah-logo-tile img { max-width: 100%; max-height: 46px; width: auto !important; height: auto !important; object-fit: contain; }
.ibrah-logo-tile:hover { border-color: #2e7d32; transform: translateY(-3px); box-shadow: 0 8px 18px rgba(46,125,50,.15); }
.ibrah-side-card > .ibrah-logo-tile { margin-bottom: 10px; }
.ibrah-flag { text-align: center; margin: 0 0 8px; } .ibrah-flag img { max-width: 100%; border-radius: 8px; }
.ibrah-stat-link { display: block; text-align: center; font-size: 12px; font-weight: 600; color: #2e7d32 !important; text-decoration: none !important; }
.ibrah-stat-link:hover { text-decoration: underline !important; }
.ibrah-side-card p:empty, .ibrah-side-card br { display: none; }

/* ============================================
   BLOK TEMPLATE (menonjol, hijau, tombol putih)
   ============================================ */
.ibrah-tpl-card { position: relative; overflow: hidden; border-radius: 16px; padding: 18px 16px 16px; margin: 6px 0 16px;
  background: linear-gradient(145deg, #1b5e20 0%, #2e7d32 55%, #43a047 100%); box-shadow: 0 10px 24px rgba(46,125,50,.28); }
.ibrah-tpl-card::before { content: ''; position: absolute; right: -50px; top: -50px; width: 170px; height: 170px; border-radius: 50%;
  background: radial-gradient(circle, rgba(244,224,77,.4), rgba(244,224,77,0) 70%); pointer-events: none; }
.ibrah-tpl-badge { display: inline-block; background: #f4e04d; color: #1b5e20 !important; font-family: 'Poppins', Helvetica, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; padding: 3px 10px; border-radius: 20px; }
.ibrah-tpl-title { font-family: 'Poppins', Helvetica, sans-serif; font-size: 17px; font-weight: 700; color: #ffffff !important; margin: 8px 0 4px; line-height: 1.3; }
.ibrah-tpl-sub { font-family: 'Poppins', Helvetica, sans-serif; font-size: 11.5px; line-height: 1.5; color: #dcefdc !important; margin-bottom: 12px; }
.ibrah-tpl-btn { position: relative; overflow: hidden; display: flex !important; align-items: center; gap: 10px; background: #ffffff; border-radius: 10px;
  padding: 9px 40px 9px 9px; margin: 0 0 8px; text-decoration: none !important; box-shadow: 0 2px 6px rgba(0,0,0,.08); transition: all .35s ease; }
.ibrah-tpl-btn:last-child { margin-bottom: 0; }
.ibrah-tpl-btn::before { content: ''; position: absolute; right: 12px; top: 50%; width: 18px; height: 18px; margin-top: -9px; transition: all .35s ease;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E") center/contain no-repeat; }
.ibrah-tpl-btn::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.45); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-tpl-lang { flex-shrink: 0; width: 34px; height: 34px; border-radius: 8px; background: #e8f5e0; color: #1b5e20 !important; display: flex; align-items: center; justify-content: center;
  font-family: 'Poppins', Helvetica, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .5px; transition: all .35s ease; }
.ibrah-tpl-name { font-family: 'Poppins', Helvetica, sans-serif; font-size: 13px; font-weight: 600; color: #1f3d22 !important; }
.ibrah-tpl-btn:hover { background: #f4e04d; transform: translateX(4px); box-shadow: 0 6px 14px rgba(0,0,0,.18); }
.ibrah-tpl-btn:hover .ibrah-tpl-lang { background: #1b5e20; color: #f4e04d !important; }
.ibrah-tpl-btn:hover::before { right: 9px; }
.ibrah-tpl-btn:hover::after { left: 120%; }
.ibrah-tpl-card p:empty, .ibrah-tpl-card br { display: none; }

/* ============================================
   INFO JURNAL: 3 kelompok kartu (gaya Publication Workflow)
   ============================================ */
.ibrah-info { padding: 22px 30px 4px; }
.ibrah-info-group { margin-bottom: 18px; }
.ibrah-info-grid { display: grid; gap: 10px; }
.ibrah-cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ibrah-cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.ibrah-cols-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
.ibrah-info-card { position: relative; overflow: hidden; background: #f4f9ee; border: 1px solid #dcebd2; border-radius: 12px;
  padding: 14px 10px 12px; text-align: center; transition: all .3s ease; display: flex; flex-direction: column; justify-content: center; }
.ibrah-info-card strong { display: block; font-size: 13px; font-weight: 700; color: #1f2d21; margin-bottom: 4px; }
.ibrah-info-card span, .ibrah-info-card a { display: block; font-size: 12px; line-height: 1.45; color: #5e6b60 !important; text-decoration: none !important; }
.ibrah-info-card::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.3); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-info-card:hover { background: #2e7d32; border-color: #2e7d32; transform: translateY(-3px); box-shadow: 0 8px 18px rgba(46,125,50,.22); }
.ibrah-info-card:hover strong { color: #fff; }
.ibrah-info-card:hover span, .ibrah-info-card:hover a { color: #e8f5e9 !important; }
.ibrah-info-card:hover::after { left: 120%; }
.ibrah-info + .ibrah-body-content { padding-top: 4px !important; }
@media (max-width: 768px) {
  .ibrah-cols-3, .ibrah-cols-4, .ibrah-cols-5 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ibrah-info { padding: 18px 16px 4px; }
}


/* ============================================
   INFO JURNAL - versi elegan (kartu putih, ikon, tipografi seragam)
   ============================================ */
.ibrah-info-card { background: #ffffff !important; border: 1px solid #e6ede3 !important; border-top: 3px solid #cfe3c6 !important;
  border-radius: 12px !important; padding: 16px 12px 14px !important; min-height: 118px; justify-content: flex-start !important;
  box-shadow: 0 2px 8px rgba(30,60,30,.04); }
.ibrah-info-card::before { content: ''; display: block; width: 34px; height: 34px; margin: 0 auto 8px; border-radius: 50%;
  background-color: #eef6ea; background-repeat: no-repeat; background-position: center; background-size: 18px 18px; transition: all .3s ease; }
.ibrah-info-card strong { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: #1f2d21 !important; margin: 0 0 3px !important; letter-spacing: .2px; }
.ibrah-info-card span, .ibrah-info-card a, .ibrah-info-card span *, .ibrah-info-card a * {
  font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #6b776d !important; }
.ibrah-info-card:hover { background: linear-gradient(145deg, #2e7d32, #1b5e20) !important; border-color: #1b5e20 !important; border-top-color: #f4e04d !important; }
.ibrah-info-card:hover::before { background-color: rgba(255,255,255,.16); }
.ibrah-info-card:hover strong { color: #ffffff !important; }
.ibrah-info-card:hover span, .ibrah-info-card:hover a, .ibrah-info-card:hover span *, .ibrah-info-card:hover a * { color: #dcefdc !important; }
.ibrah-info-group .ibrah-h3 { margin-bottom: 12px !important; }
.ibrah-info-group { margin-bottom: 22px !important; }
.ibrah-ic-id::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Ccircle cx=%229%22 cy=%2212%22 r=%222.5%22/%3E%3Cpath d=%22M14 10h4M14 14h3%22/%3E%3C/svg%3E"); }
.ibrah-ic-id:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Ccircle cx=%229%22 cy=%2212%22 r=%222.5%22/%3E%3Cpath d=%22M14 10h4M14 14h3%22/%3E%3C/svg%3E"); }
.ibrah-ic-link::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1%22/%3E%3Cpath d=%22M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1%22/%3E%3C/svg%3E"); }
.ibrah-ic-link:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1%22/%3E%3Cpath d=%22M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1%22/%3E%3C/svg%3E"); }
.ibrah-ic-award::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%229%22 r=%225.5%22/%3E%3Cpath d=%22M8.5 13.5 7 21l5-3 5 3-1.5-7.5%22/%3E%3C/svg%3E"); }
.ibrah-ic-award:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%229%22 r=%225.5%22/%3E%3Cpath d=%22M8.5 13.5 7 21l5-3 5 3-1.5-7.5%22/%3E%3C/svg%3E"); }
.ibrah-ic-cal::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18M8 3v4M16 3v4%22/%3E%3C/svg%3E"); }
.ibrah-ic-cal:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18M8 3v4M16 3v4%22/%3E%3C/svg%3E"); }
.ibrah-ic-bank::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 10 12 4l9 6%22/%3E%3Cpath d=%22M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18%22/%3E%3C/svg%3E"); }
.ibrah-ic-bank:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 10 12 4l9 6%22/%3E%3Cpath d=%22M5 10v8M9.5 10v8M14.5 10v8M19 10v8M3 20h18%22/%3E%3C/svg%3E"); }
.ibrah-ic-users::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.5a3.5 3.5 0 0 1 0 7M18 14a5 5 0 0 1 3.5 6%22/%3E%3C/svg%3E"); }
.ibrah-ic-users:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.5%22/%3E%3Cpath d=%22M2.5 20a6.5 6.5 0 0 1 13 0%22/%3E%3Cpath d=%22M16 4.5a3.5 3.5 0 0 1 0 7M18 14a5 5 0 0 1 3.5 6%22/%3E%3C/svg%3E"); }
.ibrah-ic-user::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21a8 8 0 0 1 16 0%22/%3E%3C/svg%3E"); }
.ibrah-ic-user:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21a8 8 0 0 1 16 0%22/%3E%3C/svg%3E"); }
.ibrah-ic-globe::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/svg%3E"); }
.ibrah-ic-globe:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18%22/%3E%3C/svg%3E"); }
.ibrah-ic-eye::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E"); }
.ibrah-ic-eye:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E"); }
.ibrah-ic-shield::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E"); }
.ibrah-ic-shield:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E"); }
.ibrah-ic-cc::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M10.5 9.5a3 3 0 1 0 0 5M16.5 9.5a3 3 0 1 0 0 5%22/%3E%3C/svg%3E"); }
.ibrah-ic-cc:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M10.5 9.5a3 3 0 1 0 0 5M16.5 9.5a3 3 0 1 0 0 5%22/%3E%3C/svg%3E"); }

/* ============================================
   CURRENT ISSUE & DAFTAR ARTIKEL (berlaku juga di halaman Issue)
   ============================================ */
.current_issue > h2 { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 2px; text-transform: uppercase; color: #1b5e20 !important; border-left: 4px solid #2e7d32; padding-left: 12px; border-bottom: 0 !important; }
.current_issue > h2::after { display: none !important; }
.current_issue_title { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 20px !important; font-weight: 700 !important; color: #1f2d21 !important; margin: 6px 0 16px !important; }
/* Kepala terbitan: sampul + tanggal terbit dalam satu kartu */
.obj_issue_toc .heading { display: flex; align-items: center; gap: 26px; background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-radius: 16px; padding: 22px 26px; margin-bottom: 26px; box-shadow: 0 6px 20px rgba(30,60,30,.05); }
.obj_issue_toc .heading .cover { flex-shrink: 0; margin: 0 !important; float: none !important; transition: transform .5s cubic-bezier(.175,.885,.32,1.275); }
.obj_issue_toc .heading .cover img { width: 150px !important; max-width: 150px !important; height: auto; border-radius: 3px 8px 8px 3px; box-shadow: 6px 12px 22px rgba(0,0,0,.18); }
.obj_issue_toc .heading .cover:hover { transform: translateY(-6px) rotate(-2deg); }
.obj_issue_toc .heading .published { margin: 0 !important; display: inline-flex; flex-direction: column; background: #fff; border: 1px solid #dcebd2; border-radius: 12px; padding: 12px 18px; }
.obj_issue_toc .heading .published .label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px; text-transform: uppercase; color: #2e7d32 !important; }
.obj_issue_toc .heading .published .value { margin: 0 !important; padding: 0 !important; font-size: 17px !important; font-weight: 700 !important; color: #1f2d21 !important; }
.obj_issue_toc .section > h3 { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #1b5e20 !important; border-left: 4px solid #2e7d32; padding-left: 12px; margin: 0 0 14px !important; }
/* Kartu artikel */
.obj_issue_toc .cmp_article_list > li { border: 0 !important; padding: 0 !important; margin: 0 0 14px !important; }
.obj_issue_toc .cmp_article_list > li::before, .obj_issue_toc .cmp_article_list > li::after { border: 0 !important; }
.obj_article_summary { position: relative; background: #fff; border: 1px solid #e6ede3; border-left: 4px solid #e6ede3; border-radius: 14px; padding: 18px 22px 16px; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .3s ease; }
.obj_article_summary:hover { border-left-color: #2e7d32; box-shadow: 0 10px 26px rgba(46,125,50,.12); transform: translateY(-2px); }
.obj_article_summary .title { margin: 0 0 10px !important; line-height: 1.45 !important; }
.obj_article_summary .title a { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #1b5e20 !important; text-decoration: none !important; transition: color .25s ease; }
.obj_article_summary .title a:hover { color: #43a047 !important; }
.obj_article_summary .meta { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.obj_article_summary .authors { font-size: 13px !important; line-height: 1.6 !important; color: #6b776d !important; }
.obj_article_summary .authors b { color: #2d3748 !important; font-weight: 600 !important; }
.obj_article_summary .pages { flex-shrink: 0; background: #eef6ea; color: #1b5e20 !important; font-size: 12px !important; font-weight: 600; border-radius: 20px; padding: 4px 12px; white-space: nowrap; }
.obj_article_summary .pages .fa { color: #2e7d32; margin-right: 4px; }
.obj_article_summary .article_statistic { display: flex; flex-wrap: wrap-reverse; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed #e3ece0; }
.obj_article_summary .stats { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px !important; }
.obj_article_summary .stats .doi_link { background: #f4f9ee; border: 1px solid #dcebd2; border-radius: 20px; padding: 3px 12px; color: #1b5e20 !important; text-decoration: none !important; font-size: 12px !important; }
.obj_article_summary .stats .doi_link:hover { background: #2e7d32; color: #fff !important; }
.obj_article_summary .stats .article_stat, .obj_article_summary .stats .galley_stat { background: #f8fafc; border: 1px solid #eef2ec; border-radius: 20px; padding: 3px 12px; color: #6b776d !important; }
.obj_article_summary .stats .fa { color: #2e7d32; margin-right: 3px; }
.obj_article_summary .galley_list, .obj_article_summary .galleys_links { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.obj_article_summary .obj_galley_link { position: relative; overflow: hidden; display: inline-flex !important; align-items: center; background: linear-gradient(135deg, #2e7d32, #1b5e20) !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; padding: 7px 20px !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 1px; box-shadow: 0 4px 12px rgba(46,125,50,.25); transition: all .35s ease; }
.obj_article_summary .obj_galley_link::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.3); transform: rotate(30deg); transition: all .6s ease; }
.obj_article_summary .obj_galley_link:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(46,125,50,.35); }
.obj_article_summary .obj_galley_link:hover::after { left: 120%; }
@media (max-width: 768px) {
  .obj_issue_toc .heading { flex-direction: column; text-align: center; }
  .obj_article_summary .meta { flex-direction: column; }
}

/* ---- Sentuhan kuning pada Current Issue ---- */
.current_issue > h2, .obj_issue_toc .section > h3 { border-left: 0 !important; padding-left: 16px !important; position: relative; }
.current_issue > h2::before, .obj_issue_toc .section > h3::before { content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 5px; border-radius: 3px; background: linear-gradient(180deg, #f4e04d 0 35%, #2e7d32 35% 100%); }
.obj_issue_toc .heading { border-top: 4px solid #f4e04d !important; }
.obj_issue_toc .heading .published { background: linear-gradient(135deg, #2e7d32, #1b5e20) !important; border: 0 !important; box-shadow: 0 6px 16px rgba(46,125,50,.25); }
.obj_issue_toc .heading .published .label { color: #f4e04d !important; }
.obj_issue_toc .heading .published .value { color: #fff !important; }
.obj_article_summary:hover { border-left-color: #f4e04d !important; }
.obj_article_summary .pages { background: #fdf8d8 !important; border: 1px solid #f4e04d; }
.obj_article_summary .pages .fa { color: #b59a00 !important; }
.obj_article_summary .obj_galley_link:hover { background: #f4e04d !important; color: #1b5e20 !important; }
.obj_article_summary .stats .doi_link:hover { background: #f4e04d !important; border-color: #f4e04d !important; color: #1b5e20 !important; }

/* ============================================
   FOOTER (Page Footer)
   ============================================ */
.pkp_structure_footer_wrapper { position: relative; background: linear-gradient(135deg, #1b5e20 0%, #12401a 100%) !important; border-top: 5px solid #f4e04d !important; color: #e3efe0 !important; }
.pkp_structure_footer { background: transparent !important; }
.pkp_footer_content { padding-top: 40px !important; padding-bottom: 20px !important; }
.pkp_footer_content p { color: #d6e6d2 !important; font-size: 13.5px !important; line-height: 1.8 !important; margin: 0 0 10px !important; }
.pkp_footer_content a { color: #ffffff !important; text-decoration: none !important; transition: color .25s ease; }
.pkp_footer_content a:hover { color: #f4e04d !important; }
.ibrah-footer { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 30px 34px; }
.ibrah-foot-brand { display: flex; gap: 16px; align-items: flex-start; }
.ibrah-foot-brand img { width: 64px !important; height: auto !important; float: none !important; background: #fff; border-radius: 12px; padding: 6px; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.pkp_footer_content .ibrah-foot-name { font-family: 'Cinzel', 'Poppins', serif !important; font-size: 24px !important; font-weight: 700 !important; letter-spacing: 2px; color: #f4e04d !important; line-height: 1.2 !important; margin: 0 0 2px !important; }
.pkp_footer_content .ibrah-foot-sub { font-size: 13px !important; color: #ffffff !important; margin: 0 0 8px !important; }
.pkp_footer_content .ibrah-foot-issn { display: inline-block; font-size: 11.5px !important; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 20px; padding: 2px 12px; margin: 0 !important; }
.pkp_footer_content .ibrah-foot-title { position: relative; font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 2px; text-transform: uppercase; color: #f4e04d !important; padding-bottom: 6px; margin: 0 0 10px !important; }
.pkp_footer_content .ibrah-foot-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: #f4e04d; border-radius: 2px; }
.pkp_footer_content .ibrah-foot-col p + .ibrah-foot-title { margin-top: 16px !important; }
.ibrah-foot-links { display: flex; flex-wrap: wrap; gap: 6px; }
.pkp_footer_content .ibrah-foot-links a { font-size: 12px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 20px; padding: 2px 12px; }
.pkp_footer_content .ibrah-foot-links a:hover { background: #f4e04d; color: #1b5e20 !important; border-color: #f4e04d; }
.pkp_footer_content .ibrah-foot-license { border-top: 1px solid rgba(255,255,255,.15); margin-top: 24px !important; padding-top: 16px; font-size: 12.5px !important; }
.pkp_footer_content .ibrah-foot-license a { color: #f4e04d !important; font-weight: 600; }
.ibrah-foot-license img { height: 20px !important; width: auto !important; margin-left: 4px; vertical-align: middle; filter: invert(1); }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .75; }
.pkp_brand_footer a:hover img { opacity: 1; }
@media (max-width: 768px) { .pkp_footer_content { width: 100% !important; float: none !important; } }

/* ---- Beranda tanpa gambar sampul ---- */
.ibrah-left-col { display: none !important; }
.ibrah-compact-header { grid-template-columns: 1fr !important; padding: 36px 40px !important; }

/* ---- Hero beranda: tengah & proporsional (tanpa sampul) ---- */
.ibrah-compact-header { position: relative; overflow: hidden; text-align: center !important; padding: 46px 56px 44px !important; border-top: 4px solid #f4e04d; border-bottom: 1px solid #e3ece0 !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%232e7d32' stroke-opacity='0.07' stroke-width='1'%3E%3Crect x='16' y='16' width='24' height='24'/%3E%3Crect x='16' y='16' width='24' height='24' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse at 50% 0%, #ffffff 0%, #f4f9ef 70%, #eaf4e3 100%) !important; }
.ibrah-compact-header > div { max-width: 820px; margin: 0 auto; position: relative; z-index: 1; }
.ibrah-compact-header > div::before { content: 'PEER-REVIEWED  \00B7  OPEN ACCESS  \00B7  SINTA 4'; white-space: pre; display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: 2.5px; color: #1b5e20; background: #fdf8d8; border: 1px solid #f4e04d; border-radius: 30px; padding: 5px 16px; margin-bottom: 18px; }
.ibrah-compact-header .ibrah-title-main { font-size: 30px !important; font-weight: 700 !important; color: #1b5e20 !important; line-height: 1.25 !important; margin: 0 0 6px !important; text-align: center !important; }
.ibrah-compact-header .ibrah-arabic { font-family: 'Amiri', serif !important; font-size: 30px !important; font-weight: 700; color: #9a7a1e !important; text-align: center !important; margin: 0 0 6px !important; line-height: 1.6; }
.ibrah-compact-header .ibrah-arabic::after { content: ''; display: block; width: 180px; height: 12px; margin: 10px auto 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='12' viewBox='0 0 180 12'%3E%3Cpath d='M0 6h76M104 6h76' stroke='%23c9a24a' stroke-width='1.2'/%3E%3Cpath d='M90 1l5 5-5 5-5-5z' fill='%23c9a24a'/%3E%3Ccircle cx='80' cy='6' r='1.6' fill='%23c9a24a'/%3E%3Ccircle cx='100' cy='6' r='1.6' fill='%23c9a24a'/%3E%3C/svg%3E") no-repeat center; }
.ibrah-compact-header > div > p:not(.ibrah-arabic) { text-align: center !important; font-size: 15px !important; line-height: 1.9 !important; color: #4a5568 !important; margin: 0 auto !important; max-width: 760px; }
.ibrah-compact-header .hero-action-buttons { justify-content: center !important; text-align: center; margin-top: 26px !important; }
@media (max-width: 768px) { .ibrah-compact-header { padding: 34px 22px !important; } .ibrah-compact-header .ibrah-title-main { font-size: 22px !important; } .ibrah-compact-header > div::before { white-space: normal; letter-spacing: 1.5px; } }

/* ---- Tombol ketiga: Contact Editor ---- */
.btn-contact { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 15px; border-radius: 10px; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-decoration: none !important; background: #fff; color: #1b5e20 !important; border: 1.5px solid #2e7d32; box-shadow: 0 4px 15px rgba(46,125,50,.12); transition: all .4s cubic-bezier(0.23, 1, 0.32, 1); }
.btn-contact::before { content: ''; width: 15px; height: 15px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b5e20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.5A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E") no-repeat center / contain; }
.btn-contact::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.4); transform: rotate(30deg); transition: all .6s ease; }
.btn-contact:hover { background: #f4e04d; border-color: #f4e04d; transform: translateY(-3px); box-shadow: 0 8px 22px rgba(201,162,74,.35); }
.btn-contact:hover::after { left: 120%; }
.ibrah-compact-header .hero-action-buttons { flex-wrap: wrap; }

/* ---- Beranda: tampilkan 10 artikel pertama saja ---- */
.current_issue .cmp_article_list > li:nth-child(n+11) { display: none !important; }
.current_issue .cmp_article_list::after { content: 'Open CURRENT in the menu to see the complete issue.'; display: block; text-align: center; font-size: 13px; color: #6b776d; background: #fdf8d8; border: 1px dashed #f4e04d; border-radius: 12px; padding: 12px 16px; margin-top: 6px; }

/* ============================================
   HALAMAN EDITORIAL TEAM
   ============================================ */
.ibrah-et { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-et-intro { font-size: 14px !important; line-height: 1.8 !important; color: #4a5568 !important; background: linear-gradient(135deg, #ffffff, #f1f8e9); border: 1px solid #e3ece0; border-left: 4px solid #f4e04d; border-radius: 12px; padding: 14px 18px; margin: 0 0 26px !important; }
.ibrah-et .ibrah-h3 { margin-top: 10px !important; }
.ibrah-et-card { position: relative; overflow: hidden; display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid #e6ede3; border-top: 3px solid #2e7d32; border-radius: 14px; padding: 18px 20px; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .3s ease; }
.ibrah-et-card::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.35); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-et-card:hover { transform: translateY(-3px); border-top-color: #f4e04d; box-shadow: 0 12px 26px rgba(46,125,50,.13); }
.ibrah-et-card:hover::after { left: 120%; }
.ibrah-et-avatar { flex-shrink: 0; width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 700; letter-spacing: 1px; color: #f4e04d; background: linear-gradient(135deg, #2e7d32, #1b5e20); box-shadow: 0 4px 12px rgba(46,125,50,.25); }
.ibrah-et-info { min-width: 0; }
.ibrah-et .ibrah-et-name { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #1b5e20 !important; margin: 2px 0 4px !important; line-height: 1.35 !important; }
.ibrah-et .ibrah-et-aff { display: block; font-size: 13px !important; color: #4a5568 !important; margin: 0 0 4px !important; line-height: 1.5 !important; }
.ibrah-et-aff img { width: 18px !important; height: auto !important; vertical-align: -1px; margin-right: 5px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.ibrah-et .ibrah-et-field { font-size: 12.5px !important; font-style: italic; color: #6b776d !important; margin: 0 0 4px !important; }
.ibrah-et-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ibrah-et .ibrah-et-pill { display: inline-flex; align-items: center; font-size: 11.5px !important; font-weight: 600; letter-spacing: .3px; border-radius: 20px; padding: 3px 11px; text-decoration: none !important; border: 1px solid; transition: all .25s ease; }
.ibrah-et .ibrah-et-scopus { color: #e9711c !important; border-color: #f6c9a4; background: #fff6ee; }
.ibrah-et .ibrah-et-orcid { color: #5f8a0e !important; border-color: #cfe3a6; background: #f6fbea; }
.ibrah-et .ibrah-et-sinta { color: #1f5f8b !important; border-color: #bcd5e8; background: #f0f6fb; }
.ibrah-et .ibrah-et-scholar { color: #3b6fd6 !important; border-color: #c5d6f5; background: #f2f6fe; }
.ibrah-et .ibrah-et-pill:hover { background: #f4e04d !important; border-color: #f4e04d !important; color: #1b5e20 !important; transform: translateY(-1px); }
/* Kartu Editor in Chief lebih menonjol */
.ibrah-et-chief { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border-top: 4px solid #f4e04d; padding: 22px 24px; margin-bottom: 28px; }
.ibrah-et-chief .ibrah-et-avatar { width: 70px; height: 70px; font-size: 22px; }
.ibrah-et-chief .ibrah-et-name { font-size: 19px !important; }
.ibrah-et-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }

/* ============================================
   HALAMAN REVIEWER: tahun bisa dibuka-tutup (klik)
   ============================================ */
.ibrah-rv-year { margin: 0 0 14px; border-radius: 14px; }
.ibrah-rv-year > summary { list-style: none; cursor: pointer; position: relative; display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #2e7d32, #1b5e20); border-radius: 14px; padding: 14px 56px 14px 20px; box-shadow: 0 6px 18px rgba(46,125,50,.2); overflow: hidden; transition: all .3s ease; }
.ibrah-rv-year > summary::-webkit-details-marker { display: none; }
.ibrah-rv-year > summary::marker { content: ''; }
.ibrah-rv-year > summary::before { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.18); transform: rotate(30deg); transition: all .6s ease; }
.ibrah-rv-year > summary:hover::before { left: 120%; }
.ibrah-rv-year > summary:hover { box-shadow: 0 10px 24px rgba(46,125,50,.32); }
.ibrah-rv-year > summary::after { content: ''; position: absolute; right: 20px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background: #f4e04d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b5e20' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / 16px; transition: transform .3s ease; }
.ibrah-rv-year[open] > summary::after { transform: rotate(180deg); }
.ibrah-rv-year[open] > summary { border-radius: 14px 14px 0 0; }
.ibrah-rv-year > .ibrah-et-grid { background: #f6faf3; border: 1px solid #e3ece0; border-top: 0; border-radius: 0 0 14px 14px; padding: 18px; }
.ibrah-rv-badge { flex-shrink: 0; font-family: 'Poppins', Helvetica, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #1b5e20; background: #f4e04d; border-radius: 10px; padding: 6px 14px; }
.ibrah-rv-text { display: flex; flex-direction: column; }
.ibrah-rv-title { font-family: 'Poppins', Helvetica, sans-serif; font-size: 16px; font-weight: 700; color: #fff; line-height: 1.3; }
.ibrah-rv-sub { font-size: 12.5px; color: #d6e6d2; margin-top: 2px; }

/* ============================================
   HALAMAN FOCUS AND SCOPE
   ============================================ */
.ibrah-fs { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-fs-intro { position: relative; overflow: hidden; background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 26px; }
.ibrah-fs .ibrah-fs-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-fs-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 0 14px !important; }
.ibrah-fs-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.ibrah-fs-meta span { font-size: 12.5px; color: #4a5568; background: #fff; border: 1px solid #dcebd2; border-radius: 20px; padding: 4px 14px; }
.ibrah-fs-meta b { color: #1b5e20; margin-right: 6px; }
.ibrah-fs .ibrah-fs-lead { font-size: 14px !important; color: #4a5568 !important; margin: 0 0 14px !important; }
.ibrah-fs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.ibrah-fs-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #e6ede3; border-top: 3px solid #2e7d32; border-radius: 14px; padding: 16px 18px 16px; transition: all .35s ease; }
.ibrah-fs-card::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.25); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-fs-card:hover { transform: translateY(-4px); background: linear-gradient(145deg, #2e7d32, #1b5e20); border-color: #1b5e20; border-top-color: #f4e04d; box-shadow: 0 14px 28px rgba(46,125,50,.25); }
.ibrah-fs-card:hover::after { left: 120%; }
.ibrah-fs-no { position: absolute; top: 12px; left: 16px; font-size: 12px; font-weight: 700; letter-spacing: 1px; color: #1b5e20; background: #fdf8d8; border: 1px solid #f4e04d; border-radius: 20px; padding: 1px 9px; }
.ibrah-fs .ibrah-fs-arab { font-family: 'Amiri', serif !important; font-size: 22px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 8px !important; line-height: 1.5 !important; transition: color .35s ease; }
.ibrah-fs .ibrah-fs-title { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #1b5e20 !important; margin: 0 0 4px !important; line-height: 1.35 !important; transition: color .35s ease; }
.ibrah-fs .ibrah-fs-desc { font-size: 12.5px !important; line-height: 1.6 !important; color: #6b776d !important; margin: 0 !important; transition: color .35s ease; }
.ibrah-fs-card:hover .ibrah-fs-arab { color: #f4e04d !important; }
.ibrah-fs-card:hover .ibrah-fs-title { color: #fff !important; }
.ibrah-fs-card:hover .ibrah-fs-desc { color: #d6e6d2 !important; }
.ibrah-fs .ibrah-fs-note { font-size: 13px !important; color: #4a5568 !important; background: #fdf8d8; border: 1px dashed #f4e04d; border-radius: 12px; padding: 12px 16px; margin: 22px 0 0 !important; }
.ibrah-fs-note a { color: #1b5e20 !important; font-weight: 700; }
/* Scope 5 bidang: 3 kartu di baris atas, 2 kartu lebar di baris bawah */
.ibrah-fs-grid-5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ibrah-fs-grid-5 > .ibrah-fs-card { grid-column: span 2; padding-top: 18px; }
.ibrah-fs-grid-5 > .ibrah-fs-card:nth-child(n+4) { grid-column: span 3; }
@media (max-width: 768px) { .ibrah-fs-grid-5 { grid-template-columns: 1fr; } .ibrah-fs-grid-5 > .ibrah-fs-card, .ibrah-fs-grid-5 > .ibrah-fs-card:nth-child(n+4) { grid-column: auto; } }

/* ---- Beranda: Focus and Scope 5 bidang dengan tulisan Arab ---- */
.ibrah-scope-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.ibrah-scope-item { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 2px; background: #fff; border: 1px solid #e3ece0; border-top: 3px solid #2e7d32; border-radius: 12px; padding: 12px 14px; text-decoration: none !important; transition: all .35s ease; }
.ibrah-scope-item::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.25); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-scope-ar { font-family: 'Amiri', serif !important; font-size: 19px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; line-height: 1.5; transition: color .35s ease; }
.ibrah-scope-en { font-family: 'Poppins', Helvetica, sans-serif; font-size: 12.5px !important; font-weight: 600; color: #1b5e20 !important; line-height: 1.4; transition: color .35s ease; }
.ibrah-scope-item:hover { transform: translateY(-3px); background: linear-gradient(145deg, #2e7d32, #1b5e20); border-color: #1b5e20; border-top-color: #f4e04d; box-shadow: 0 10px 22px rgba(46,125,50,.25); }
.ibrah-scope-item:hover::after { left: 120%; }
.ibrah-scope-item:hover .ibrah-scope-ar { color: #f4e04d !important; }
.ibrah-scope-item:hover .ibrah-scope-en { color: #fff !important; }

/* ============================================
   HALAMAN PEER REVIEW PROCESS
   ============================================ */
.ibrah-pr { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-pr-intro { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 18px; }
.ibrah-pr .ibrah-pr-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-pr-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 !important; }
.ibrah-pr-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 28px; }
.ibrah-pr-fact { position: relative; overflow: hidden; background: linear-gradient(135deg, #2e7d32, #1b5e20); color: #fff; border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.45; box-shadow: 0 6px 16px rgba(46,125,50,.18); }
.ibrah-pr-fact strong { display: block; font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; color: #f4e04d; margin-bottom: 3px; }
.ibrah-pr-steps { list-style: none !important; margin: 0 0 26px !important; padding: 0 !important; position: relative; }
.ibrah-pr-step:not(:last-child)::before { content: ''; position: absolute; left: 21px; top: 44px; bottom: -14px; width: 2px; background: repeating-linear-gradient(180deg, #2e7d32 0 6px, transparent 6px 11px); }
.ibrah-pr-step { position: relative; display: flex; gap: 18px; align-items: flex-start; margin: 0 0 14px !important; padding: 0 !important; }
.ibrah-pr-no { position: relative; z-index: 1; flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 700; color: #1b5e20; background: #f4e04d; border: 3px solid #fff; box-shadow: 0 0 0 2px #2e7d32, 0 6px 14px rgba(46,125,50,.25); transition: all .35s ease; }
.ibrah-pr-body { position: relative; overflow: hidden; flex: 1; min-width: 0; background: #fff; border: 1px solid #e6ede3; border-radius: 14px; padding: 14px 18px; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .35s ease; }
.ibrah-pr-body::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(46,125,50,.06); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-pr-step:hover .ibrah-pr-body { transform: translateX(4px); border-color: #c8e0c0; box-shadow: 0 10px 24px rgba(46,125,50,.12); }
.ibrah-pr-step:hover .ibrah-pr-body::after { left: 120%; }
.ibrah-pr-step:hover .ibrah-pr-no { background: #2e7d32; color: #f4e04d; }
.ibrah-pr-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 12px; margin-bottom: 4px; }
.ibrah-pr .ibrah-pr-title { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 15.5px !important; font-weight: 700 !important; color: #1b5e20 !important; margin: 0 !important; line-height: 1.35 !important; }
.ibrah-pr-arab { font-family: 'Amiri', serif; font-size: 19px; font-weight: 700; color: #9a7a1e; }
.ibrah-pr .ibrah-pr-desc { font-size: 13.5px !important; line-height: 1.75 !important; color: #4a5568 !important; margin: 0 0 8px !important; }
.ibrah-pr-who { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #1b5e20; background: #eef6ea; border-radius: 20px; padding: 2px 10px; }
.ibrah-pr-decisions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ibrah-pr-d { font-size: 13px; font-weight: 700; border-radius: 30px; padding: 6px 18px; border: 1.5px solid; }
.ibrah-pr-acc { color: #1b5e20; border-color: #2e7d32; background: #eef6ea; }
.ibrah-pr-min { color: #7a6400; border-color: #f4e04d; background: #fdf8d8; }
.ibrah-pr-maj { color: #a35a00; border-color: #f2b45c; background: #fff4e3; }
.ibrah-pr-rej { color: #a33a2c; border-color: #eab1a8; background: #fdf0ee; }
.ibrah-pr .ibrah-pr-note { font-size: 13px !important; color: #4a5568 !important; background: #fdf8d8; border: 1px dashed #f4e04d; border-radius: 12px; padding: 12px 16px; margin: 0 !important; }
.ibrah-pr-note a { color: #1b5e20 !important; font-weight: 700; }

/* ============================================
   HALAMAN AUTHOR GUIDELINES
   ============================================ */
.ibrah-ag { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-ag-intro { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 18px; }
.ibrah-ag .ibrah-ag-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-ag-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 !important; }
.ibrah-ag-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 18px; }
.ibrah-ag-fact { background: linear-gradient(135deg, #2e7d32, #1b5e20); color: #fff; border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.45; box-shadow: 0 6px 16px rgba(46,125,50,.18); }
.ibrah-ag-fact strong { display: block; font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; color: #f4e04d; margin-bottom: 3px; }
.ibrah-ag-tpl { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; justify-content: space-between; background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%); border-radius: 16px; padding: 20px 24px; margin-bottom: 28px; box-shadow: 0 10px 25px rgba(46,125,50,.25); }
.ibrah-ag-tpl-text { flex: 1 1 260px; min-width: 0; }
.ibrah-ag-tpl-badge { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 2px; color: #1b5e20; background: #f4e04d; border-radius: 20px; padding: 3px 10px; }
.ibrah-ag .ibrah-ag-tpl-title { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #fff !important; margin: 8px 0 4px !important; border: 0 !important; padding: 0 !important; }
.ibrah-ag-tpl-text p { font-size: 13px !important; color: #d6e6d2 !important; margin: 0 !important; line-height: 1.6 !important; }
.ibrah-ag-tpl-btns { flex: 1 1 240px; display: flex; flex-direction: column; gap: 8px; }
.ibrah-ag-lead { font-size: 14px !important; color: #4a5568 !important; margin: 0 0 14px !important; }
.ibrah-ag-steps { list-style: none !important; margin: 0 0 26px !important; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.ibrah-ag-step { position: relative; display: flex; gap: 14px; align-items: flex-start; margin: 0 !important; padding: 14px 16px !important; background: #fff; border: 1px solid #e6ede3; border-left: 4px solid #2e7d32; border-radius: 12px; overflow: hidden; transition: all .35s ease; }
.ibrah-ag-step::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(46,125,50,.06); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-ag-step:hover { border-left-color: #f4e04d; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(46,125,50,.12); }
.ibrah-ag-step:hover::after { left: 120%; }
.ibrah-ag-no { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: #1b5e20; background: #f4e04d; }
.ibrah-ag-body { min-width: 0; flex: 1; }
.ibrah-ag-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 10px; margin-bottom: 3px; }
.ibrah-ag .ibrah-ag-title { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 14.5px !important; font-weight: 700 !important; color: #1b5e20 !important; margin: 0 !important; line-height: 1.35 !important; }
.ibrah-ag-opt { font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #7a6400; background: #fdf8d8; border: 1px solid #f4e04d; border-radius: 20px; padding: 1px 8px; margin-left: 6px; vertical-align: 2px; }
.ibrah-ag-arab { font-family: 'Amiri', serif; font-size: 17px; font-weight: 700; color: #9a7a1e; }
.ibrah-ag .ibrah-ag-desc { font-size: 13px !important; line-height: 1.7 !important; color: #4a5568 !important; margin: 0 !important; }
.ibrah-ag-list, .ibrah-ag-check { list-style: none !important; margin: 0 0 26px !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.ibrah-ag-list li, .ibrah-ag-check li { position: relative; font-size: 13.5px !important; line-height: 1.7 !important; color: #2d3748 !important; background: #fff; border: 1px solid #e6ede3; border-radius: 10px; padding: 10px 14px 10px 42px !important; margin: 0 !important; }
.ibrah-ag-list li::before { content: ''; position: absolute; left: 16px; top: 17px; width: 9px; height: 9px; background: #2e7d32; transform: rotate(45deg); border-radius: 2px; }
.ibrah-ag-check li::before { content: ''; position: absolute; left: 12px; top: 11px; width: 20px; height: 20px; border-radius: 50%; background: #2e7d32 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") no-repeat center / 12px; }
.ibrah-ag-ref { background: #fff; border: 1px solid #e6ede3; border-radius: 14px; padding: 16px 18px; margin-bottom: 26px; }
.ibrah-ag-ref p { font-size: 13.5px !important; line-height: 1.7 !important; color: #2d3748 !important; margin: 0 0 8px !important; }
.ibrah-ag-code { font-size: 12.5px; line-height: 1.7; color: #1f2d21; background: #f4f9ee; border-left: 3px solid #f4e04d; border-radius: 8px; padding: 9px 13px; margin: 0 0 10px; word-break: break-word; }
.ibrah-ag-code b { display: block; font-size: 10.5px; letter-spacing: 1.5px; text-transform: uppercase; color: #2e7d32; }
.ibrah-ag-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; background: #fdf8d8; border: 1px dashed #f4e04d; border-radius: 14px; padding: 16px 18px; }
.ibrah-ag-cta p { flex: 1 1 260px; font-size: 13.5px !important; color: #4a5568 !important; margin: 0 !important; }
.ibrah-ag-tpl .ibrah-tpl-btn { color: #1b5e20 !important; font-weight: 700; text-decoration: none !important; padding: 9px 14px; }

/* ============================================
   HALAMAN CONTACT (about/contact) — hanya CSS
   ============================================ */
.page_contact > h1::after { content: 'تواصل معنا'; display: block; font-family: 'Amiri', serif; font-size: 24px; font-weight: 700; color: #9a7a1e; margin-top: 2px; }
.page_contact .contact_section { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; font-family: 'Poppins', Helvetica, sans-serif; }
.page_contact .contact_section > div { position: relative; overflow: hidden; background: #fff; border: 1px solid #e6ede3; border-top: 4px solid #2e7d32; border-radius: 16px; padding: 22px 22px 20px 22px; margin: 0 !important; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .35s ease; font-size: 14px; line-height: 1.8; color: #2d3748; }
.page_contact .contact_section > div::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(46,125,50,.06); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.page_contact .contact_section > div:hover { transform: translateY(-3px); border-top-color: #f4e04d; box-shadow: 0 12px 26px rgba(46,125,50,.13); }
.page_contact .contact_section > div:hover::after { left: 120%; }
/* Alamat redaksi: kartu lebar penuh berlatar hijau */
.page_contact .contact_section > .address { grid-column: 1 / -1; background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%); border: 0; border-top: 4px solid #f4e04d; color: #e3efe0; padding-left: 92px; min-height: 120px; box-shadow: 0 10px 25px rgba(46,125,50,.25); }
.page_contact .contact_section > .address::before { content: 'EDITORIAL OFFICE'; display: block; font-size: 11px; font-weight: 700; letter-spacing: 2px; color: #f4e04d; margin-bottom: 6px; }
.page_contact .contact_section > .address::after { content: ''; top: 22px; left: 22px; width: 50px; height: 50px; border-radius: 14px; transform: none; background: rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") no-repeat center / 26px; }
.page_contact .contact_section > .address:hover::after { left: 22px; }
.page_contact .contact_section > .address a { color: #f4e04d !important; }
/* Kartu kontak */
.page_contact .contact h3 { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px; text-transform: uppercase; color: #1b5e20 !important; background: #fdf8d8; border: 1px solid #f4e04d; border-radius: 20px; display: inline-block; padding: 3px 12px; margin: 0 0 12px !important; }
.page_contact .contact .name { font-size: 16px; font-weight: 700; color: #1b5e20; line-height: 1.4; }
.page_contact .contact .affiliation { font-size: 13px; color: #6b776d; margin-bottom: 8px; }
.page_contact .contact .phone, .page_contact .contact .email { position: relative; padding-left: 30px; margin-top: 6px; font-size: 13.5px; }
.page_contact .contact .phone::before, .page_contact .contact .email::before { content: ''; position: absolute; left: 0; top: 3px; width: 22px; height: 22px; border-radius: 50%; background: #eef6ea no-repeat center / 13px; }
.page_contact .contact .phone::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.page_contact .contact .email::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.page_contact .contact .phone .label { display: none; }
.page_contact .contact a { color: #1b5e20 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px dashed #a5c99a; }
.page_contact .contact a:hover { color: #2e7d32 !important; border-bottom-color: #f4e04d; }
@media (max-width: 600px) { .page_contact .contact_section > .address { padding-left: 22px; padding-top: 86px; } }

/* ============================================
   HALAMAN PUBLICATION ETHICS
   ============================================ */
.ibrah-pe { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-pe-intro { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 16px; }
.ibrah-pe .ibrah-pe-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-pe-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 !important; }
.ibrah-pe-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 28px; }
.ibrah-pe-value { position: relative; overflow: hidden; background: linear-gradient(135deg, #2e7d32, #1b5e20); border-radius: 14px; padding: 16px 18px; box-shadow: 0 8px 20px rgba(46,125,50,.2); transition: transform .35s ease; }
.ibrah-pe-value::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.18); transform: rotate(30deg); transition: all .6s ease; }
.ibrah-pe-value:hover { transform: translateY(-3px); }
.ibrah-pe-value:hover::after { left: 120%; }
.ibrah-pe .ibrah-pe-varab { font-family: 'Amiri', serif !important; font-size: 24px !important; font-weight: 700; color: #f4e04d !important; text-align: right; margin: 0 !important; line-height: 1.4 !important; }
.ibrah-pe .ibrah-pe-vtitle { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 4px !important; }
.ibrah-pe .ibrah-pe-vdesc { font-size: 12.5px !important; line-height: 1.6 !important; color: #d6e6d2 !important; margin: 0 !important; }
.ibrah-pe .ibrah-pe-lead { font-size: 13.5px !important; color: #6b776d !important; margin: 0 0 12px !important; }
.ibrah-pe-sar { font-family: 'Amiri', serif; font-size: 17px !important; color: #f4e04d !important; text-align: left; }
.ibrah-pe-role > .ibrah-pe-list { list-style: none !important; margin: 0 !important; background: #f6faf3; border: 1px solid #e3ece0; border-top: 0; border-radius: 0 0 14px 14px; padding: 14px 18px !important; display: flex; flex-direction: column; gap: 7px; }
.ibrah-pe-list li { position: relative; font-size: 13.5px !important; line-height: 1.7 !important; color: #2d3748 !important; background: #fff; border: 1px solid #e6ede3; border-radius: 10px; padding: 9px 14px 9px 40px !important; margin: 0 !important; }
.ibrah-pe-list li::before { content: ''; position: absolute; left: 12px; top: 11px; width: 18px; height: 18px; border-radius: 50%; background: #2e7d32 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") no-repeat center / 11px; }
.ibrah-pe .ibrah-pe-note { font-size: 13px !important; color: #4a5568 !important; background: #fdf8d8; border: 1px dashed #f4e04d; border-radius: 12px; padding: 12px 16px; margin: 20px 0 0 !important; }
.ibrah-pe-note a { color: #1b5e20 !important; font-weight: 700; }

/* ============================================
   HALAMAN OPEN ACCESS POLICY
   ============================================ */
.ibrah-oa { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-oa-intro { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 24px; }
.ibrah-oa .ibrah-oa-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-oa-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 !important; }
.ibrah-oa-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 28px; }
.ibrah-oa-grid .ibrah-oa-card { font-size: 12.5px !important; line-height: 1.6 !important; font-weight: 400 !important; }
.ibrah-oa-lic { background: #fff; border: 1px solid #e6ede3; border-radius: 16px; overflow: hidden; }
.ibrah-oa-lic-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; background: linear-gradient(135deg, #2e7d32, #1b5e20); padding: 16px 20px; }
.ibrah-oa-lic-badge { flex-shrink: 0; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #1b5e20; background: #f4e04d; border-radius: 10px; padding: 6px 14px; }
.ibrah-oa-lic-head p { flex: 1 1 260px; font-size: 13.5px !important; line-height: 1.6 !important; color: #fff !important; margin: 0 !important; }
.ibrah-oa-lic-head a { color: #f4e04d !important; font-weight: 700; }
.ibrah-oa-lic-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; padding: 18px 20px; }
.ibrah-oa .ibrah-oa-lic-t { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; color: #2e7d32 !important; margin: 0 0 8px !important; }
.ibrah-oa-lic-cols ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.ibrah-oa-lic-cols li { font-size: 13px !important; line-height: 1.65 !important; color: #4a5568 !important; background: #f6faf3; border-left: 3px solid #f4e04d; border-radius: 8px; padding: 8px 12px !important; margin: 0 !important; }
.ibrah-oa-lic-cols b { color: #1b5e20; }
.ibrah-info-card:hover { color: #e3efe0 !important; }

/* ============================================
   HALAMAN ARTICLE PROCESSING CHARGE (APC)
   ============================================ */
.ibrah-apc { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-apc-intro { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 18px; }
.ibrah-apc .ibrah-apc-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-apc-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 !important; }
.ibrah-apc-fees { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-bottom: 28px; }
.ibrah-apc-fee { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 4px; background: #fff; border: 1px solid #e6ede3; border-top: 4px solid #2e7d32; border-radius: 16px; padding: 20px 22px; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .35s ease; }
.ibrah-apc-fee::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(46,125,50,.07); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-apc-fee:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(46,125,50,.14); }
.ibrah-apc-fee:hover::after { left: 120%; }
.ibrah-apc-main { background: linear-gradient(135deg, #2e7d32, #1b5e20); border: 0; border-top: 4px solid #f4e04d; box-shadow: 0 10px 25px rgba(46,125,50,.25); }
.ibrah-apc-main::after { background: rgba(255,255,255,.18); }
.ibrah-apc-label { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #2e7d32; }
.ibrah-apc-price { font-size: 30px; font-weight: 700; color: #1b5e20; line-height: 1.25; }
.ibrah-apc-note { font-size: 12.5px; color: #6b776d; }
.ibrah-apc-main .ibrah-apc-label { color: #f4e04d; }
.ibrah-apc-main .ibrah-apc-price { color: #fff; }
.ibrah-apc-main .ibrah-apc-note { color: #d6e6d2; }
.ibrah-apc-cover { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.ibrah-apc-cover span { position: relative; font-size: 13px; color: #1b5e20; font-weight: 600; background: #fff; border: 1px solid #dcebd2; border-radius: 30px; padding: 6px 16px 6px 34px; }
.ibrah-apc-cover span::before { content: ''; position: absolute; left: 10px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: #2e7d32 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") no-repeat center / 10px; }
.ibrah-apc-pay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; margin-bottom: 18px; }
@media (max-width: 768px) { .ibrah-apc-pay { grid-template-columns: 1fr; } }
.ibrah-apc-bank { background: linear-gradient(135deg, #2e7d32, #1b5e20); border-radius: 16px; padding: 18px 20px; color: #fff; }
.ibrah-apc .ibrah-apc-bank-t { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px; text-transform: uppercase; color: #1b5e20 !important; background: #f4e04d; display: inline-block; border-radius: 20px; padding: 3px 12px; margin: 0 0 12px !important; }
.ibrah-apc-row { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; padding: 8px 0; border-bottom: 1px dashed rgba(255,255,255,.25); }
.ibrah-apc-row:last-child { border-bottom: 0; }
.ibrah-apc-row b { font-weight: 400; color: #d6e6d2; }
.ibrah-apc-steps { list-style: none !important; counter-reset: apc; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.ibrah-apc-steps li { counter-increment: apc; position: relative; font-size: 13.5px !important; line-height: 1.65 !important; color: #2d3748 !important; background: #fff; border: 1px solid #e6ede3; border-radius: 12px; padding: 10px 14px 10px 50px !important; margin: 0 !important; }
.ibrah-apc-steps li::before { content: counter(apc); position: absolute; left: 12px; top: 9px; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #1b5e20; background: #f4e04d; }
.ibrah-apc-steps a { color: #1b5e20 !important; font-weight: 700; }
.ibrah-apc .ibrah-apc-warn { position: relative; font-size: 13px !important; line-height: 1.7 !important; color: #7a3b00 !important; background: #fff4e3; border: 1px solid #f2c98a; border-radius: 12px; padding: 12px 16px 12px 46px; margin: 0 !important; }
.ibrah-apc-warn::before { content: '!'; position: absolute; left: 14px; top: 12px; width: 22px; height: 22px; border-radius: 50%; background: #e08a1e; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 13px; }
/* Contact: lebar kartu penuh di kolomnya (menimpa aturan bawaan tema) */
.page_contact .contact_section > div { width: auto !important; max-width: none !important; float: none !important; }
.page_contact .contact_section { align-items: stretch; }
.page_contact .contact a, .page_contact .contact .email { word-break: break-word; }
.page_contact .contact h3 { white-space: nowrap; }
.page_contact .contact_section::before, .page_contact .contact_section::after { content: none !important; display: none !important; }
.page_contact .contact.primary { padding-right: 22px !important; }
@media (min-width: 768px) { .page_contact .contact_section { grid-template-columns: 1fr 1fr; } }

/* ---- Kotak info: seluruh kotak bisa diklik ---- */
.ibrah-info-card { cursor: pointer; }
.ibrah-info-card a::before { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: inherit; }
.ibrah-info-card a:focus-visible { outline: none; }
.ibrah-info-card:focus-within { outline: 3px solid #f4e04d; outline-offset: 2px; }

/* ============================================
   HALAMAN JOURNAL HISTORY
   ============================================ */
.ibrah-hs { font-family: 'Poppins', Helvetica, sans-serif; }
.ibrah-hs-intro { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border: 1px solid #e3ece0; border-top: 4px solid #f4e04d; border-radius: 16px; padding: 22px 26px; margin-bottom: 18px; }
.ibrah-hs .ibrah-hs-ar { font-family: 'Amiri', serif !important; font-size: 26px !important; font-weight: 700; color: #9a7a1e !important; text-align: right; margin: 0 0 6px !important; line-height: 1.5 !important; }
.ibrah-hs-intro p { font-size: 14.5px !important; line-height: 1.85 !important; color: #2d3748 !important; text-align: justify; margin: 0 !important; }
.ibrah-hs .ibrah-pr-facts { margin-bottom: 28px; }
.ibrah-hs-tl { list-style: none !important; margin: 0 0 24px !important; padding: 0 0 0 0 !important; position: relative; }
.ibrah-hs-tl::before { content: ''; position: absolute; left: 118px; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: linear-gradient(180deg, #f4e04d, #2e7d32); }
.ibrah-hs-item { position: relative; display: flex; gap: 34px; align-items: flex-start; margin: 0 0 16px !important; padding: 0 !important; }
.ibrah-hs-item::before { content: ''; position: absolute; left: 111px; top: 14px; width: 17px; height: 17px; border-radius: 50%; background: #f4e04d; border: 3px solid #fff; box-shadow: 0 0 0 2px #2e7d32; z-index: 1; transition: all .3s ease; }
.ibrah-hs-item:hover::before { background: #2e7d32; }
.ibrah-hs-date { flex: 0 0 98px; text-align: right; font-size: 13px; font-weight: 700; color: #1b5e20; padding-top: 12px; line-height: 1.35; }
.ibrah-hs-card { position: relative; overflow: hidden; flex: 1; min-width: 0; background: #fff; border: 1px solid #e6ede3; border-radius: 14px; padding: 14px 18px; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .35s ease; }
.ibrah-hs-card::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(46,125,50,.06); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-hs-item:hover .ibrah-hs-card { transform: translateX(4px); border-color: #c8e0c0; box-shadow: 0 10px 24px rgba(46,125,50,.12); }
.ibrah-hs-item:hover .ibrah-hs-card::after { left: 120%; }
.ibrah-hs-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 2px 12px; margin-bottom: 4px; }
.ibrah-hs .ibrah-hs-title { font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #1b5e20 !important; margin: 0 !important; line-height: 1.35 !important; }
.ibrah-hs-arab { font-family: 'Amiri', serif; font-size: 18px; font-weight: 700; color: #9a7a1e; }
.ibrah-hs .ibrah-hs-desc { font-size: 13.5px !important; line-height: 1.75 !important; color: #4a5568 !important; margin: 0 !important; }
.ibrah-hs-cert { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; background: #fdf8d8; border: 1px dashed #f4e04d; border-radius: 14px; padding: 16px 18px; }
.ibrah-hs-cert p { flex: 1 1 240px; font-size: 13.5px !important; color: #4a5568 !important; margin: 0 !important; }
@media (max-width: 600px) {
  .ibrah-hs-tl::before { left: 8px; }
  .ibrah-hs-item { flex-direction: column; gap: 6px; padding-left: 30px !important; }
  .ibrah-hs-item::before { left: 1px; top: 2px; }
  .ibrah-hs-date { flex: none; text-align: left; padding-top: 0; }
}

/* ============================================
   HALAMAN GENERATIVE AI POLICY (memakai gaya Publication Ethics)
   ============================================ */
.ibrah-ai-cmp { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-bottom: 28px; }
.ibrah-ai-col { border-radius: 14px; padding: 16px 18px; }
.ibrah-ai-yes { background: linear-gradient(135deg, #2e7d32, #1b5e20); box-shadow: 0 8px 20px rgba(46,125,50,.2); }
.ibrah-ai-no { background: #fdf0ee; border: 1px solid #eab1a8; }
.ibrah-ai .ibrah-ai-t { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 10px !important; }
.ibrah-ai-yes .ibrah-ai-t { color: #f4e04d !important; }
.ibrah-ai-no .ibrah-ai-t { color: #a33a2c !important; }
.ibrah-ai-col ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 6px; }
.ibrah-ai-col li { position: relative; font-size: 13.5px !important; line-height: 1.6 !important; padding-left: 26px !important; margin: 0 !important; }
.ibrah-ai-yes li { color: #fff !important; }
.ibrah-ai-no li { color: #5c2a22 !important; }
.ibrah-ai-col li::before { position: absolute; left: 0; top: 0; font-weight: 700; font-size: 15px; }
.ibrah-ai-yes li::before { content: '\2713'; color: #f4e04d; }
.ibrah-ai-no li::before { content: '\2715'; color: #c0392b; }
.ibrah-ai .ibrah-ag-code { margin-bottom: 0; }

/* ---- Menu samping: tiga kelompok berjudul ---- */
.ibrah-side-group { margin-bottom: 16px !important; }
.ibrah-side-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: linear-gradient(135deg, #2e7d32, #1b5e20); padding: 11px 16px; border-bottom: 3px solid #f4e04d; }
.ibrah-side-head-en { font-family: 'Poppins', Helvetica, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; }
.ibrah-side-head-ar { font-family: 'Amiri', serif; font-size: 18px; font-weight: 700; color: #f4e04d; line-height: 1; }

/* ---- Halaman kebijakan tambahan (memakai gaya Publication Ethics) ---- */
.ibrah-pe .ibrah-oa-lic-t { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; color: #2e7d32 !important; margin: 0 0 8px !important; }
.ibrah-pe .ibrah-oa-lic { margin-bottom: 20px; }
.ibrah-pe .ibrah-pr-facts { margin-bottom: 26px; }
.ibrah-pe .ibrah-ag-check { margin-bottom: 24px !important; }
.ibrah-pe .ibrah-pe-role + h3, .ibrah-pe .ibrah-pe-role + .ibrah-pe-note { margin-top: 20px !important; }
.ibrah-pe-values + h3 { margin-top: 4px !important; }
.ibrah-pe-values-3 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.ibrah-ag-check a, .ibrah-pe-list a { color: #1b5e20 !important; font-weight: 700; }

/* ============================================
   HALAMAN INDEXING AND ABSTRACTING
   ============================================ */
.ibrah-ix-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin-bottom: 20px; }
.ibrah-ix-card { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 6px; background: #fff; border: 1px solid #e6ede3; border-top: 4px solid #2e7d32; border-radius: 16px; padding: 18px 20px 16px; text-decoration: none !important; box-shadow: 0 2px 10px rgba(30,60,30,.04); transition: all .35s ease; }
.ibrah-ix-card::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(46,125,50,.07); transform: rotate(30deg); transition: all .6s ease; pointer-events: none; }
.ibrah-ix-card:hover { transform: translateY(-4px); border-top-color: #f4e04d; box-shadow: 0 14px 28px rgba(46,125,50,.15); }
.ibrah-ix-card:hover::after { left: 120%; }
.ibrah-ix-tag { align-self: flex-start; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #1b5e20; background: #fdf8d8; border: 1px solid #f4e04d; border-radius: 20px; padding: 2px 10px; }
.ibrah-ix-logo { display: flex; align-items: center; justify-content: center; height: 86px; background: #f8fbf6; border-radius: 12px; padding: 10px; margin: 4px 0 6px; }
.ibrah-ix-logo img { max-height: 64px !important; max-width: 85% !important; width: auto !important; height: auto !important; object-fit: contain; }
.ibrah-ix-name { font-size: 16px; font-weight: 700; color: #1b5e20; }
.ibrah-ix-desc { font-size: 12.5px; line-height: 1.6; color: #6b776d; flex: 1; }
.ibrah-ix-go { align-self: flex-start; font-size: 12px; font-weight: 700; color: #2e7d32; border-bottom: 1px dashed #a5c99a; margin-top: 4px; }
.ibrah-ix-card:hover .ibrah-ix-go { color: #1b5e20; border-bottom-color: #f4e04d; }

/* ---- Warna tautan di semua halaman Al Ibrah (bukan biru bawaan) ---- */
.ibrah-pe a, .ibrah-ag a, .ibrah-pr a, .ibrah-hs a, .ibrah-oa a, .ibrah-apc a, .ibrah-fs a, .ibrah-et a { color: #1b5e20 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px dashed #a5c99a; }
.ibrah-pe a:hover, .ibrah-ag a:hover, .ibrah-pr a:hover, .ibrah-hs a:hover, .ibrah-oa a:hover, .ibrah-apc a:hover, .ibrah-fs a:hover, .ibrah-et a:hover { color: #2e7d32 !important; border-bottom-color: #f4e04d; }
.ibrah-pe-value a, .ibrah-oa-lic-head a, .ibrah-ai-yes a { color: #f4e04d !important; border-bottom-color: rgba(244,224,77,.6); }
.ibrah-pe a.ibrah-ix-card, .ibrah-pe a.btn-submit, .ibrah-pe a.btn-contact, .ibrah-ag a.btn-submit, .ibrah-ag a.btn-contact, .ibrah-hs a.btn-submit, .ibrah-hs a.btn-contact, .ibrah-ag a.ibrah-tpl-btn, .ibrah-et a.ibrah-et-pill, .ibrah-fs a.ibrah-fs-card { border-bottom: 0 !important; }
.ibrah-pe a.ibrah-ix-card { color: inherit !important; font-weight: 400; }
.ibrah-pe a.btn-submit, .ibrah-ag a.btn-submit, .ibrah-hs a.btn-submit { color: #fff !important; }
/* Indexing: 2 x 2 supaya tidak ada kartu sendirian */
.ibrah-ix-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 600px) { .ibrah-ix-grid { grid-template-columns: 1fr; } }

/* ---- Tautan ORCID penulis: label kecil, bukan biru ---- */
.obj_article_summary .orcid, .obj_article_details .orcid { margin: 2px 0 4px; }
.obj_article_summary .orcid a, .obj_article_details .orcid a { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px !important; font-weight: 600; color: #4a6b12 !important; background: #f6fbea; border: 1px solid #cfe3a6; border-radius: 20px; padding: 1px 10px 1px 3px; text-decoration: none !important; transition: all .25s ease; }
.obj_article_summary .orcid a::before, .obj_article_details .orcid a::before { content: 'iD'; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #a6ce39; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: -.3px; }
.obj_article_summary .orcid a:hover, .obj_article_details .orcid a:hover { background: #f4e04d; border-color: #f4e04d; color: #1b5e20 !important; }

/* ---- DOI: hijau tua tegas dengan aksen kuning ---- */
.obj_article_summary .stats .doi_link { background: linear-gradient(135deg, #2e7d32, #1b5e20) !important; border: 0 !important; border-left: 4px solid #f4e04d !important; color: #fff !important; font-weight: 600 !important; letter-spacing: .2px; padding: 4px 12px 4px 10px !important; box-shadow: 0 3px 10px rgba(46,125,50,.25); transition: all .25s ease; }
.obj_article_summary .stats .doi_link:hover { background: #f4e04d !important; border-left-color: #1b5e20 !important; color: #1b5e20 !important; }
.obj_article_summary .stats .doi_logo { display: none; }
.obj_issue_toc .obj_article_summary .stats a.doi_link, .obj_issue_toc .obj_article_summary .stats a.doi_link * { color: #fff !important; }
.obj_issue_toc .obj_article_summary .stats a.doi_link { display: inline-flex !important; width: auto !important; white-space: nowrap; border-radius: 20px !important; }
.obj_issue_toc .obj_article_summary .stats a.doi_link:hover, .obj_issue_toc .obj_article_summary .stats a.doi_link:hover * { color: #1b5e20 !important; }
/* DOI memakai warna zaitun tombol Current Issue */
.obj_issue_toc .obj_article_summary .stats a.doi_link, .obj_article_summary .stats .doi_link { background: linear-gradient(135deg, #7d7a24, #5e5b18) !important; box-shadow: 0 3px 10px rgba(109,106,31,.3) !important; }
.obj_issue_toc .obj_article_summary .stats a.doi_link:hover, .obj_article_summary .stats .doi_link:hover { background: #f4e04d !important; }
.ibrah-apc-fees-3 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.ibrah-apc-fees-3 .ibrah-apc-price { font-size: 26px; }
.ibrah-apc .ibrah-ag-check b { color: #1b5e20; }
.ibrah-apc > .ibrah-apc-steps { margin-bottom: 18px !important; }
.ibrah-apc-steps b { color: #1b5e20; }

/* ============================================
   PENGINGAT MELAYANG "AUTHOR DATA FORM"
   Hanya tampil di halaman Submissions (about/submissions)
   dan di langkah-langkah submit (submission/wizard).
   Elemennya ada di Page Footer, disembunyikan di halaman lain.
   ============================================ */
.ibrah-af-float { display: none !important; }
body.pkp_page_about.pkp_op_submissions .ibrah-af-float,
body.pkp_page_submission.pkp_op_wizard .ibrah-af-float {
  display: flex !important; align-items: center; gap: 12px;
  position: fixed; right: 22px; bottom: 22px; z-index: 9999; max-width: 380px;
  padding: 14px 20px 14px 14px; border-radius: 16px;
  background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);
  border-bottom: 4px solid #f4e04d; color: #fff !important;
  font-family: 'Poppins', Helvetica, sans-serif; font-size: 14px; line-height: 1.45;
  text-decoration: none !important; box-shadow: 0 12px 30px rgba(27,94,32,.35);
  overflow: hidden; animation: ibrahAfIn .6s ease both, ibrahAfPulse 2.8s ease-in-out 1.2s infinite;
}
.ibrah-af-float::after { content: ''; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255,255,255,.16); transform: rotate(30deg); transition: all .7s ease; pointer-events: none; }
.ibrah-af-float:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(27,94,32,.45); }
.ibrah-af-float:hover::after { left: 120%; }
.ibrah-af-ico { flex: 0 0 42px; height: 42px; border-radius: 12px; background: #f4e04d; color: #1b5e20; display: flex; align-items: center; justify-content: center; font-size: 22px; }
.ibrah-af-txt { color: #e8f3e5; }
.ibrah-af-txt strong { display: block; color: #f4e04d; font-size: 15px; letter-spacing: .2px; }
@keyframes ibrahAfIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
@keyframes ibrahAfPulse { 0%,100% { box-shadow: 0 12px 30px rgba(27,94,32,.35); } 50% { box-shadow: 0 12px 30px rgba(27,94,32,.35), 0 0 0 8px rgba(244,224,77,.35); } }
@media (max-width: 600px) {
  body.pkp_page_about.pkp_op_submissions .ibrah-af-float,
  body.pkp_page_submission.pkp_op_wizard .ibrah-af-float { left: 12px; right: 12px; bottom: 12px; max-width: none; font-size: 13px; }
}

/* ============================================
   HALAMAN SUBMISSIONS: COPYRIGHT NOTICE & PRIVACY STATEMENT
   ============================================ */
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
  position: relative; overflow: hidden; margin: 34px 0 0; padding: 26px 28px 22px 28px;
  background: #fff; border: 1px solid #e3ebe0; border-top: 4px solid #2e7d32; border-radius: 18px;
  box-shadow: 0 4px 16px rgba(30,60,30,.06); font-family: 'Poppins', Helvetica, sans-serif;
  font-size: 14.5px; line-height: 1.8; color: #2d3748;
}
.page_submissions .copyright_notice::after,
.page_submissions .privacy_statement::after {
  content: ''; position: absolute; top: 18px; right: 22px; width: 54px; height: 54px; border-radius: 16px;
  background: #fdf8d8 no-repeat center / 28px; border: 1px solid #f4e04d; pointer-events: none;
}
.page_submissions .copyright_notice::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M15 9.5a4 4 0 1 0 0 5'/%3E%3C/svg%3E");
}
.page_submissions .privacy_statement::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6l8-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.page_submissions .copyright_notice h2,
.page_submissions .privacy_statement h2 {
  font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 22px !important; font-weight: 700 !important;
  color: #1b5e20 !important; margin: 0 80px 18px 0 !important; padding: 0 0 10px !important; position: relative;
}
.page_submissions .copyright_notice h2::before,
.page_submissions .privacy_statement h2::before {
  display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 2px; color: #9a7a1e; margin-bottom: 2px;
}
.page_submissions .copyright_notice h2::before { content: 'CC BY-SA 4.0 · OPEN ACCESS'; }
.page_submissions .privacy_statement h2::before { content: 'YOUR DATA IS PROTECTED'; }
.page_submissions .copyright_notice h2::after,
.page_submissions .privacy_statement h2::after {
  content: ''; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 4px;
  background: linear-gradient(90deg, #2e7d32, #f4e04d);
}
.page_submissions .copyright_notice h2 a,
.page_submissions .privacy_statement h2 a { font-size: 13px !important; font-weight: 500; }
/* sub-judul "License and Copyright Agreement" */
.page_submissions .copyright_notice > p:first-of-type strong {
  display: inline-block; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: #1b5e20;
  background: #eef6ea; border: 1px solid #cfe3c8; border-radius: 20px; padding: 3px 14px;
}
/* daftar ketentuan: kartu bernomor */
.page_submissions .copyright_notice ol { list-style: none; counter-reset: ibcp; padding: 0; margin: 14px 0 18px; }
.page_submissions .copyright_notice ol > li {
  counter-increment: ibcp; position: relative; padding: 14px 16px 14px 62px; margin: 0 0 10px;
  background: #fbfdfa; border: 1px solid #e3ebe0; border-left: 4px solid #2e7d32; border-radius: 12px;
  transition: all .3s ease;
}
.page_submissions .copyright_notice ol > li:hover { border-left-color: #f4e04d; box-shadow: 0 8px 20px rgba(46,125,50,.10); transform: translateY(-2px); }
.page_submissions .copyright_notice ol > li::before {
  content: counter(ibcp); position: absolute; left: 16px; top: 14px; width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(135deg, #2e7d32, #1b5e20); color: #f4e04d; font-weight: 700; font-size: 15px;
  display: flex; align-items: center; justify-content: center;
}
/* paragraf penutup: kotak kuning lembut */
.page_submissions .copyright_notice > p:last-child {
  background: #fdf8d8; border: 1px solid #efe3a0; border-radius: 12px; padding: 14px 18px; margin: 0; font-size: 14px; color: #5b4c10;
}
.page_submissions .copyright_notice a,
.page_submissions .privacy_statement a { color: #1b5e20 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px dashed #a5c99a; }
.page_submissions .copyright_notice a:hover { border-bottom-color: #f4e04d; }
.page_submissions .privacy_statement p { margin: 0; padding-left: 16px; border-left: 3px solid #f4e04d; }
@media (max-width: 600px) {
  .page_submissions .copyright_notice, .page_submissions .privacy_statement { padding: 22px 18px 18px; }
  .page_submissions .copyright_notice::after, .page_submissions .privacy_statement::after { width: 42px; height: 42px; background-size: 22px; top: 14px; right: 14px; }
  .page_submissions .copyright_notice ol > li { padding-left: 54px; }
}

/* ============================================
   HALAMAN SUBMISSIONS: JUDUL, TOMBOL SUBMIT, CHECKLIST
   ============================================ */
.page_submissions > h1 { font-family: 'Poppins', Helvetica, sans-serif !important; color: #1b5e20 !important; font-weight: 700 !important; margin-bottom: 18px !important; }
.page_submissions > h1::after { content: 'تقديم البحوث'; display: block; font-family: 'Amiri', serif; font-size: 24px; font-weight: 700; color: #9a7a1e; margin-top: 2px; }
/* Kotak "Make a new submission / Login or Register" */
.page_submissions > .cmp_notification {
  position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%) !important; border: 0 !important; border-left: 0 !important;
  border-bottom: 4px solid #f4e04d !important; border-radius: 18px; padding: 22px 24px 22px 92px !important;
  color: #e3efe0; font-family: 'Poppins', Helvetica, sans-serif; font-size: 15px; box-shadow: 0 10px 25px rgba(46,125,50,.22);
}
.page_submissions > .cmp_notification::before {
  content: ''; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 14px;
  background: rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4e04d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M12 18v-6M9 15l3-3 3 3'/%3E%3C/svg%3E") no-repeat center / 26px;
}
.page_submissions > .cmp_notification a {
  display: inline-block; padding: 9px 20px; border-radius: 30px; font-weight: 700; font-size: 14px;
  text-decoration: none !important; transition: all .3s ease; border: 2px solid #f4e04d;
}
.page_submissions > .cmp_notification a:first-of-type { background: #f4e04d; color: #1b5e20 !important; }
.page_submissions > .cmp_notification a:last-of-type { background: transparent; color: #f4e04d !important; }
.page_submissions > .cmp_notification a:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.18); background: #fff; color: #1b5e20 !important; border-color: #fff; }
/* Checklist */
.page_submissions .submission_checklist {
  position: relative; margin: 34px 0 0; padding: 26px 28px 22px; background: #fff; border: 1px solid #e3ebe0;
  border-top: 4px solid #2e7d32; border-radius: 18px; box-shadow: 0 4px 16px rgba(30,60,30,.06);
  font-family: 'Poppins', Helvetica, sans-serif; font-size: 14.5px; line-height: 1.75; color: #4a5568;
}
.page_submissions .submission_checklist::after {
  content: ''; position: absolute; top: 18px; right: 22px; width: 54px; height: 54px; border-radius: 16px; border: 1px solid #f4e04d; pointer-events: none;
  background: #fdf8d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M9 11l2 2 4-4M9 17h6'/%3E%3C/svg%3E") no-repeat center / 28px;
}
.page_submissions .submission_checklist h2 {
  font-family: 'Poppins', Helvetica, sans-serif !important; font-size: 22px !important; font-weight: 700 !important;
  color: #1b5e20 !important; margin: 0 80px 16px 0 !important; padding: 0 0 10px !important; position: relative;
}
.page_submissions .submission_checklist h2::before { content: 'BEFORE YOU SUBMIT'; display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 2px; color: #9a7a1e; margin-bottom: 2px; }
.page_submissions .submission_checklist h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #2e7d32, #f4e04d); }
.page_submissions .submission_checklist ul { list-style: none !important; margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; counter-reset: ibck; }
.page_submissions .submission_checklist ul li {
  counter-increment: ibck; position: relative; display: block; padding: 14px 16px 14px 62px !important; margin: 0 0 10px !important;
  background: #fbfdfa; border: 1px solid #e3ebe0 !important; border-left: 4px solid #2e7d32 !important; border-radius: 12px;
  color: #2d3748; transition: all .3s ease;
}
.page_submissions .submission_checklist ul li:hover { border-left-color: #f4e04d !important; box-shadow: 0 8px 20px rgba(46,125,50,.10); transform: translateY(-2px); }
.page_submissions .submission_checklist ul li .fa {
  position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; width: 32px; height: 32px; border-radius: 50%; margin: 0 !important;
  background: linear-gradient(135deg, #2e7d32, #1b5e20); color: #f4e04d !important; font-size: 14px !important;
  display: flex !important; align-items: center; justify-content: center;
}
.page_submissions .submission_checklist a { color: #1b5e20 !important; font-weight: 600; text-decoration: none !important; border-bottom: 1px dashed #a5c99a; }
.page_submissions .submission_checklist a:hover { border-bottom-color: #f4e04d; }
@media (max-width: 600px) {
  .page_submissions > .cmp_notification { padding: 80px 18px 20px !important; }
  .page_submissions > .cmp_notification::before { top: 18px; transform: none; }
  .page_submissions .submission_checklist { padding: 22px 18px 18px; }
  .page_submissions .submission_checklist::after { width: 42px; height: 42px; background-size: 22px; top: 14px; right: 14px; }
  .page_submissions .submission_checklist ul li { padding-left: 54px !important; }
}

/* ============================================
   PERBAIKAN KEDIP: kotak tidak lagi "naik" saat disentuh kursor.
   (Kotak yang naik membuat kursor di tepi garis keluar-masuk kotak,
   sehingga efeknya hidup-mati berulang = berkedip.)
   Warna, bayangan, dan kilau tetap ada.
   ============================================ */
.ibrah-info-card:hover, .ibrah-step:hover, .ibrah-index a:hover, .ibrah-logo-tile:hover,
.ibrah-et-card:hover, .ibrah-fs-card:hover, .ibrah-scope-item:hover, .ibrah-ag-step:hover,
.page_contact .contact_section > div:hover, .ibrah-pe-value:hover, .ibrah-apc-fee:hover,
.ibrah-ix-card:hover, .obj_article_summary:hover,
.page_submissions .copyright_notice ol > li:hover,
.page_submissions .submission_checklist ul li:hover {
  transform: none !important;
}

/* ============================================
   HEADER BERSIH: TANPA GARIS HIJAU, GARIS ABU TIPIS DI BAWAH MENU TETAP ADA
   ============================================ */
.pkp_structure_head { border-bottom: 1px solid #ddd !important; box-shadow: none !important; }
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_navigation_primary_row { border: 0 !important; box-shadow: none !important; }
.pkp_structure_head .pkp_site_name img { display: block; }
/* Latar hijau bawaan tema di belakang header dibuat putih, celah di bawah gambar ditutup */
.pkp_structure_head,
.pkp_structure_head .pkp_site_name_wrapper { background: #fff !important; background-image: none !important; }
.pkp_structure_head .pkp_site_name { padding-bottom: 0 !important; margin-bottom: 0 !important; line-height: 0 !important; }
.pkp_structure_head .pkp_site_name .is_img { display: block !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; }