/* ==========================================================================
   CUSTOM ARTICLE CARDS DESIGN (Elegan, Dinamis, & Modern Badge)
   ========================================================================== */

/* 1. Wadah utama daftar artikel berbentuk kartu */
.obj_article_summary {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 5px solid #202640 !important; 
    border-radius: 12px !important;
    padding: 22px 25px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    position: relative !important;
}

/* 2. Efek interaktif saat kursor mendekati kartu artikel */
.obj_article_summary:hover {
    transform: translateY(-4px) !important;
    border-left-color: #ffd700 !important; 
    box-shadow: 0 12px 30px rgba(9, 66, 148, 0.08) !important;
    border-color: #ffd700 !important;
}

/* 3. Perbaikan Judul Artikel agar lebih tegas dan elegan */
.obj_article_summary .title a {
    color: #094294 !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.obj_article_summary .title a:hover {
    color: #ffd700 !important; 
}

/* 4. Penataan teks DOI dan Penulis */
.obj_article_summary .doi a {
    color: #4a5568 !important;
    font-size: 12.5px !important;
    text-decoration: none !important;
}

.obj_article_summary .doi a:hover {
    color: #094294 !important;
    text-decoration: underline !important;
}

.obj_article_summary .meta {
    color: #718096 !important;
    font-size: 13px !important;
}

/* 5. Penataan Baris Bawah (Tombol PDF & Badge Informasi Berjejer ke Samping) */
.obj_article_summary .galleys_links,
.obj_article_summary .row.galleys_links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

/* Tombol PDF */
.obj_article_summary .obj_galley_link, 
.obj_article_summary .fa-file-pdf-o, 
.obj_article_summary a.obj_galley_link {
    background: #094294 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 7px 18px !important;
    font-weight: 600 !important;
    font-size: 12.5px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: 0 2px 5px rgba(9, 66, 148, 0.2) !important;
    transition: all 0.3s ease !important;
}

.obj_article_summary .obj_galley_link:hover {
    background: #ffd700 !important;
    color: #094294 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3) !important;
}

/* Menambahkan Badge Informasi Pendukung di Samping Tombol PDF secara Dinamis */
.obj_article_summary .galleys_links::after {
    content: "🔓 Open Access · Peer Reviewed";
    background: #f1f5f9;
    color: #475569;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 600;
    border: 1px solid #e2e8f0;
    display: inline-flex;
    align-items: center;
}