.editorial-wrapper{
background:#eef2f6;
padding:35px;
border-radius:12px;
margin:20px 0;
}

.editorial-title{
font-size:28px;
font-weight:700;
color:#1e293b;
margin-bottom:30px;
display:flex;
align-items:center;
gap:10px;
}

.editorial-row{
display:flex;
gap:20px;
flex-wrap:nowrap;
}

.editorial-card{
background:#ffffff;
width:20%;
padding:25px 15px;
border-radius:14px;
text-align:center;
box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.editorial-icon{
width:65px;
height:65px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 15px auto;
font-size:28px;
}

.editorial-number{
font-size:34px;
font-weight:700;
margin-bottom:5px;
}

.editorial-label{
font-size:14px;
color:#64748b;
}

/* COLORS */

.blue{border-top:4px solid #3b82f6;}
.blue .editorial-icon{background:#dbeafe;color:#3b82f6;}

.orange{border-top:4px solid #f59e0b;}
.orange .editorial-icon{background:#fef3c7;color:#f59e0b;}

.green{border-top:4px solid #10b981;}
.green .editorial-icon{background:#d1fae5;color:#10b981;}

.cyan{border-top:4px solid #06b6d4;}
.cyan .editorial-icon{background:#cffafe;color:#06b6d4;}

.red{border-top:4px solid #ef4444;}
.red .editorial-icon{background:#fee2e2;color:#ef4444;}

/* RESPONSIVE */

@media(max-width:900px){
.editorial-row{
flex-wrap:wrap;
}

.editorial-card{
width:48%;
}
}

@media(max-width:500px){
.editorial-card{
width:100%;
}
}


/* Indexing Slider */

.indexed-section{
background:#f5f5f5;
padding:40px;
border-radius:10px;
}

.indexed-title{
font-size:26px;
font-weight:bold;
margin-bottom:25px;
}

.indexed-slider{
display:flex;
overflow-x:auto;
gap:20px;
padding-bottom:10px;
scroll-behavior:smooth;
}

.indexed-item{
min-width:200px;
height:100px;
background:#fff;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.indexed-item img{
max-width:140px;
max-height:60px;
object-fit:contain;
}

/* Akhir Indexing Slider */



/*  editorial team */

.editorial-container{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.editorial-section{
background:#f6f8fc;
padding:25px;
border-radius:12px;
box-shadow:0 4px 14px rgba(0,0,0,0.08);
}

.editorial-title{
font-size:20px;
font-weight:700;
color:#1e4fa3;
margin-bottom:20px;
border-bottom:2px solid #e3e7f0;
padding-bottom:10px;
}

.editor-card{
display:flex;
gap:15px;
background:#fff;
padding:15px;
border-radius:10px;
margin-bottom:15px;
box-shadow:0 3px 8px rgba(0,0,0,0.06);
align-items:center;
}

.editor-photo{
width:65px;
height:65px;
border-radius:50%;
object-fit:cover;
border:3px solid #2c66da;
}

.editor-name{
font-weight:700;
font-size:15px;
color:#222;
}

.editor-role{
display:inline-block;
background:#AB50F8;
color:#fff;
font-size:11px;
padding:4px 10px;
border-radius:20px;
margin:5px 0;
}

.editor-affiliation{
font-size:13px;
color:#777;
margin-bottom:6px;
}

.editor-links a{
font-size:12px;
background:#eef2f7;
padding:5px 10px;
border-radius:6px;
margin-right:6px;
text-decoration:none;
color:#333;
}

.editor-links a:hover{
background:#dde5f0;
}

.editor-button{
display:block;
text-align:center;
margin-top:15px;
background:#153e8a;
color:#fff;
padding:12px;
border-radius:30px;
text-decoration:none;
font-weight:600;
}

.editor-button:hover{
background:#0f2c5e;
}

@media(max-width:900px){
.editorial-container{
grid-template-columns:1fr;
}
}

/* Akhir editorial team */


/* Footer */

/* CTA SECTION */

.cta-submit{
background:#AB50F8;
text-align:center;
padding:70px 20px;
color:white;
}

.cta-container{
max-width:900px;
margin:auto;
}

.cta-submit h2{
font-size:36px;
font-weight:700;
margin-bottom:20px;
}

.cta-submit p{
font-size:18px;
line-height:1.6;
margin-bottom:30px;
opacity:0.9;
}

.btn-submit{
background:#ff8c00;
color:white;
padding:14px 28px;
border-radius:8px;
font-weight:600;
text-decoration:none;
display:inline-block;
}

.btn-submit:hover{
background:#ff7600;
}

.cta-register{
margin-top:20px;
font-size:16px;
}

.btn-register{
background:#2f5bd3;
padding:8px 14px;
border-radius:6px;
color:white;
text-decoration:none;
margin:0 5px;
}


/* FOOTER */

.custom-footer{
background:#AB50F8;
color:white;
padding:60px 20px;
border-top:5px solid #ff8c00;
}

.footer-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:40px;
}

.footer-col h4{
color:#ff8c00;
margin-bottom:15px;
}

.footer-col ul{
list-style:none;
padding:0;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col ul li a{
color:white;
text-decoration:none;
opacity:0.9;
}

.footer-col ul li a:hover{
opacity:1;
}

.logo-title{
font-size:28px;
margin-bottom:10px;
}

.logo-good{
color:#ff8c00;
font-weight:700;
}

.logo-pub{
color:#6da0ff;
font-weight:700;
}

.license{
margin-top:15px;
opacity:0.8;
}


/* RESPONSIVE */

@media (max-width:768px){

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

}

/* Ahkhir footer */

.pkp_brand_footer {
display: none;
}



.pkp_site_name_wrapper{
padding:20px 0;
}


/* SLIDER FULL WIDTH */

.full-slider{
width:100vw;
margin-left:calc(-50vw + 50%);
overflow:hidden;
background:#ffffff;
padding:30px 0;
}

/* TRACK */

.slider-track{
display:flex;
gap:25px;
animation:slideLogo 20s linear infinite;
}

/* LOGO */

.slider-track img{
width:20%;
height:auto;
object-fit:contain;
background:#fff;
padding:10px;
border-radius:6px;
box-shadow:0 3px 8px rgba(0,0,0,0.1);
}

/* ANIMATION */

@keyframes slideLogo{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}



/* HEADER USER BAR */

.top-user-bar{
display:flex;
align-items:center;
gap:15px;
justify-content:flex-end;
margin-top:10px;
}

/* SEARCH */

.search-box form{
display:flex;
border:1px solid #ddd;
border-radius:6px;
overflow:hidden;
}

.search-box input{
border:none;
padding:10px 15px;
width:200px;
outline:none;
}

.search-box button{
background:#6b8e23;
color:white;
border:none;
padding:10px 15px;
cursor:pointer;
font-size:16px;
}

/* LOGIN REGISTER */

.user-menu{
display:flex;
gap:10px;
}

.btn-login,
.btn-register{
border:1px solid #ddd;
padding:10px 18px;
border-radius:6px;
text-decoration:none;
color:#333;
background:#fff;
font-weight:500;
}

.btn-login:hover,
.btn-register:hover{
background:#f5f5f5;
}