/* Judul block elegan */
.pkp_block .title {
    background: #eaf1fb;        /* biru sangat lembut */
    color: #1e3a8a;             /* biru gelap untuk teks */
    font-weight: 700;
    padding: 10px 14px;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #3b82f6; /* garis bawah biru aksen */
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Link dalam konten */
.pkp_block .content a {
    display: block;
    color: #1e3a8a;                  /* biru gelap */
    text-decoration: none;
    padding: 8px 12px;
    margin-bottom: 6px;
    border-radius: 5px;              /* kotak mini */
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
}

/* Hover link */
.pkp_block .content a:hover {
    background: #dbeafe;             /* biru lembut saat hover */
    border-color: #3b82f6;           /* border biru muncul saat hover */
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    padding-left: 14px;              /* efek geser halus */
}








/* Judul CFP tetap elegan */
#customblock-call-for-paper .title {
    background: #eaf1fb;
    color: #1e3a8a;
    font-weight: 700;
    padding: 10px 14px;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #3a449e;
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}



/* Link CFP dengan background animasi gradasi */
#customblock-call-for-paper .content a {
    display: block;
    position: relative;
    padding: 12px 16px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff; /* teks putih agar kontras */
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(270deg, #05b3a3, #3a449e, #05b3a3);
    background-size: 400% 400%;
    animation: gradient-move 3s linear infinite;
    transition: all 0.3s ease;
}

/* Animasi gradasi bergerak */
@keyframes gradient-move {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Hover efek (optional) */
#customblock-call-for-paper .content a:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Teks tetap di atas animasi */
#customblock-call-for-paper .content a span {
    position: relative;
    z-index: 1;
}






/* Judul CFP dengan animasi masuk */
#customblock-call-for-paper .title {
    font-weight: 700;
    font-size: 1.5rem;
    color: #1e3a8a; /* warna stabil, tidak berubah */
    padding: 10px 14px;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #3a449e;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);

    /* Animasi teks masuk */
    opacity: 0;
    transform: translateX(-30px);
    animation: title-slide-in 1s ease-out forwards;
    animation-delay: 0.3s; /* bisa diatur */
}

/* Keyframes animasi masuk */
@keyframes title-slide-in {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Link tetap animasi gradasi background */
#customblock-call-for-paper .content a {
    display: block;
    position: relative;
    padding: 12px 16px;
    margin-bottom: 10px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(270deg, #05b3a3, #3a449e, #05b3a3);
    background-size: 400% 400%;
    animation: gradient-move 3s linear infinite;
    transition: all 0.3s ease;
}

@keyframes gradient-move {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#customblock-call-for-paper .content a span {
    position: relative;
    z-index: 1;
}




/* Icon kertas di akhir link Google Docs */
a[href*="docs.google.com"]::after {
    content: "";
    display: inline-block;
    width: 18px; /* ukuran icon */
    height: 18px;
    margin-left: 6px; /* jarak dari teks */
    vertical-align: middle;
    background-image: url('https://img.icons8.com/?size=100&id=4BtH896WSWNx&format=png&color=000000');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}




.pkp_site_nav_menu {
    background: none;
}





.pkp_site_name .is_img img {
max-height: 100px;
}