/* =========================================================
   7. CUSTOM HEADER JURNAL AQUACULTURE INDONESIA
   ========================================================= */

/* Background seluruh area header */
.pkp_structure_head {
    width: 100%;
    background: #527487;
}


/* Container utama header */
.pkp_head_wrapper {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}


/* Container banner/logo */
.pkp_site_name_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}


/* Area gambar header */
.pkp_site_name {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}


/* Gambar header memenuhi area secara proporsional */
.pkp_site_name img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* =======================================================
   1. PENGATURAN HEADER & LOGO (SYNTAX NAVY-TEAL THEME)
   ======================================================= */

.pkp_site_name { padding-top: 0 !important; padding-bottom: 0 !important; }
.pkp_site_name > a { padding-top: 0; padding-bottom: 0; }
.pkp_site_name .is_img { display: inline-block; margin: 0; padding: 0; }
.pkp_site_name .is_img img { max-height: 100% !important; margin: 0;}
.pkp_head_wrapper, .has_site_logo .pkp_head_wrapper { position: relative; padding-top: 10px; background: transparent;}
.pkp_site_name_wrapper { padding-left: 0; padding-right: 0; }

/* =======================================================
   2. PENGATURAN MENU SIDEBAR (Jurnal Aquaculture Indonesia-TEAL THEME)
   ======================================================= */

/* Container Utama Sidebar */
.sidebar-menu-akuakultur {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Memberikan efek bayangan */
    margin-bottom: 25px;
}

/* Bagian Judul Menu */
.sidebar-menu-akuakultur .menu-title {
    background-color: #0b3a42; /* Warna Teal Gelap (Menyesuaikan warna tergelap di header) */
    color: #ffffff;
    margin: 0;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-bottom: 3px solid #63a9af; /* Aksen garis warna biru/teal muda */
}

/* Reset Pengaturan List */
.sidebar-menu-akuakultur .menu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #134e56; /* Warna latar belakang item menu (Teal) */
}

/* Garis Pemisah Antar Item */
.sidebar-menu-akuakultur .menu-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar-menu-akuakultur .menu-list li:last-child {
    border-bottom: none;
}

/* Gaya Teks dan Kotak Link */
.sidebar-menu-akuakultur .menu-list li a {
    display: block;
    padding: 12px 15px 12px 25px;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}

/* Membuat Karakter Panah (Arrow) Kecil di Sebelah Kiri */
.sidebar-menu-akuakultur .menu-list li a::before {
    content: "\203A"; /* Kode karakter unicode untuk panah single (â€º) */
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #88c8d0;
    transition: all 0.3s ease;
}

/* Efek Hover (Saat Kursor Diarahkan ke Menu) */
.sidebar-menu-akuakultur .menu-list li a:hover {
    background-color: #1a6f7a; /* Warna lebih cerah saat di-hover */
    padding-left: 30px; /* Membuat teks sedikit bergeser ke kanan */
    color: #ffffff;
}

.sidebar-menu-akuakultur .menu-list li a:hover::before {
    left: 17px; /* Panah ikut bergeser */
    color: #ffffff;
}
/* =========================================================
   3. STYLE DAFTAR ARTIKEL 
   ========================================================= */
.issue_toc h3, 
.cmp_article_list > h2,
.cmp_article_list > h3 {
    color: #858e96;
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 25px;
    border-bottom: 1px solid transparent; 
}

.issue_toc h3::after,
.cmp_article_list > h2::after,
.cmp_article_list > h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background-color: #f6ad55; 
}

.obj_article_summary {
    background-color: #f0f3f3; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    border-right: 5px solid #4b7d92; 
    border-bottom: 5px solid #4b7d92; 
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.obj_article_summary .title {
    margin-bottom: 10px;
    line-height: 1.4;
}

.obj_article_summary .title a {
    color: #47688c;
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
}

.obj_article_summary .title a:hover {
    color: #0010a3;
    text-decoration: none;
}

.obj_article_summary .authors {
    color: #334155;
    font-size: 0.95rem;
    margin-bottom: 15px;
}

.obj_article_summary .pages {
    color: #64748b;
    font-size: 0.95rem;
    float: right; 
    margin-top: -35px; 
}

.obj_article_summary .galleys_links {
    margin-top: 10px;
}

.obj_article_summary .galley_link {
    background-color: #0010a3 !important;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: bold;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.obj_article_summary .galley_link:hover {
    background-color: #000c7a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

    /* =========================================================
   2. HOMEPAGE IMAGE
   ========================================================= */

.homepage_image {
    display: inline-block;
    width: 28%;
    margin-left: 0;
    float: right;
}

.homepage_image img {
    margin: 60px 0 0 -20px;
    box-shadow: 4px 2px 5px gray;
    width: 300px;
    max-width: 100%;
    height: auto;
}
}/* Sembunyikan Logo Bawaan OJS/PKP di Bagian Paling Bawah */
.pkp_brand_footer, 
a.pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer {
  display: none !important;
}

/* Menyembunyikan seluruh blok Author Biographies di halaman artikel */
.item.author_biography,
.author_bios,
.section.author_biographies {
    display: none !important;