/* ==========================================================================
   JOURNAL OF GOVERNMENT AND CIVIL SOCIETY (JGCS) - CUSTOM CSS (V8)
   Inspired by Springer Nature Editorial Architecture
   Identity Colors: Maroon (#5e1010), Dark Charcoal (#1a1a1a), Light Gray (#f8fafc)
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. CORE VARIABLES & GLOBAL TYPOGRAPHY
   -------------------------------------------------------------------------- */
:root {
    --jgcs-maroon: #5e1010;
    --jgcs-maroon-hover: #420b0b;
    --jgcs-maroon-light: #fcf5f5;
    --jgcs-gold: #d4af37;
    --jgcs-dark: #1a1a1a;
    --jgcs-slate: #334155;
    --jgcs-muted: #64748b;
    --jgcs-border: #e2e8f0;
    --jgcs-bg-subtle: #f8fafc;
    --jgcs-font-serif: "Georgia", "Times New Roman", Times, serif;
    --jgcs-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --jgcs-radius: 6px;
    --jgcs-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --jgcs-shadow-md: 0 4px 12px rgba(94, 16, 16, 0.08);
    --jgcs-transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    font-family: var(--jgcs-font-sans) !important;
    color: var(--jgcs-slate);
    background-color: #ffffff;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Tipografi Heading Bergaya Editorial Academic (Springer Style) */
h1, h2, h3, h4, h5, h6,
.page-header h1, 
.obj_article_summary .title {
    font-family: var(--jgcs-font-sans) !important;
    color: var(--jgcs-dark);
    letter-spacing: -0.01em;
}

/* Format Teks Justify untuk Area Utama */
.pkp_structure_main p,
.pkp_structure_main .additional_content,
.pkp_structure_main .obj_article_summary .abstract {
    text-align: justify !important;
}

/* --------------------------------------------------------------------------
   1. NAVIGATION HEADER & DROPDOWN MENU
   -------------------------------------------------------------------------- */

.pkp_structure_head {
    background-color: #ffffff !important;
    border-bottom: 4px solid var(--jgcs-maroon) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* Pembersihan Elemen Pseudo Header Bawaan */
.pkp_structure_head::before, .pkp_structure_head::after,
.pkp_head_wrapper::before, .pkp_head_wrapper::after,
.pkp_site_nav_menu::before, .pkp_site_nav_menu::after,
.pkp_navigation_primary_row::before, .pkp_navigation_primary_row::after,
.pkp_navigation_primary_wrapper::before, .pkp_navigation_primary_wrapper::after {
    display: none !important;
    content: none !important;
}

/* Baris Navigasi Utama */
.pkp_navigation_primary_row {
    background: var(--jgcs-maroon) !important;
    padding: 0 15px !important;
}

/* Item Menu Navigasi Utama */
.pkp_navigation_primary_row .pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 18px !important;
    text-decoration: none !important;
    transition: var(--jgcs-transition) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary > li > a:hover {
    background-color: var(--jgcs-maroon-hover) !important;
    color: var(--jgcs-gold) !important;
}

/* Dropdown Menu Container */
.pkp_structure_head .dropdown-menu,
.pkp_navigation_primary_wrapper .dropdown-menu,
.pkp_navigation_primary ul li ul,
ul.dropdown-menu {
    background-color: var(--jgcs-maroon) !important;
    background: var(--jgcs-maroon) !important;
    border: none !important;
    border-top: 3px solid var(--jgcs-gold) !important;
    border-radius: 0 0 var(--jgcs-radius) var(--jgcs-radius) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
    padding: 8px 0 !important;
    margin-top: 0 !important;
}

/* Item List & Link di Dalam Dropdown */
.pkp_navigation_primary_wrapper .dropdown-menu li,
.pkp_navigation_primary ul li ul li,
ul.dropdown-menu li {
    background-color: var(--jgcs-maroon) !important;
    background: var(--jgcs-maroon) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary_wrapper .dropdown-menu li a,
.pkp_navigation_primary ul li ul li a,
ul.dropdown-menu li a {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    display: block !important;
    transition: var(--jgcs-transition) !important;
    background: transparent !important;
}

.pkp_navigation_primary_wrapper .dropdown-menu li:hover a,
.pkp_navigation_primary ul li ul li a:hover,
ul.dropdown-menu li a:hover {
    background-color: var(--jgcs-maroon-hover) !important;
    color: var(--jgcs-gold) !important;
    padding-left: 24px !important;
}

/* --------------------------------------------------------------------------
   1.2 FITUR SEARCH HEADER
   -------------------------------------------------------------------------- */

a.pkp_search,
a.pkp_search_desktop,
.pkp_navigation_primary_row .pkp_search {
    color: var(--jgcs-maroon) !important;
    background: transparent !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

a.pkp_search:hover {
    color: var(--jgcs-maroon-hover) !important;
    opacity: 0.85 !important;
}

/* --------------------------------------------------------------------------
   2. HOMEPAGE REORDERING & LAYOUT STRUCTURE
   -------------------------------------------------------------------------- */

.page_index_journal {
    display: flex !important;
    flex-direction: column !important;
}

.page_index_journal .additional_content {
    order: 1 !important;
    margin-bottom: 35px !important;
}

.page_index_journal .cmp_announcements,
.page_index_journal .homepage_announcements {
    order: 2 !important;
    margin-bottom: 35px !important;
}

.page_index_journal .current_issue {
    order: 3 !important;
    margin-bottom: 40px !important;
}

.pkp_structure_main .page-header {
    border-bottom: 2px solid var(--jgcs-maroon) !important;
    padding-bottom: 10px !important;
    margin-bottom: 25px !important;
}

.pkp_structure_page hr,
.pkp_structure_main hr,
.page_index_journal hr {
    display: none !important;
}

/* --------------------------------------------------------------------------
   3. SPRINGER NATURE-INSPIRED CURRENT ISSUE SECTION (2-ROW GRID)
   -------------------------------------------------------------------------- */

/* Header Section Current Issue */
.page_index_journal .current_issue > h2,
.pkp_page_issue .page-header h1 {
    color: var(--jgcs-maroon) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border-bottom: 3px solid var(--jgcs-maroon) !important;
    padding-bottom: 10px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Badge Tahun/Volume pada Header Current Issue */
.page_index_journal .current_issue_title {
    font-size: 14px !important;
    font-family: var(--jgcs-font-sans) !important;
    color: var(--jgcs-muted) !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* Container utama daftar artikel Current Issue */
.page_index_journal .current_issue .sections,
.page_index_journal .current_issue .section,
.obj_issue_toc .sections {
    display: block !important;
}

/* Container Grid 2 Kolom / 2 Row Balans */
.page_index_journal .current_issue .cmp_article_list,
.page_index_journal .current_issue ul.articles,
.obj_issue_toc .section ul.articles {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 Kolom Sejajar */
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Responsif Mobile: Fallback ke 1 Kolom */
@media (max-width: 768px) {
    .page_index_journal .current_issue .cmp_article_list,
    .page_index_journal .current_issue ul.articles,
    .obj_issue_toc .section ul.articles {
        grid-template-columns: 1fr !important;
    }
}

/* Kartu Artikel Individual (Springer Nature Card Style) */
.page_index_journal .current_issue .obj_article_summary,
.obj_issue_toc .obj_article_summary {
    background: #ffffff !important;
    border: 1px solid var(--jgcs-border) !important;
    border-top: 4px solid var(--jgcs-maroon) !important; /* Identitas Maroon JGCS */
    border-radius: var(--jgcs-radius) !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important; /* Memastikan tinggi kartu seimbang */
    box-shadow: var(--jgcs-shadow-sm) !important;
    transition: var(--jgcs-transition) !important;
    position: relative !important;
}

/* Efek Hover Kartu Artikel */
.page_index_journal .current_issue .obj_article_summary:hover,
.obj_issue_toc .obj_article_summary:hover {
    box-shadow: var(--jgcs-shadow-md) !important;
    transform: translateY(-2px) !important;
    border-top-color: var(--jgcs-gold) !important;
}

/* Label Kategori/Tipe Artikel (e.g., Original Research) */
.obj_article_summary .section_title,
.obj_article_summary .article_type {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: var(--jgcs-maroon) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 8px !important;
}

/* Judul Artikel (Serif Heading - Prestisius & Modern) */
.obj_article_summary .title,
.obj_article_summary .title a {
    font-family: var(--jgcs-font-sans) !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--jgcs-dark) !important;
    text-decoration: none !important;
    margin-bottom: 12px !important;
    display: block !important;
}

.obj_article_summary .title a:hover {
    color: var(--jgcs-maroon) !important;
}

/* Penulis Artikel */
.obj_article_summary .authors {
    font-size: 13px !important;
    color: var(--jgcs-slate) !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    line-height: 1.5 !important;
}

/* Halaman & DOI Metadata */
.obj_article_summary .pages,
.obj_article_summary .doi {
    font-size: 12px !important;
    color: var(--jgcs-muted) !important;
    margin-bottom: 15px !important;
}

/* Tombol Akses PDF / Galleys (Bottom Card Anchor) */
.obj_article_summary .galleys {
    margin-top: auto !important;
    padding-top: 12px !important;
    border-top: 1px dashed var(--jgcs-border) !important;
    display: flex !items-center !important;
    gap: 8px !important;
}

.obj_article_summary .galleys a.galley_link {
    background-color: var(--jgcs-maroon-light) !important;
    color: var(--jgcs-maroon) !important;
    border: 1px solid rgba(94, 16, 16, 0.2) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: var(--jgcs-transition) !important;
    display: inline-flex !important;
    align-items: center !important;
}

.obj_article_summary .galleys a.galley_link:hover {
    background-color: var(--jgcs-maroon) !important;
    color: #ffffff !important;
    border-color: var(--jgcs-maroon) !important;
}

/* --------------------------------------------------------------------------
   4. ANNOUNCEMENTS STYLING
   -------------------------------------------------------------------------- */

.cmp_announcements > h2,
.homepage_announcements > h2 {
    color: var(--jgcs-maroon) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid var(--jgcs-maroon) !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
}

.cmp_announcements .obj_announcement_summary,
.homepage_announcements .obj_announcement_summary {
    background: #ffffff !important;
    border: 1px solid var(--jgcs-border) !important;
    border-radius: var(--jgcs-radius) !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: var(--jgcs-shadow-sm) !important;
    transition: var(--jgcs-transition) !important;
}

.cmp_announcements .obj_announcement_summary:hover {
    border-color: var(--jgcs-maroon) !important;
    box-shadow: var(--jgcs-shadow-md) !important;
}

.obj_announcement_summary .title,
.obj_announcement_summary .title a {
    color: var(--jgcs-maroon) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.obj_announcement_summary .date {
    color: var(--jgcs-muted) !important;
    font-size: 12.5px !important;
    margin: 4px 0 12px 0 !important;
}

.obj_announcement_summary .summary {
    color: var(--jgcs-slate) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}

/* --------------------------------------------------------------------------
   5. SIDEBAR & WIDGET MOST VIEWED
   -------------------------------------------------------------------------- */

.pkp_structure_sidebar .pkp_block {
    background: #ffffff !important;
    border: 1px solid var(--jgcs-border) !important;
    border-radius: var(--jgcs-radius) !important;
    padding: 18px !important;
    margin-bottom: 24px !important;
    box-shadow: var(--jgcs-shadow-sm) !important;
}

.pkp_structure_sidebar .pkp_block .title,
.block_most_viewed .title {
    color: var(--jgcs-maroon) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border-bottom: 2px solid var(--jgcs-maroon) !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.block_most_viewed .content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.block_most_viewed .content ul li {
    border-bottom: 1px solid var(--jgcs-border) !important;
    padding: 10px 0 !important;
}

.block_most_viewed .content ul li:last-child {
    border-bottom: none !important;
}

.block_most_viewed .content ul li a {
    color: var(--jgcs-dark) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    display: block !important;
}

.block_most_viewed .content ul li a:hover {
    color: var(--jgcs-maroon) !important;
}

/* --------------------------------------------------------------------------
   6. FOOTER STYLING
   -------------------------------------------------------------------------- */

.pkp_structure_footer_wrapper {
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
    padding: 30px 0 20px 0 !important;
    margin-top: 40px !important;
    width: 100% !important;
}

.pkp_structure_footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.pkp_footer_content {
    display: block !important;
    width: 100% !important;
    text-align: justify !important;
}

.pkp_brand_footer {
    display: none !important;
}

/* --------------------------------------------------------------------------
   7. HYPERLINK & MAROON CONTAINER OVERRIDES
   -------------------------------------------------------------------------- */

.pkp_structure_main a,
.pkp_structure_main p a {
    color: inherit !important;
    text-decoration: underline !important;
}

.pkp_structure_main a:hover {
    opacity: 0.8 !important;
}

.pkp_navigation_primary_row a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Khusus Container/Box Berlatar Belakang Maroon (#5e1010) */
div[style*="background-color: #5e1010"],
div[style*="background-color:#5e1010"],
div[style*="background: #5e1010"],
div[style*="background:#5e1010"] {
    color: #ffffff !important;
}

div[style*="background-color: #5e1010"] p,
div[style*="background-color: #5e1010"] h1,
div[style*="background-color: #5e1010"] h2,
div[style*="background-color: #5e1010"] h3,
div[style*="background-color: #5e1010"] h4,
div[style*="background-color: #5e1010"] li,
div[style*="background-color: #5e1010"] span,
div[style*="background-color: #5e1010"] strong {
    color: #ffffff !important;
}

/* Pengecualian Tombol Putih Dalam Box Maroon */
div[style*="background-color: #5e1010"] a[style*="background-color: #ffffff"],
div[style*="background-color:#5e1010"] a[style*="background-color: #ffffff"] {
    background-color: #ffffff !important;
    color: #5e1010 !important;
    text-decoration: none !important;
}

div[style*="background-color: #5e1010"] a[style*="background-color: #ffffff"] * {
    color: #5e1010 !important;
}