/* ========================================================
   TEMA SM PUBLISHING (KEMBALI KE VERSI "HAMPIR BENAR" + PERBAIKAN)
   ======================================================== */

/* 1. Background Dasar Halaman */
body {
    background-color: #f4f7f6 !important;
    background-image: none !important;
}

/* 2. Header & Banner */
/* PERBAIKAN 1: Background kita bebaskan agar warna Kuning bawaan OJS 
   bisa tampil dan seragam di halaman Index maupun Login! */
.pkp_structure_head {
    background-color: transparent !important; 
    border: none !important;
}

/* Banner cukup di tengah dan natural, tidak dipaksa aneh-aneh (Struktur Bawaan OJS) */
.pkp_site_name_wrapper {
    text-align: center !important;
    padding: 15px 0 !important;
}

.pkp_site_name img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
}

/* 3. Bar Menu Utama (Biru khas SM Publishing) */
.pkp_navigation_primary_wrapper {
    background: #005a8c !important; 
    border-bottom: 4px solid #f59e0b !important;
}

.pkp_navigation_primary_wrapper a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.pkp_navigation_primary_wrapper a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Dropdown Menu Utama */
.pkp_navigation_primary_wrapper ul ul {
    background: #ffffff !important;
    border-top: 2px solid #005a8c !important;
}
.pkp_navigation_primary_wrapper ul ul a {
    color: #333 !important;
    text-transform: none !important;
}

/* 4. Menu User (Kanan Atas) */
/* PERBAIKAN 2: Menarik turun menu "adminjurnalsm" yang sempat terbang 
   ke pojok kanan atas agar kembali ke tempat wajarnya */
.pkp_navigation_user_wrapper {
    position: static !important; 
}

.pkp_navigation_user_wrapper a {
    color: #005a8c !important; /* Warna biru agar jelas di latar yang terang */
    font-weight: bold !important;
}

/* =======================================================
   5. RAHASIA HALAMAN STABIL: KOTAK LOGIN & REGISTER
   ======================================================= */
/* 
   Daripada merusak lebar halaman, kita buat kotak form login/register 
   menjadi kotak eksklusif di tengah layar (seperti Facebook/Google). 
*/
form#login, form#register, form.cmp_form {
    max-width: 600px !important;
    margin: 40px auto !important;
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
    border: 1px solid #e5e7eb !important;
}

/* Agar judul "Registrasi" ikut ke tengah */
.pkp_page_login .pkp_structure_main,
.pkp_page_register .pkp_structure_main {
    text-align: center !important;
}
.pkp_page_login .pkp_structure_main form,
.pkp_page_register .pkp_structure_main form {
    text-align: left !important; /* Isi form tetap rapi di kiri */
}

/* 6. Form Input & Tombol */
input[type="text"], input[type="password"], input[type="email"], textarea {
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}
input[type="text"]:focus, input[type="password"]:focus {
    border-color: #005a8c !important;
    box-shadow: 0 0 0 3px rgba(0, 90, 140, 0.2) !important;
    outline: none !important;
}

.pkp_button, button, .cmp_button {
    background: #005a8c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 25px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}
.pkp_button:hover, button:hover {
    background: #004066 !important;
}

/* 7. Footer */
.pkp_structure_footer_wrapper {
    background: #0f172a !important; 
    color: #cbd5e1 !important;
    border-top: none !important;
}
.pkp_structure_footer_wrapper a {
    color: #38bdf8 !important; 
}
.pkp_brand_footer img {
    filter: brightness(0) invert(0.8) !important; 
}