/* Mata Literasi – gaya kustom untuk OJS 3.x (tema Default)
   Unggah di: Pengaturan > Tampilan > Lanjutan > Stylesheet Jurnal/Situs */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;700;800&family=Literata:wght@400;600&display=swap');

:root{--ml-bg:#f4f6fa;--ml-card:#fff;--ml-ink:#0e1c33;--ml-mute:#5a6a82;--ml-line:#dde3ed;--ml-teal:#0d8a94;--ml-sun:#f5b301;--ml-night:#07111f}

body{background:var(--ml-bg);color:var(--ml-ink);font-family:Literata,Georgia,serif;font-size:16px;line-height:1.65}
h1,h2,h3,h4,.pkp_site_name,.pkp_navigation_primary a,.pkp_navigation_user a,.cmp_button,.pkp_button,button{font-family:'Bricolage Grotesque','Segoe UI',sans-serif}
h1,h2,h3{color:var(--ml-ink);letter-spacing:-.01em}
a{color:var(--ml-teal)}
a:hover,a:focus{color:var(--ml-ink)}
:focus-visible{outline:3px solid var(--ml-sun);outline-offset:2px}

/* Header */
.pkp_structure_head{background:linear-gradient(125deg,#07111f 0%,#0b2a4a 55%,#0a3a48 100%);border-bottom:0}
.pkp_head_wrapper{padding-top:.4rem;padding-bottom:.4rem}
.pkp_site_name .is_text,.pkp_site_name .is_img{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.5rem;letter-spacing:-.01em;text-decoration:none}
.pkp_site_name .is_img img{display:none}
.pkp_site_name .is_img:after{content:"Mata Literasi"}
.pkp_site_name .is_text:before,.pkp_site_name .is_img:before{content:"";flex:none;width:28px;height:28px;border-radius:50%;border:3px solid var(--ml-teal);background:radial-gradient(circle,var(--ml-ink) 0 20%,var(--ml-sun) 22% 46%,transparent 48%),#fff2}
.pkp_navigation_user a,.pkp_navigation_primary>li>a{color:#fff;font-weight:500}
.pkp_navigation_user>li>a:hover,.pkp_navigation_user>li>a:focus,
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus{color:#fff;background:transparent;box-shadow:0 3px 0 var(--ml-sun)}
.pkp_navigation_primary ul{background:var(--ml-card);border:1px solid var(--ml-line);border-radius:10px}
.pkp_navigation_primary ul a{color:var(--ml-ink)}

/* Konten */
.pkp_structure_main:before,.pkp_structure_main:after{display:none}
.pkp_structure_content{background:transparent}
.page_index_site h2,.page_index_journal h2,.page h1{font-weight:800}

/* Daftar jurnal (halaman utama situs) */
.page_index_site .journals>ul>li,.obj_issue_summary,.obj_article_summary{background:var(--ml-card);border:1px solid var(--ml-line);border-radius:14px;padding:1rem 1.2rem;margin-bottom:1.2rem;transition:transform .15s}
.page_index_site .journals>ul>li:hover,.obj_article_summary:hover{transform:translateY(-3px)}
.page_index_site .journals .thumb img{border-radius:8px}

/* Tombol */
.cmp_button,.cmp_button_wire,.pkp_button,.obj_galley_link,a.obj_galley_link,button[type=submit],.cmp_form .buttons button{background:var(--ml-sun);color:#1a1200;border:0;border-radius:99px;padding:.5rem 1.2rem;font-weight:700;box-shadow:none;text-shadow:none}
.cmp_button:hover,.cmp_button:focus,.pkp_button:hover,.obj_galley_link:hover,button[type=submit]:hover{background:var(--ml-ink);color:#fff}
.cmp_button_wire{background:transparent;color:var(--ml-ink);border:2px solid currentColor}

/* Form */
input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{border:1px solid var(--ml-line);border-radius:10px;background:var(--ml-card);color:var(--ml-ink);padding:.6rem .8rem}

/* Kartu info dan sidebar */
.pkp_block,.cmp_notification,.cmp_breadcrumbs{background:var(--ml-card);border-radius:10px}
.pkp_block{border:1px solid var(--ml-line);padding:1rem;margin-bottom:1rem}
.pkp_block .title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:var(--ml-ink)}

/* Footer */
.pkp_structure_footer_wrapper{background:var(--ml-card);border-top:4px solid var(--ml-sun)}
.pkp_footer_content{color:var(--ml-mute);font-size:.95rem}
.pkp_footer_content a{color:var(--ml-teal)}

@media(max-width:480px){.pkp_site_name .is_text,.pkp_site_name .is_img{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}