/* =====================================================
   OJS FINAL THEME — ELEGANT TOSCA GREEN
   Banner normal | Header sticky | Ideal spacing
   Remove vertical line bug | Border ONLY Sidebar & Main
   Premium Sidebar Pseudo Icons | Enhanced Article List
   Compatible : OJS 3.3 / 3.4 / 3.5
   ===================================================== */

   /* =========================
      COLOR SYSTEM - ELEGANT TOSCA
   ========================= */
   :root {
     --primary: #00674b;
     --primary-dark: #004d38;
     --primary-light: #1a8a6a;
     --primary-soft: #4aad8a;
     --accent: #d4af37;
     --accent-light: #f0d060;
     --border: #c8e0d8;
     --text: #1f2937;
     --bg-soft: #f0f7f4;
   }
   
   /* =========================
      GLOBAL RESET
   ========================= */
   *,
   *::before,
   *::after {
     box-sizing: border-box;
   }
   
   body {
     margin: 0;
     font-family: "Helvetica Neue", Arial, sans-serif;
     background: var(--bg-soft);
     color: var(--text);
   }
   
   /* =====================================================
      HEADER OVERRIDE - GRADIENT #004519 ke #005b18
   ===================================================== */
   .pkp_structure_head,
   .pkp_structure_head.pkp_structure_head {
     background: linear-gradient(
       135deg,
       #004519 0%,
       #004e1a 30%,
       #005318 60%,
       #005b18 85%,
       #005b18 100%
     ) !important;
     border-bottom: 3px solid #C99A2E !important;
     position: sticky !important;
     top: 0 !important;
     z-index: 9999 !important;
     margin-bottom: 0 !important;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
     overflow: visible !important;
   }
   
   .pkp_structure_head::before {
     content: "" !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     background: 
       radial-gradient(ellipse at 70% 30%, rgba(0, 134, 118, 0.10) 0%, transparent 60%) !important;
     pointer-events: none !important;
     z-index: 0 !important;
   }
   
   .pkp_structure_head::after {
     content: "" !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     background-image: 
       radial-gradient(circle at 10% 40%, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
       radial-gradient(circle at 25% 60%, rgba(0, 134, 118, 0.06) 1.5px, transparent 1.5px),
       radial-gradient(circle at 40% 30%, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
       radial-gradient(circle at 55% 70%, rgba(0, 134, 118, 0.05) 1.5px, transparent 1.5px),
       radial-gradient(circle at 70% 35%, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
       radial-gradient(circle at 85% 55%, rgba(0, 134, 118, 0.06) 1.5px, transparent 1.5px),
       radial-gradient(circle at 95% 40%, rgba(255, 255, 255, 0.04) 1px, transparent 1px) !important;
     background-repeat: no-repeat !important;
     background-size: 100% 100% !important;
     background-position: center !important;
     pointer-events: none !important;
     z-index: 0 !important;
   }
   
   .pkp_structure_head_wrapper,
   .pkp_head_wrapper,
   .pkp_site_name_wrapper,
   .pkp_site_name,
   .pkp_navigation_primary_wrapper {
     background: transparent !important;
     position: relative !important;
     z-index: 2 !important;
   }
   
   /* =====================================================
      LOGO / JUDUL - #FFFFFF
   ===================================================== */
   .pkp_site_name a {
     margin-left: 22px !important;
     color: #FFFFFF !important;
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) !important;
     font-weight: 700 !important;
     letter-spacing: 0.3px !important;
   }
   
   /* =====================================================
      NAVIGATION BAR - #004519 ke #005b18
   ===================================================== */
   .pkp_navigation_primary {
     background: transparent !important;
   }
   
   .pkp_navigation_primary_wrapper {
     background: linear-gradient(
       135deg,
       #004519 0%,
       #004e1a 25%,
       #005318 50%,
       #005b18 75%,
       #005b18 100%
     ) !important;
     border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
     border-bottom: 2px solid rgba(201, 154, 46, 0.25) !important;
     padding: 0 !important;
     margin-top: 0 !important;
   }
   
   /* =====================================================
      MENU - #FFFFFF
   ===================================================== */
   .pkp_navigation_primary > li > a {
     padding: 12px 22px !important;
     margin-left: 0 !important;
     color: #FFFFFF !important;
     text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
     font-weight: 500 !important;
     font-size: 14px !important;
     transition: all 0.3s ease !important;
     border-radius: 4px !important;
     position: relative !important;
   }
   
   .pkp_navigation_primary > li > a:hover {
     background: rgba(231, 185, 74, 0.15) !important;
     color: #E7B94A !important;
     transform: translateY(-1px) !important;
   }
   
   .pkp_navigation_primary > li > a.active,
   .pkp_navigation_primary > li > a:focus {
     background: rgba(231, 185, 74, 0.15) !important;
     color: #E7B94A !important;
     border-bottom: 2px solid rgba(231, 185, 74, 0.6) !important;
   }
   
   /* =====================================================
      SEARCH BOX - #005318
   ===================================================== */
   .pkp_search {
     background: #005318 !important;
     border-radius: 20px !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     padding: 4px 10px !important;
   }
   
   .pkp_search input[type="text"] {
     background: transparent !important;
     color: #FFFFFF !important;
     border: none !important;
     padding: 6px 10px !important;
     font-size: 13px !important;
   }
   
   .pkp_search input[type="text"]::placeholder {
     color: rgba(255, 255, 255, 0.5) !important;
   }
   
   .pkp_search button {
     background: rgba(255, 255, 255, 0.15) !important;
     color: #FFFFFF !important;
     border: none !important;
     border-radius: 20px !important;
     padding: 4px 14px !important;
     transition: all 0.3s ease !important;
     font-size: 12px !important;
   }
   
   .pkp_search button:hover {
     background: #D6A63A !important;
     color: #003B2F !important;
   }
   
   /* =====================================================
      PAGE CONTAINER
   ===================================================== */
   .pkp_structure_page {
     max-width: 1200px;
     margin: auto;
     padding: 0 20px;
     background: transparent !important;
     border: none !important;
     box-shadow: none !important;
     overflow-x: visible !important;
   }
   
   .pkp_structure_content {
     margin-top: 22px !important;
     padding-top: 0 !important;
     border: none !important;
   }
   
   /* =====================================================
      BANNER - MENYATU DENGAN MAIN CARD
   ===================================================== */
   .pkp_structure_main {
     background: #ffffff;
     padding: 0 28px 28px 28px !important;
     border-radius: 14px;
     border: 1px solid var(--border) !important;
     box-shadow: 0 6px 20px rgba(0,0,0,0.05);
     overflow: hidden;
     position: relative;
   }
   
   .homepage_image,
   .page_index_journal .homepage_image,
   .pkp_structure_main > img:first-child {
     position: static !important;
     width: calc(100% + 56px) !important;
     max-width: none !important;
     margin: 0 0 22px -28px !important;
     border-radius: 13px 13px 0 0 !important;
     display: block;
     object-fit: cover;
   }

   .homepage_image img,
   .page_index_journal .homepage_image img {
     width: 100% !important;
     height: auto !important;
     max-width: none !important;
     display: block !important;
     object-fit: cover !important;
   }
   
   @media (max-width: 992px) {
     .pkp_structure_main {
       padding: 0 24px 24px 24px !important;
     }
     .homepage_image,
     .page_index_journal .homepage_image,
     .pkp_structure_main > img:first-child {
       width: calc(100% + 48px) !important;
       margin: 0 0 20px -24px !important;
     }
   }
   
   @media (max-width: 768px) {
     .pkp_structure_main {
       padding: 0 18px 18px 18px !important;
     }
     .homepage_image,
     .page_index_journal .homepage_image,
     .pkp_structure_main > img:first-child {
       width: calc(100% + 36px) !important;
       margin: 0 0 18px -18px !important;
       border-radius: 11px 11px 0 0 !important;
     }
   }
   
   /* =====================================================
      SIDEBAR
   ===================================================== */
   .pkp_structure_sidebar {
     padding-left: 22px;
   }
   
   @media (min-width: 992px) {
     .pkp_structure_sidebar {
       position: static !important;
       top: auto !important;
     }
   }
   
   @media (max-width: 992px) {
     .pkp_structure_sidebar {
       padding-left: 0;
       margin-top: 18px;
     }
   }
   
   /* =====================================================
      PREMIUM SIDEBAR BLOCK
   ===================================================== */
   .pkp_block {
     background: #ffffff;
     padding: 0 !important;
     margin-bottom: 24px;
     border-radius: 20px;
     border: 1px solid var(--border) !important;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
     overflow: hidden;
     transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
     animation: fadeInUp 0.5s ease forwards;
     opacity: 0;
   }
   
   .pkp_block:hover {
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
     transform: translateY(-2px);
   }
   
   .pkp_block .title {
     font-size: 16px;
     font-weight: 700;
     color: var(--primary) !important;
     background: #ffffff !important;
     padding: 14px 20px !important;
     margin: 0 !important;
     border-bottom: 2px solid var(--accent) !important;
     position: relative;
     overflow: hidden;
     display: block !important;
     width: 100% !important;
     box-sizing: border-box;
     border-radius: 0 !important;
   }
   
   .pkp_block .title::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(0,0,0,0.03), transparent);
     transition: left 0.5s ease;
   }
   
   .pkp_block:hover .title::before {
     left: 100%;
   }
   
   .pkp_block .title::after {
     content: "\f0c9";
     font-family: 'FontAwesome', 'Font Awesome 6 Free';
     font-weight: 900;
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 14px;
     color: var(--accent);
     transition: transform 0.3s ease;
   }
   
   .pkp_block:hover .title::after {
     transform: translateY(-50%) rotate(90deg);
   }
   
   .pkp_block ul {
     list-style: none;
     padding: 8px 0 !important;
     margin: 0 !important;
   }
   
   .pkp_block ul li {
     margin-bottom: 0 !important;
     border-bottom: 1px solid #f0f0f0;
     transition: all 0.2s ease;
     position: relative;
     overflow: hidden;
   }
   
   .pkp_block ul li:last-child {
     border-bottom: none;
   }
   
   .pkp_block ul li a {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 12px 20px !important;
     font-size: 14px;
     font-weight: 500;
     color: var(--text);
     text-decoration: none;
     background: transparent !important;
     transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
     position: relative;
     z-index: 1;
   }
   
   .pkp_block ul li a::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);
     transition: left 0.3s ease;
     z-index: -1;
   }
   
   .pkp_block ul li a:hover::before {
     left: 0;
   }
   
   .pkp_block ul li a:hover {
     color: #ffffff !important;
     transform: translateX(5px);
   }
   
   .pkp_block ul li a::after {
     font-family: 'FontAwesome', 'Font Awesome 6 Free';
     font-weight: 900;
     content: "\f054";
     margin-left: auto;
     font-size: 12px;
     color: var(--accent);
     transition: transform 0.2s ease;
   }
   
   .pkp_block ul li a:hover::after {
     color: #ffffff;
     transform: translateX(3px);
   }
   
   .pkp_block:nth-child(1) { animation-delay: 0.03s; }
   .pkp_block:nth-child(2) { animation-delay: 0.06s; }
   .pkp_block:nth-child(3) { animation-delay: 0.09s; }
   .pkp_block:nth-child(4) { animation-delay: 0.12s; }
   .pkp_block:nth-child(5) { animation-delay: 0.15s; }
   
   /* =====================================================
      CUSTOM MENU BLOCK
   ===================================================== */
   .custom-menu-block {
     background: #ffffff;
     border-radius: 20px;
     margin-bottom: 24px;
     border: 1px solid var(--border);
     overflow: hidden;
     transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
     padding: 0 !important;
     animation: fadeInUp 0.5s ease forwards;
     opacity: 0;
   }
   
   .custom-menu-block:hover {
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
     transform: translateY(-2px);
   }
   
   .custom-menu-block .block-title {
     font-size: 16px;
     font-weight: 700;
     color: var(--primary) !important;
     background: #ffffff !important;
     padding: 14px 20px !important;
     margin: 0 !important;
     position: relative;
     overflow: hidden;
     display: block !important;
     width: 100% !important;
     box-sizing: border-box;
     border-radius: 0 !important;
     border-bottom: 2px solid var(--accent) !important;
   }
   
   .custom-menu-block .block-title::before {
     content: '📋';
     margin-right: 10px;
     font-size: 16px;
     display: inline-block;
   }
   
   .custom-menu-block .block-title::after {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(0,0,0,0.03), transparent);
     transition: left 0.5s ease;
   }
   
   .custom-menu-block:hover .block-title::after {
     left: 100%;
   }
   
   .custom-menu-block ul {
     list-style: none;
     padding: 8px 0;
     margin: 0;
   }
   
   .custom-menu-block ul li {
     border-bottom: 1px solid #f0f0f0;
     transition: all 0.2s ease;
     position: relative;
     overflow: hidden;
   }
   
   .custom-menu-block ul li:last-child {
     border-bottom: none;
   }
   
   .custom-menu-block ul li a {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 12px 20px;
     font-size: 13px;
     font-weight: 500;
     color: var(--text);
     text-decoration: none;
     transition: all 0.3s ease;
     position: relative;
     z-index: 1;
   }
   
   .custom-menu-block ul li a::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);
     transition: left 0.3s ease;
     z-index: -1;
   }
   
   .custom-menu-block ul li a:hover::before {
     left: 0;
   }
   
   .custom-menu-block ul li a:hover {
     color: #ffffff !important;
     transform: translateX(5px);
   }
   
   .custom-menu-block ul li a::after {
     font-family: 'FontAwesome', 'Font Awesome 6 Free';
     font-weight: 900;
     content: "\f054";
     margin-left: auto;
     font-size: 12px;
     color: var(--accent);
     transition: transform 0.2s ease;
   }
   
   .custom-menu-block ul li a:hover::after {
     color: #ffffff;
     transform: translateX(3px);
   }
   
   .custom-menu-block:nth-child(1) { animation-delay: 0.03s; }
   .custom-menu-block:nth-child(2) { animation-delay: 0.06s; }
   .custom-menu-block:nth-child(3) { animation-delay: 0.09s; }
   .custom-menu-block:nth-child(4) { animation-delay: 0.12s; }
   .custom-menu-block:nth-child(5) { animation-delay: 0.15s; }
   
   /* =====================================================
      CUSTOM BLOCK - PARAGRAPH SPACING
   ===================================================== */
   .custom-menu-block p,
   .pkp_block p {
     padding: 14px 20px !important;
     margin: 0 !important;
     line-height: 1.7;
     font-size: 13px;
     color: var(--text);
     background: #ffffff;
     border-bottom: 1px solid #f0f0f0;
   }
   
   .custom-menu-block p:last-child,
   .pkp_block p:last-child {
     border-bottom: none;
   }
   
   .custom-menu-block p:not(:first-child),
   .pkp_block p:not(:first-child) {
     border-top: 1px solid #f0f0f0;
     border-bottom: none;
   }
   
   .block p,
   .custom-block p {
     padding: 14px 20px !important;
     margin: 0 !important;
     line-height: 1.7;
     font-size: 13px;
     color: var(--text);
     background: #ffffff;
   }
   
   /* =====================================================
      ABSTRACT - JUSTIFY
   ===================================================== */
   .abstract,
   .article-summary .abstract,
   .obj_article_summary .abstract,
   .article-details .abstract,
   .pkp_abstract {
     text-align: justify !important;
   }
   
   /* =====================================================
      ALIGN PAGE NUMBER WITH PDF BUTTON
   ===================================================== */
   .obj_article_summary .galleys {
     display: flex !important;
     align-items: center !important;
     gap: 12px !important;
     flex-wrap: wrap !important;
   }
   
   .obj_article_summary .galleys .obj_galley_link {
     display: inline-flex !important;
     align-items: center !important;
     gap: 10px !important;
     background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
     color: white !important;
     padding: 8px 20px !important;
     border-radius: 40px !important;
     font-size: 12px !important;
     font-weight: 600 !important;
     text-decoration: none !important;
     transition: all 0.3s ease !important;
     vertical-align: middle !important;
     height: 34px !important;
     box-sizing: border-box !important;
   }
   
   .obj_article_summary .galleys .obj_galley_link:hover {
     background: linear-gradient(135deg, var(--accent) 0%, #b8941a 100%) !important;
     transform: translateY(-3px) !important;
   }
   
   .obj_article_summary .meta .pages {
     display: inline-flex !important;
     align-items: center !important;
     gap: 8px !important;
     background: #f8fafc !important;
     padding: 6px 14px !important;
     border-radius: 40px !important;
     font-size: 12px !important;
     font-weight: 500 !important;
     color: #1e293b !important;
     border: 1px solid #e2e8f0 !important;
     transition: all 0.25s ease !important;
     vertical-align: middle !important;
     height: 34px !important;
     box-sizing: border-box !important;
   }
   
   .obj_article_summary .meta .pages::before {
     content: "📄" !important;
     font-size: 14px !important;
   }
   
   .obj_article_summary .meta {
     display: flex !important;
     flex-wrap: wrap !important;
     gap: 12px !important;
     margin: 16px 0 !important;
     align-items: center !important;
   }
   
   .obj_article_summary .galleys {
     margin-top: 0 !important;
     display: flex !important;
     align-items: center !important;
     gap: 12px !important;
     flex-wrap: wrap !important;
   }
   
   .obj_article_summary .meta .pages,
   .obj_article_summary .galleys .obj_galley_link {
     line-height: 1 !important;
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
   }
   
   .article-details .pages {
     display: inline-flex !important;
     align-items: center !important;
     gap: 8px !important;
     background: #f8fafc !important;
     padding: 6px 14px !important;
     border-radius: 40px !important;
     font-size: 13px !important;
     font-weight: 500 !important;
     color: #1e293b !important;
     border: 1px solid #e2e8f0 !important;
     height: 34px !important;
     box-sizing: border-box !important;
   }
   
   .article-details .pages::before {
     content: "📄" !important;
     margin-right: 6px !important;
   }
   
   /* =====================================================
      ADDITIONAL CONTENT
   ===================================================== */
   .additional-content {
     display: block;
     padding: 16px;
     margin-top: 10px;
     background: #ffffff;
     border: 1px solid var(--border);
     border-radius: 12px;
     box-shadow: 0 2px 8px rgba(0,0,0,0.05);
   }
   
   .additional-content .about {
     margin-bottom: 14px;
     font-size: 14px;
     line-height: 1.7;
     text-align: justify;
   }
   
   .additional-content .about .title {
     font-size: 16px;
     font-weight: 700;
     color: var(--primary);
     margin-bottom: 8px;
   }
   
   .additional-content .info-row {
     display: flex;
     gap: 18px;
     align-items: flex-start;
   }
   
   .additional-content .cover {
     width: 140px;
     min-width: 140px;
   }
   
   .additional-content .cover img {
     width: 100%;
     height: auto;
     border-radius: 10px;
     object-fit: cover;
     box-shadow: 0 2px 6px rgba(0,0,0,0.08);
   }
   
   .additional-content .info {
     flex: 1;
   }
   
   .additional-content .info .title {
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 6px;
   }
   
   .additional-content .info .desc {
     text-align: justify;
     line-height: 1.6;
   }
   
   .additional-content .info ul {
     padding-left: 26px;
     margin-top: 8px;
   }
   
   .additional-content .info ul li {
     margin-bottom: 6px;
   }
   
   .additional-content .info ul li::marker {
     color: var(--primary);
   }
   
   @media (max-width: 768px) {
     .additional-content .info-row {
       flex-direction: column;
     }
     .additional-content .cover {
       width: 100%;
     }
   }
   
   /* =====================================================
      ENHANCED ARTICLE LIST
   ===================================================== */
   .obj_article_summary {
     background: #ffffff;
     border-radius: 20px !important;
     padding: 24px !important;
     margin-bottom: 24px !important;
     border: 1px solid var(--border) !important;
     transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
     position: relative;
     overflow: hidden;
     animation: cardEntrance 0.5s ease forwards;
     opacity: 0;
   }
   
   .obj_article_summary::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 3px;
     background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
     opacity: 0;
     transition: opacity 0.3s ease;
   }
   
   .obj_article_summary:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);
     border-color: var(--accent) !important;
   }
   
   .obj_article_summary:hover::after {
     opacity: 1;
   }
   
   .obj_article_summary .title {
     margin-bottom: 14px;
   }
   
   .obj_article_summary .title a {
     color: var(--primary);
     text-decoration: none;
     font-weight: 800;
     font-size: 19px;
     line-height: 1.4;
     transition: color 0.25s ease;
     display: inline-block;
   }
   
   .obj_article_summary .title a:hover {
     color: var(--accent);
   }
   
   .obj_article_summary .authors {
     color: #4b5563;
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 12px;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   
   .obj_article_summary .authors span {
     background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
     padding: 4px 12px;
     border-radius: 30px;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 12px;
     font-weight: 600;
     color: var(--primary-dark);
     transition: all 0.25s ease;
   }
   
   .obj_article_summary .authors span::before {
     content: "✍️";
     font-size: 11px;
   }
   
   .obj_article_summary .authors span:hover {
     background: var(--primary);
     color: white;
     transform: translateY(-2px);
   }
   
   .obj_article_summary .meta {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin: 16px 0;
     align-items: center;
   }
   
   .obj_article_summary .meta .pages,
   .obj_article_summary .meta .published,
   .obj_article_summary .meta .doi {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: #f8fafc;
     padding: 6px 14px;
     border-radius: 40px;
     font-size: 12px;
     font-weight: 500;
     color: #1e293b;
     border: 1px solid #e2e8f0;
     transition: all 0.25s ease;
     height: 34px;
     box-sizing: border-box;
   }
   
   .obj_article_summary .meta .pages::before { content: "📄"; }
   .obj_article_summary .meta .published::before { content: "📅"; }
   .obj_article_summary .meta .doi::before { content: "🆔"; }
   
   .obj_article_summary .galleys .obj_galley_link {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
     color: white;
     padding: 8px 20px;
     border-radius: 40px;
     font-size: 12px;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
     height: 34px;
     box-sizing: border-box;
   }
   
   .obj_article_summary .galleys .obj_galley_link:hover {
     background: linear-gradient(135deg, var(--accent) 0%, #b8941a 100%);
     transform: translateY(-3px);
   }
   
   .obj_article_summary .galleys {
     margin-top: 12px;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     align-items: center;
   }
   
   .obj_article_summary:nth-child(1) { animation-delay: 0.05s; }
   .obj_article_summary:nth-child(2) { animation-delay: 0.1s; }
   .obj_article_summary:nth-child(3) { animation-delay: 0.15s; }
   .obj_article_summary:nth-child(4) { animation-delay: 0.2s; }
   .obj_article_summary:nth-child(5) { animation-delay: 0.25s; }
   .obj_article_summary:nth-child(6) { animation-delay: 0.3s; }
   
   /* =====================================================
      ARCHIVE PAGE
   ===================================================== */
   .page_archive {
     background: transparent;
   }
   
   .page_archive h1,
   #archiveHeading {
     font-size: 32px;
     font-weight: 800;
     color: var(--primary);
     margin-bottom: 40px;
     padding-bottom: 15px;
     border-bottom: 4px solid var(--accent);
     display: inline-block;
   }
   
   .page_archive h1::before,
   #archiveHeading::before {
     content: "📚 ";
   }
   
   .page_archive h2 {
     font-size: 24px;
     font-weight: 800;
     color: var(--primary-dark);
     margin: 45px 0 25px 0;
     padding-left: 18px;
     border-left: 5px solid var(--accent);
     display: flex;
     align-items: center;
     gap: 10px;
   }
   
   .page_archive h2::before {
     content: "📅 ";
   }
   
   .obj_issue_summary,
   .issue-summary,
   .toc_issue {
     background: #ffffff;
     border-radius: 28px;
     margin-bottom: 32px;
     overflow: hidden;
     border: 1px solid var(--border);
     transition: all 0.35s ease;
     position: relative;
     display: block !important;
   }
   
   .obj_issue_summary:hover {
     transform: translateY(-6px);
     box-shadow: 0 25px 40px -15px rgba(0, 0, 0, 0.2);
     border-color: var(--accent);
   }
   
   .obj_issue_summary::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 5px;
     background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
     opacity: 0;
     transition: opacity 0.3s ease;
   }
   
   .obj_issue_summary:hover::before {
     opacity: 1;
   }
   
   .obj_issue_summary .title {
     display: block !important;
     width: 100%;
     margin: 0 0 22px 0 !important;
     padding: 0 0 18px 0 !important;
     border-bottom: 2px solid rgba(212, 175, 55, 0.25);
   }
   
   .obj_issue_summary .title a {
     font-size: 26px;
     font-weight: 800;
     color: var(--primary);
     text-decoration: none;
   }
   
   .obj_issue_summary .title a:hover {
     color: var(--accent);
   }
   
   .content-row {
     display: flex;
     gap: 35px;
     align-items: flex-start;
   }
   
   .obj_issue_summary .cover {
     flex-shrink: 0;
     width: 220px;
     background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
     border-radius: 20px;
     padding: 20px;
     text-align: center;
   }
   
   .obj_issue_summary .cover img {
     width: 100%;
     max-width: 180px;
     height: auto;
     border-radius: 16px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   }
   
   .obj_issue_summary .description {
     flex: 1;
     margin: 0 !important;
     padding: 0 10px 0 0 !important;
   }
   
   .obj_issue_summary .description p {
     font-size: 14px;
     line-height: 1.7;
     color: #4b5563;
     margin: 0 0 16px 0 !important;
     text-align: justify;
   }
   
   .obj_issue_summary .published,
   .obj_issue_summary .volume,
   .obj_issue_summary .number {
     display: inline-flex !important;
     align-items: center;
     gap: 8px;
     background: #f1f5f9;
     padding: 6px 18px;
     border-radius: 40px;
     font-size: 12px;
     font-weight: 500;
     color: #475569;
     margin-right: 12px;
     margin-bottom: 18px;
   }
   
   .obj_issue_summary .published::before { content: "📅"; }
   .obj_issue_summary .volume::before { content: "📊"; }
   .obj_issue_summary .number::before { content: "🔢"; }
   
   .obj_issue_summary .obj_galley_link {
     display: inline-flex !important;
     align-items: center;
     gap: 12px;
     background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
     color: white !important;
     padding: 10px 28px !important;
     border-radius: 50px !important;
     font-size: 13px !important;
     font-weight: 600 !important;
     text-decoration: none !important;
     margin-top: 8px;
   }
   
   .obj_issue_summary .obj_galley_link:hover {
     background: linear-gradient(135deg, var(--accent) 0%, #b8941a 100%) !important;
     transform: translateY(-3px);
   }
   
   /* =====================================================
      PAGINATION
   ===================================================== */
   .pagination {
     margin-top: 40px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 10px;
   }
   
   .pagination a,
   .pagination .current {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 44px;
     height: 44px;
     padding: 0 16px;
     border-radius: 14px;
     background: white;
     border: 1px solid var(--border);
     color: var(--primary);
     text-decoration: none;
     font-weight: 600;
     transition: all 0.25s ease;
   }
   
   .pagination a:hover {
     background: var(--primary);
     color: white;
     transform: translateY(-2px);
   }
   
   .pagination .current {
     background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
     color: white;
   }
   
   /* =====================================================
      FOOTER - TANPA ICON (CSS MURNI)
   ===================================================== */
   
   /* Reset dasar, dibatasi hanya untuk footer agar daftar di artikel tetap normal */
   .pkp_footer ul,
   .footer-cta ul,
   .footer-content ul,
   .footer-menu ul {
     margin: 0;
     padding: 0;
     list-style: none;
   }

   .pkp_structure_footer_wrapper {
     background: #ffffff !important;
     margin-top: 25px;
     padding: 0 !important;
     border-top: 1px solid var(--border) !important;
     width: 100% !important;
     overflow: hidden !important;
   }

   .pkp_footer {
     background: #ffffff !important;
     color: var(--text) !important;
     padding: 0 !important;
     font-size: 13px;
     line-height: 1.6;
   }

   .pkp_footer .pkp_structure_page {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
     background: transparent;
     width: 100% !important;
     box-sizing: border-box;
   }

   /* =====================================================
      FOOTER CTA - 3 KOLOM TANPA ICON
   ===================================================== */
   .footer-cta-wrapper {
     background: #ffffff !important;
     padding: 20px 0;
     border-bottom: 1px solid var(--border) !important;
     width: 100% !important;
   }

   .footer-cta {
     max-width: 1200px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
     padding: 0 20px;
   }

   .single-cta {
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 5px 0;
   }

   /* CSS ICON - Menggunakan border dan shape */
   .cta-icon {
     width: 45px !important;
     height: 45px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     background: #f0f7f4 !important;
     border-radius: 50% !important;
     flex-shrink: 0 !important;
     font-size: 14px !important;
     font-weight: 700 !important;
     color: var(--primary) !important;
     text-transform: uppercase;
   }

   /* Icon menggunakan teks singkat */
   .cta-icon-location::before { content: "📍"; }
   .cta-icon-phone::before { content: "📞"; }
   .cta-icon-email::before { content: "✉️"; }

   /* Fallback - menggunakan CSS shape jika emoji tidak muncul */
   .cta-icon-location {
     background: #f0f7f4;
     position: relative;
   }
   .cta-icon-location::after {
     content: none !important;
   }

   .cta-text h4 {
     color: var(--text);
     font-size: 16px;
     font-weight: 600;
     margin: 0 0 4px 0;
   }

   .cta-text span {
     color: #6b7280;
     font-size: 14px;
   }

   /* =====================================================
      FOOTER CONTENT - 3 KOLOM
   ===================================================== */
   .footer-content-wrapper {
     background: #ffffff !important;
     padding: 30px 0;
   }

   .footer-content {
     max-width: 1200px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1.5fr 1fr 1fr;
     gap: 40px;
     padding: 0 20px;
   }

   .footer-widget {
     width: 100%;
   }

   /* Kolom 1: Logo & About */
   .footer-widget-logo .footer-logo {
     margin-bottom: 15px;
     display: block;
   }

   .footer-widget-logo .footer-logo img {
     max-width: 200px;
     height: auto;
   }

   .footer-widget-logo .footer-text p {
     font-size: 13px;
     line-height: 1.8;
     color: #6b7280;
     margin-bottom: 15px;
     text-align: justify;
   }

   /* Social Icon - Tanpa Icon, Pakai Teks */
   .footer-social-icon span {
     color: var(--primary);
     display: block;
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 12px;
   }

   .footer-social-icon a {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
     width: 38px !important;
     height: 38px !important;
     border-radius: 50% !important;
     margin-right: 8px !important;
     color: #ffffff !important;
     font-size: 11px !important;
     font-weight: 700 !important;
     text-transform: uppercase !important;
     transition: all 0.3s ease !important;
     text-decoration: none !important;
   }

   .footer-social-icon a:hover {
     transform: translateY(-3px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   }

   .footer-social-icon .facebook-bg { background: #3B5998; }
   .footer-social-icon .twitter-bg { background: #55ACEE; }
   .footer-social-icon .google-bg { background: #DD4B39; }
   .footer-social-icon .instagram-bg { background: #E1306C; }
   .footer-social-icon .youtube-bg { background: #CD201F; }

   /* Kolom 2: Useful Links */
   .footer-widget-heading h3 {
     color: var(--primary);
     font-size: 18px;
     font-weight: 600;
     margin: 0 0 20px 0;
     padding-bottom: 12px;
     position: relative;
     border-bottom: 2px solid var(--border);
   }

   .footer-widget-heading h3::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -2px;
     height: 2px;
     width: 50px;
     background: var(--accent);
   }

   .footer-widget-links ul {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 6px 15px;
   }

   .footer-widget-links ul li {
     display: block;
     width: 100%;
     margin-bottom: 2px;
   }

   .footer-widget-links ul li a {
     color: #6b7280;
     font-size: 13px;
     text-decoration: none;
     transition: all 0.3s ease;
     display: inline-block;
     padding: 2px 0;
   }

   .footer-widget-links ul li a:hover {
     color: var(--accent);
     padding-left: 5px;
   }

   /* Kolom 3: Subscribe */
   .footer-widget-subscribe .footer-text p {
     font-size: 13px;
     line-height: 1.8;
     color: #6b7280;
     margin-bottom: 15px;
   }

   .subscribe-form {
     position: relative;
     overflow: hidden;
     border-radius: 30px;
     border: 2px solid var(--border);
     transition: all 0.3s ease;
     max-width: 100%;
   }

   .subscribe-form:focus-within {
     border-color: var(--primary);
     box-shadow: 0 0 0 3px rgba(0, 103, 75, 0.1);
   }

   .subscribe-form input {
     width: 100%;
     padding: 12px 80px 12px 20px;
     background: #f8fafc;
     border: none;
     color: var(--text);
     font-size: 13px;
     outline: none;
     box-sizing: border-box;
     border-radius: 30px;
   }

   .subscribe-form input::placeholder {
     color: #9ca3af;
   }

   .subscribe-form button {
     position: absolute;
     right: 4px;
     top: 4px;
     bottom: 4px;
     background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
     border: none;
     border-radius: 30px;
     padding: 0 18px;
     color: #ffffff;
     cursor: pointer;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     min-width: 60px;
     font-size: 13px;
     font-weight: 600;
     text-transform: uppercase;
   }

   .subscribe-form button:hover {
     background: var(--accent);
     transform: scale(1.05);
   }

   /* =====================================================
      FOOTER BOTTOM - CREATIVE COMMONS & COPYRIGHT
   ===================================================== */
   .footer-bottom-wrapper {
     margin: 0 !important;
     padding: 0 !important;
     background: #ffffff !important;
     width: 100% !important;
   }

   .creative-commons-wrapper {
     background: #ffffff !important;
     padding: 14px 20px;
     text-align: center;
     border-top: 1px solid var(--border) !important;
     border-bottom: 1px solid var(--border) !important;
     width: 100% !important;
     box-sizing: border-box !important;
   }

   .creative-commons-wrapper p {
     margin: 0;
     color: var(--text);
     font-size: 13px;
     line-height: 1.8;
   }

   .creative-commons-wrapper a {
     color: var(--primary) !important;
     text-decoration: none;
     font-weight: 500;
     transition: all 0.3s ease;
   }

   .creative-commons-wrapper a:hover {
     color: var(--accent) !important;
     text-decoration: underline;
   }

   .creative-commons-wrapper .cc-icons {
     display: inline-block;
     margin: 0 8px;
     vertical-align: middle;
   }

   .creative-commons-wrapper .cc-icons img {
     height: 20px;
     width: auto;
     vertical-align: middle;
   }

   .copyright-area {
     background: #ffffff !important;
     padding: 14px 20px;
     border-bottom: 1px solid var(--border) !important;
     width: 100% !important;
     box-sizing: border-box !important;
   }

   .copyright-content {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px 20px;
     padding: 0 20px;
   }

   .copyright-text p {
     margin: 0;
     font-size: 13px;
     color: var(--text);
   }

   .copyright-text p a {
     color: var(--primary) !important;
     text-decoration: none;
     font-weight: 500;
     transition: all 0.3s ease;
   }

   .copyright-text p a:hover {
     color: var(--accent) !important;
     text-decoration: underline;
   }

   .footer-menu ul {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 20px;
     margin: 0;
     padding: 0;
     list-style: none;
   }

   .footer-menu ul li {
     display: inline-block;
   }

   .footer-menu ul li a {
     font-size: 13px;
     color: var(--text);
     text-decoration: none;
     transition: all 0.3s ease;
   }

   .footer-menu ul li a:hover {
     color: var(--accent) !important;
   }

   .footer-menu ul li:not(:last-child)::after {
     content: "|";
     color: var(--border);
     margin-left: 20px;
   }

   /* =====================================================
      HILANGKAN BRAND PKP
   ===================================================== */
   .pkp_brand,
   .pkp_brand_footer,
   .pkp_brand_image,
   .pkp_brand a,
   .pkp_brand img,
   .pkp_brand_icon,
   .pkp_footer .pkp_brand,
   .pkp_brand_footer_wrapper,
   .pkp_structure_footer_wrapper .pkp_brand {
     display: none !important;
     visibility: hidden !important;
     opacity: 0 !important;
     height: 0 !important;
     width: 0 !important;
     overflow: hidden !important;
     position: absolute !important;
     z-index: -9999 !important;
     pointer-events: none !important;
   }

   /* =====================================================
      RESPONSIVE FOOTER
   ===================================================== */
   @media (max-width: 992px) {
     .footer-cta {
       grid-template-columns: 1fr 1fr;
       gap: 20px;
     }
     
     .footer-content {
       grid-template-columns: 1fr 1fr;
       gap: 30px;
     }
     
     .footer-widget-links ul {
       grid-template-columns: 1fr 1fr;
     }
   }

   @media (max-width: 768px) {
     .footer-cta {
       grid-template-columns: 1fr;
       gap: 15px;
       text-align: center;
     }
     
     .single-cta {
       justify-content: center;
     }
     
     .footer-content {
       grid-template-columns: 1fr;
       gap: 25px;
       text-align: center;
     }
     
     .footer-widget-heading h3::after {
       left: 50%;
       transform: translateX(-50%);
     }
     
     .footer-widget-links ul {
       grid-template-columns: 1fr 1fr;
     }
     
     .copyright-content {
       flex-direction: column;
       text-align: center;
     }
     
     .footer-menu ul {
       justify-content: center;
     }
     
     .footer-menu ul li:not(:last-child)::after {
       margin-left: 14px;
     }
     
     .footer-social-icon a {
       margin: 0 4px;
     }
   }

   @media (max-width: 480px) {
     .footer-widget-links ul {
       grid-template-columns: 1fr;
     }
     
     .footer-menu ul {
       flex-direction: column;
       gap: 4px;
     }
     
     .footer-menu ul li:not(:last-child)::after {
       content: "";
       display: none;
     }
     
     .single-cta {
       flex-direction: column;
       text-align: center;
     }
   }

   /* =====================================================
      ANIMATIONS
   ===================================================== */
   @keyframes cardEntrance {
     from { opacity: 0; transform: translateY(30px); }
     to { opacity: 1; transform: translateY(0); }
   }
   
   @keyframes fadeInUp {
     from { opacity: 0; transform: translateY(20px); }
     to { opacity: 1; transform: translateY(0); }
   }
   
   /* =====================================================
      DARK MODE SUPPORT
   ===================================================== */
   @media (prefers-color-scheme: dark) {
     body {
       background: #0a1a14;
     }
     
     .pkp_structure_main {
       background: #142a22;
       border-color: #1a4a3a !important;
     }
     
     .pkp_block,
     .custom-menu-block {
       background: #142a22;
       border-color: #1a4a3a !important;
     }
     
     .pkp_block ul li,
     .custom-menu-block ul li {
       border-bottom-color: #1a4a3a;
     }
     
     .pkp_block ul li a,
     .custom-menu-block ul li a {
       color: #cbd5e1;
     }
     
     .custom-menu-block p,
     .pkp_block p {
       color: #cbd5e1;
       background: #142a22;
       border-bottom-color: #1a4a3a;
     }
     
     .custom-menu-block p:not(:first-child),
     .pkp_block p:not(:first-child) {
       border-top-color: #1a4a3a;
     }
     
     .obj_article_summary {
       background: #142a22;
       border-color: #1a4a3a !important;
     }
     
     .obj_article_summary .authors span {
       background: #0a1a14;
       color: #94a3b8;
     }
     
     .obj_article_summary .meta .pages,
     .obj_article_summary .meta .published,
     .obj_article_summary .meta .doi {
       background: #0a1a14;
       border-color: #1a4a3a;
       color: #94a3b8;
     }
     
     .additional-content {
       background: #142a22;
       border-color: #1a4a3a;
     }
     
     .additional-content .about .title {
       color: var(--accent);
     }
     
     .additional-content .info .desc {
       color: #94a3b8;
     }
     
     .pagination a {
       background: #142a22;
       border-color: #1a4a3a;
       color: var(--accent);
     }
     
     .pagination a:hover {
       background: var(--primary);
       color: white;
     }

     /* Dark mode footer - Tanpa Icon */
     .pkp_structure_footer_wrapper {
       background: #0a1a14 !important;
       border-top: 1px solid #1a4a3a !important;
     }

     .pkp_footer {
       background: #0a1a14 !important;
       color: #cbd5e1 !important;
     }

     .footer-cta-wrapper {
       background: #0a1a14 !important;
       border-bottom: 1px solid #1a4a3a !important;
     }

     .cta-icon {
       background: #0d1f18;
       color: var(--accent);
     }

     .cta-text h4 {
       color: #cbd5e1;
     }

     .cta-text span {
       color: #94a3b8;
     }

     .footer-content-wrapper {
       background: #0a1a14 !important;
     }

     .footer-widget-logo .footer-text p {
       color: #94a3b8;
     }

     .footer-widget-heading h3 {
       color: var(--accent);
       border-bottom-color: #1a4a3a;
     }

     .footer-widget-links ul li a {
       color: #94a3b8;
     }

     .footer-widget-links ul li a:hover {
       color: var(--accent);
     }

     .footer-widget-subscribe .footer-text p {
       color: #94a3b8;
     }

     .subscribe-form {
       border-color: #1a4a3a;
     }

     .subscribe-form input {
       background: #0d1f18;
       color: #cbd5e1;
     }

     .subscribe-form input::placeholder {
       color: #64748b;
     }

     .footer-social-icon span {
       color: var(--accent);
     }

     .creative-commons-wrapper {
       background: #0a1a14 !important;
       border-top: 1px solid #1a4a3a !important;
       border-bottom: 1px solid #1a4a3a !important;
     }

     .creative-commons-wrapper p {
       color: #cbd5e1;
     }

     .creative-commons-wrapper a {
       color: var(--accent) !important;
     }

     .creative-commons-wrapper a:hover {
       color: #ffffff !important;
     }

     .creative-commons-wrapper .cc-icons img {
       filter: brightness(0) invert(1);
     }

     .copyright-area {
       background: #0a1a14 !important;
       border-bottom: 1px solid #1a4a3a !important;
     }

     .copyright-text p {
       color: #94a3b8;
     }

     .copyright-text p a {
       color: var(--accent) !important;
     }

     .copyright-text p a:hover {
       color: #ffffff !important;
     }

     .footer-menu ul li a {
       color: #94a3b8;
     }

     .footer-menu ul li a:hover {
       color: var(--accent) !important;
     }

     .footer-menu ul li:not(:last-child)::after {
       color: #1a4a3a;
     }

     /* Hilangkan brand PKP di dark mode */
     .pkp_brand,
     .pkp_brand_footer,
     .pkp_brand_image,
     .pkp_brand a,
     .pkp_brand img,
     .pkp_brand_icon,
     .pkp_footer .pkp_brand,
     .pkp_brand_footer_wrapper,
     .pkp_structure_footer_wrapper .pkp_brand {
       display: none !important;
       visibility: hidden !important;
       opacity: 0 !important;
       height: 0 !important;
       width: 0 !important;
       overflow: hidden !important;
       position: absolute !important;
       z-index: -9999 !important;
       pointer-events: none !important;
     }
   }
   
   /* =====================================================
      FIXES & UTILITIES
   ===================================================== */
   .pkp_structure_page::before,
   .pkp_structure_page::after,
   .pkp_structure_main::before,
   .pkp_structure_main::after,
   .page_archive::before,
   .page_archive::after {
     display: none !important;
   }
   
   body {
     background-image: none !important;
   }
   
   .obj_issue_summary .cover + *,
   .issue-summary .cover + *,
   .toc_issue .cover + * {
     margin-top: 0;
   }
   
   /* =====================================================
      STATISTICS SECTION STYLING
   ===================================================== */
   .stats-wrapper {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     margin-top: 15px;
     padding-top: 12px;
     border-top: 1px solid #f0f0f0;
   }
   
   .stat {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: #f8fafc;
     padding: 5px 14px;
     border-radius: 30px;
     font-size: 12px;
     color: #4b5563;
     transition: all 0.2s ease;
   }
   
   .stat:hover {
     background: var(--primary, #00674b);
     color: white;
     transform: translateY(-2px);
   }
   
   .stat strong {
     font-weight: 700;
     color: var(--primary, #00674b);
     margin-left: 3px;
   }
   
   .stat:hover strong {
     color: white;
   }
   
   /* =====================================================
      MOBILE NAVIGATION MENU - #004519 ke #005b18
   ===================================================== */
   .pkp_navigation_primary .pkp_nav_list__toggle {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
     background: rgba(255, 255, 255, 0.08) !important;
     border-radius: 6px !important;
     padding: 8px 12px !important;
     cursor: pointer !important;
     border: 1px solid rgba(255, 255, 255, 0.12) !important;
     transition: all 0.3s ease !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list__toggle:hover {
     background: rgba(255, 255, 255, 0.18) !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list__toggle .fa-bars {
     color: #FFFFFF !important;
     font-size: 18px !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list {
     background: linear-gradient(
       135deg,
       #004519 0%,
       #004e1a 25%,
       #005318 50%,
       #005b18 75%,
       #005b18 100%
     ) !important;
     border-radius: 8px !important;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
     border: 1px solid rgba(255, 255, 255, 0.08) !important;
     padding: 8px 0 !important;
     list-style: none !important;
     margin: 0 !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list li {
     list-style: none !important;
     margin: 0 !important;
     padding: 0 !important;
     position: relative !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list li a {
     display: block !important;
     padding: 10px 20px !important;
     color: #FFFFFF !important;
     text-decoration: none !important;
     transition: all 0.25s ease !important;
     font-size: 14px !important;
     font-weight: 400 !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list li a:hover {
     background: rgba(231, 185, 74, 0.15) !important;
     color: #E7B94A !important;
     padding-left: 26px !important;
   }
   
   .pkp_navigation_primary .pkp_nav_list ul {
     background: rgba(0, 0, 0, 0.15) !important;
     border-radius: 6px !important;
     margin-top: 4px !important;
     margin-left: 12px !important;
     padding: 4px 0 !important;
   }
   
   @media (max-width: 768px) {
     .pkp_navigation_primary_wrapper {
       position: relative !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list__toggle {
       display: inline-flex !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list {
       position: absolute !important;
       top: 100% !important;
       right: 0 !important;
       left: auto !important;
       width: 260px !important;
       max-height: 0 !important;
       overflow: hidden !important;
       opacity: 0 !important;
       visibility: hidden !important;
       transition: all 0.3s ease !important;
       z-index: 10000 !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list.show,
     .pkp_navigation_primary .pkp_nav_list.active,
     .pkp_navigation_primary .pkp_nav_list[aria-expanded="true"] {
       max-height: 450px !important;
       overflow-y: auto !important;
       opacity: 1 !important;
       visibility: visible !important;
       padding: 8px 0 !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list ul {
       position: static !important;
       width: 100% !important;
       margin-left: 0 !important;
       margin-top: 4px !important;
       display: none !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list .has-children.open > ul {
       display: block !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list li a {
       padding: 10px 18px !important;
       font-size: 14px !important;
     }
   }
   
   @media (min-width: 769px) and (max-width: 992px) {
     .pkp_navigation_primary .pkp_nav_list__toggle {
       display: inline-flex !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list {
       position: absolute !important;
       top: 100% !important;
       right: 0 !important;
       left: auto !important;
       width: 280px !important;
       max-height: 0 !important;
       overflow: hidden !important;
       opacity: 0 !important;
       visibility: hidden !important;
       transition: all 0.3s ease !important;
       z-index: 10000 !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list.show,
     .pkp_navigation_primary .pkp_nav_list.active,
     .pkp_navigation_primary .pkp_nav_list[aria-expanded="true"] {
       max-height: 450px !important;
       overflow-y: auto !important;
       opacity: 1 !important;
       visibility: visible !important;
     }
   }
   
   @media (min-width: 993px) {
     .pkp_navigation_primary .pkp_nav_list__toggle {
       display: none !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list {
       position: static !important;
       display: flex !important;
       flex-wrap: wrap !important;
       max-height: none !important;
       opacity: 1 !important;
       visibility: visible !important;
       background: transparent !important;
       box-shadow: none !important;
       border: none !important;
       width: auto !important;
       padding: 0 !important;
     }
     
     .pkp_navigation_primary .pkp_nav_list > li {
       display: inline-block !important;
     }
   }

/* =====================================================
   OJS 3.5 NAVIGATION COMPATIBILITY FIXES
   Menangani struktur menu ketika .pkp_navigation_primary dan .pkp_nav_list
   berada pada elemen yang sama.
===================================================== */
.pkp_navigation_primary.pkp_nav_list,
#navigationPrimary.pkp_navigation_primary {
  background: transparent !important;
  list-style: none !important;
  margin: 0 !important;
}

.pkp_navigation_primary.pkp_nav_list > li,
#navigationPrimary.pkp_navigation_primary > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.pkp_navigation_primary.pkp_nav_list > li > a,
#navigationPrimary.pkp_navigation_primary > li > a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

@media (max-width: 992px) {
  .pkp_navigation_primary.pkp_nav_list,
  #navigationPrimary.pkp_navigation_primary {
    background: linear-gradient(135deg, #004519 0%, #004e1a 25%, #005318 50%, #005b18 75%, #005b18 100%) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 0 !important;
  }
}

@media (min-width: 993px) {
  .pkp_navigation_primary.pkp_nav_list,
  #navigationPrimary.pkp_navigation_primary {
    display: flex !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
  }
}

/* =====================================================
   FIX SEARCH ALIGNMENT WITH NAVBAR - OJS HEADER
   ===================================================== */
.pkp_head_wrapper {
  position: relative !important;
}

.pkp_navigation_primary_wrapper {
  min-height: 74px !important;
  height: 74px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 180px 0 22px !important;
  box-sizing: border-box !important;
}

.pkp_navigation_primary,
#navigationPrimary,
.pkp_navigation_primary.pkp_nav_list,
#navigationPrimary.pkp_navigation_primary {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pkp_navigation_primary > li,
#navigationPrimary > li {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.pkp_navigation_search_wrapper {
  position: absolute !important;
  right: 14px !important;
  bottom: 17px !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
}

.pkp_navigation_search_wrapper .pkp_search,
.pkp_search.pkp_search_desktop,
.pkp_search {
  height: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.pkp_navigation_search_wrapper .pkp_search .fa,
.pkp_navigation_search_wrapper .pkp_search .fa-search,
.pkp_navigation_search_wrapper .pkp_search::before {
  line-height: 1 !important;
}

@media (max-width: 992px) {
  .pkp_navigation_primary_wrapper {
    height: auto !important;
    min-height: 60px !important;
    padding: 10px 16px !important;
    align-items: center !important;
  }

  .pkp_navigation_search_wrapper {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    margin: 10px 16px 12px auto !important;
    justify-content: flex-end !important;
  }
}

/* =====================================================
   ELEGANT HEADER & NAVBAR REFINEMENT - SEULANGA
   Inspired by deep emerald, gold, and dark teal palette
===================================================== */
.pkp_structure_head,
.pkp_structure_head.pkp_structure_head {
  background:
    linear-gradient(135deg,
      #022b24 0%,
      #063a31 22%,
      #0a4a3f 46%,
      #0d5c4f 72%,
      #0f6b5a 100%) !important;
  border-bottom: 3px solid #c9a24a !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.20) !important;
}

.pkp_structure_head::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 36%),
    radial-gradient(circle at 18% 22%, rgba(212,175,55,0.12) 0%, transparent 28%),
    radial-gradient(circle at 78% 16%, rgba(255,255,255,0.06) 0%, transparent 24%),
    radial-gradient(circle at 70% 36%, rgba(15, 122, 102, 0.16) 0%, transparent 34%) !important;
}

.pkp_structure_head::after {
  background-image:
    radial-gradient(circle at 12% 36%, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 26% 62%, rgba(212, 175, 55, 0.08) 1.2px, transparent 1.2px),
    radial-gradient(circle at 42% 24%, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 60% 72%, rgba(15, 122, 102, 0.08) 1.4px, transparent 1.4px),
    radial-gradient(circle at 78% 28%, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 88% 56%, rgba(212, 175, 55, 0.06) 1.2px, transparent 1.2px) !important;
}

.pkp_navigation_primary_wrapper {
  background:
    linear-gradient(90deg,
      rgba(3, 43, 36, 0.72) 0%,
      rgba(7, 63, 53, 0.70) 36%,
      rgba(10, 82, 69, 0.68) 68%,
      rgba(13, 104, 87, 0.66) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 3px solid rgba(201, 162, 74, 0.75) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  color: #f7fbf8 !important;
  font-weight: 600 !important;
  letter-spacing: 0.15px !important;
  transition: background 0.28s ease, color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
  border: 1px solid transparent !important;
  text-shadow: none !important;
}

.pkp_navigation_primary > li > a::after,
#navigationPrimary > li > a::after {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 7px !important;
  height: 2px !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg, rgba(212,175,55,0), rgba(245,221,141,0.98), rgba(212,175,55,0)) !important;
  opacity: 0 !important;
  transform: scaleX(0.35) !important;
  transition: opacity 0.28s ease, transform 0.28s ease !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.05) 100%) !important;
  color: #f5dd8d !important;
  border-color: rgba(212, 175, 55, 0.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 8px 18px rgba(0,0,0,0.12) !important;
  transform: translateY(-1px) !important;
}

.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus::after,
#navigationPrimary > li > a:hover::after,
#navigationPrimary > li > a:focus::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

.pkp_navigation_primary > li > a.active,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-expanded="true"],
#navigationPrimary > li > a.active,
#navigationPrimary > li.current > a,
#navigationPrimary > li > a[aria-expanded="true"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%) !important;
  color: #f5dd8d !important;
  border: 1px solid rgba(212,175,55,0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 20px rgba(0,0,0,0.14) !important;
  transform: translateY(0) !important;
}

.pkp_navigation_primary > li > a.active::after,
.pkp_navigation_primary > li.current > a::after,
.pkp_navigation_primary > li > a[aria-expanded="true"]::after,
#navigationPrimary > li > a.active::after,
#navigationPrimary > li.current > a::after,
#navigationPrimary > li > a[aria-expanded="true"]::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

.pkp_navigation_primary > li > a.active,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a.active,
#navigationPrimary > li > a:focus {
  border-bottom: none !important;
}

.pkp_navigation_primary ul,
#navigationPrimary ul {
  background: rgba(5, 50, 42, 0.94) !important;
  border: 1px solid rgba(212,175,55,0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.20) !important;
  padding: 8px 0 !important;
}

.pkp_navigation_primary ul li a,
#navigationPrimary ul li a {
  color: #eef7f3 !important;
}

.pkp_navigation_primary ul li a:hover,
#navigationPrimary ul li a:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #f5dd8d !important;
}

.pkp_navigation_search_wrapper .pkp_search,
.pkp_search.pkp_search_desktop,
.pkp_search {
  background: linear-gradient(135deg, rgba(4, 66, 54, 0.95) 0%, rgba(10, 91, 75, 0.90) 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.pkp_navigation_search_wrapper .pkp_search:hover,
.pkp_navigation_search_wrapper .pkp_search:focus-within,
.pkp_search.pkp_search_desktop:hover,
.pkp_search.pkp_search_desktop:focus-within,
.pkp_search:hover,
.pkp_search:focus-within {
  border-color: rgba(245, 221, 141, 0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 8px 20px rgba(0,0,0,0.16) !important;
  transform: translateY(-1px) !important;
}

.pkp_search button:hover {
  background: linear-gradient(135deg, #d4af37 0%, #f0d060 100%) !important;
  color: #11392f !important;
}

/* =====================================================
   CURRENT ISSUE LAYOUT - CLEAN MAGAZINE STYLE
   Homepage current issue styled like reference layout
===================================================== */
.page_index_journal .current_issue,
.page_index_journal .cmp_current_issue {
  background: #ffffff !important;
  border: 1px solid #dbe7e2 !important;
  border-radius: 24px !important;
  padding: 32px 34px !important;
  box-shadow: 0 10px 28px rgba(10, 42, 33, 0.06) !important;
  margin-bottom: 30px !important;
}

.page_index_journal .current_issue > h2,
.page_index_journal .cmp_current_issue > h2,
.page_index_journal .current_issue .title,
.page_index_journal .cmp_current_issue .title {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #173a32 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.page_index_journal .current_issue > h2::after,
.page_index_journal .cmp_current_issue > h2::after,
.page_index_journal .current_issue .title::after,
.page_index_journal .cmp_current_issue .title::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(201,162,74,0.34) 0%, rgba(201,162,74,0.10) 100%) !important;
}

.page_index_journal .current_issue .obj_issue_summary,
.page_index_journal .cmp_current_issue .obj_issue_summary,
.page_index_journal .current_issue .issue-summary,
.page_index_journal .cmp_current_issue .issue-summary,
.page_index_journal .current_issue .toc_issue,
.page_index_journal .cmp_current_issue .toc_issue {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.page_index_journal .current_issue .obj_issue_summary:hover,
.page_index_journal .cmp_current_issue .obj_issue_summary:hover,
.page_index_journal .current_issue .issue-summary:hover,
.page_index_journal .cmp_current_issue .issue-summary:hover {
  transform: none !important;
  box-shadow: none !important;
}

.page_index_journal .current_issue .obj_issue_summary::before,
.page_index_journal .cmp_current_issue .obj_issue_summary::before,
.page_index_journal .current_issue .issue-summary::before,
.page_index_journal .cmp_current_issue .issue-summary::before {
  display: none !important;
}

.page_index_journal .current_issue .obj_issue_summary .title,
.page_index_journal .cmp_current_issue .obj_issue_summary .title,
.page_index_journal .current_issue .issue-summary .title,
.page_index_journal .cmp_current_issue .issue-summary .title {
  flex: 0 0 100% !important;
  display: block !important;
  font-size: 0 !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.page_index_journal .current_issue .obj_issue_summary .title a,
.page_index_journal .cmp_current_issue .obj_issue_summary .title a,
.page_index_journal .current_issue .issue-summary .title a,
.page_index_journal .cmp_current_issue .issue-summary .title a {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #173a32 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
}

.page_index_journal .current_issue .obj_issue_summary .cover,
.page_index_journal .cmp_current_issue .obj_issue_summary .cover,
.page_index_journal .current_issue .issue-summary .cover,
.page_index_journal .cmp_current_issue .issue-summary .cover,
.page_index_journal .current_issue .toc_issue .cover,
.page_index_journal .cmp_current_issue .toc_issue .cover {
  flex: 0 0 280px !important;
  width: 280px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  text-align: left !important;
  box-shadow: none !important;
}

.page_index_journal .current_issue .obj_issue_summary .cover img,
.page_index_journal .cmp_current_issue .obj_issue_summary .cover img,
.page_index_journal .current_issue .issue-summary .cover img,
.page_index_journal .cmp_current_issue .issue-summary .cover img,
.page_index_journal .current_issue .toc_issue .cover img,
.page_index_journal .cmp_current_issue .toc_issue .cover img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  border: 1px solid #d8e3de !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
}

.page_index_journal .current_issue .obj_issue_summary .description,
.page_index_journal .cmp_current_issue .obj_issue_summary .description,
.page_index_journal .current_issue .issue-summary .description,
.page_index_journal .cmp_current_issue .issue-summary .description,
.page_index_journal .current_issue .toc_issue .description,
.page_index_journal .cmp_current_issue .toc_issue .description {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 32px !important;
}

.page_index_journal .current_issue .obj_issue_summary .description p,
.page_index_journal .cmp_current_issue .obj_issue_summary .description p,
.page_index_journal .current_issue .issue-summary .description p,
.page_index_journal .cmp_current_issue .issue-summary .description p,
.page_index_journal .current_issue .toc_issue .description p,
.page_index_journal .cmp_current_issue .toc_issue .description p {
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: #24342f !important;
  margin: 0 0 18px 0 !important;
  text-align: justify !important;
}

.page_index_journal .current_issue .obj_issue_summary .description p strong:first-child,
.page_index_journal .cmp_current_issue .obj_issue_summary .description p strong:first-child {
  color: #142d27 !important;
}

.page_index_journal .current_issue .published,
.page_index_journal .current_issue .volume,
.page_index_journal .current_issue .number,
.page_index_journal .cmp_current_issue .published,
.page_index_journal .cmp_current_issue .volume,
.page_index_journal .cmp_current_issue .number {
  display: inline-block !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 14px 28px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 600 !important;
  color: #1e312c !important;
  box-shadow: none !important;
}

.page_index_journal .current_issue .published::before,
.page_index_journal .current_issue .volume::before,
.page_index_journal .current_issue .number::before,
.page_index_journal .cmp_current_issue .published::before,
.page_index_journal .cmp_current_issue .volume::before,
.page_index_journal .cmp_current_issue .number::before {
  display: none !important;
}

.page_index_journal .current_issue .obj_galley_link,
.page_index_journal .cmp_current_issue .obj_galley_link {
  margin-top: 18px !important;
}

/* =====================================================
   HEADER - STRONGER ACEH & ISLAMIC NUANCE
   Subtle pinto aceh feel with emerald, gold, and ornament layers
===================================================== */
.pkp_structure_head,
.pkp_structure_head.pkp_structure_head {
  background:
    linear-gradient(135deg, #02241f 0%, #06352e 18%, #0a4c41 48%, #0b5f4f 72%, #117562 100%) !important;
  border-bottom: 3px solid #caa64e !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.22) !important;
}

.pkp_structure_head::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 38%),
    radial-gradient(circle at 14% 18%, rgba(212,175,55,0.14) 0%, transparent 22%),
    radial-gradient(circle at 86% 16%, rgba(255,255,255,0.06) 0%, transparent 18%),
    radial-gradient(circle at 72% 34%, rgba(12, 132, 108, 0.14) 0%, transparent 28%),
    radial-gradient(circle at 4% 100%, rgba(212,175,55,0.08) 0%, transparent 14%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.pkp_structure_head::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(202,166,78,0.00) 0%, rgba(202,166,78,0.10) 22%, rgba(202,166,78,0.00) 42%) left top / 240px 1px no-repeat,
    linear-gradient(90deg, rgba(202,166,78,0.00) 0%, rgba(202,166,78,0.12) 24%, rgba(202,166,78,0.00) 44%) right bottom / 260px 1px no-repeat,
    radial-gradient(circle at 10% 34%, rgba(255,255,255,0.04) 1px, transparent 1px),
    radial-gradient(circle at 20% 64%, rgba(212,175,55,0.08) 1.2px, transparent 1.2px),
    radial-gradient(circle at 40% 22%, rgba(255,255,255,0.04) 1px, transparent 1px),
    radial-gradient(circle at 61% 72%, rgba(212,175,55,0.05) 1.1px, transparent 1.1px),
    radial-gradient(circle at 81% 28%, rgba(255,255,255,0.03) 1px, transparent 1px),
    radial-gradient(circle at 93% 58%, rgba(212,175,55,0.06) 1.1px, transparent 1.1px) !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.pkp_site_name_wrapper {
  position: relative !important;
}

.pkp_site_name_wrapper::before,
.pkp_site_name_wrapper::after {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  width: 112px !important;
  height: 112px !important;
  opacity: 0.18 !important;
  pointer-events: none !important;
  border: 1px solid rgba(212,175,55,0.26) !important;
  border-radius: 0 0 90px 0 !important;
}

.pkp_site_name_wrapper::before {
  left: 18px !important;
  clip-path: polygon(0 0, 100% 0, 0 100%) !important;
  background: linear-gradient(135deg, rgba(212,175,55,0.24) 0%, rgba(212,175,55,0.00) 72%) !important;
}

.pkp_site_name_wrapper::after {
  right: 22px !important;
  top: auto !important;
  bottom: 12px !important;
  border-radius: 90px 0 0 0 !important;
  clip-path: polygon(100% 0, 100% 100%, 0 100%) !important;
  background: linear-gradient(315deg, rgba(212,175,55,0.18) 0%, rgba(212,175,55,0.00) 72%) !important;
}

.pkp_navigation_primary_wrapper {
  background: linear-gradient(90deg, rgba(4, 44, 37, 0.74) 0%, rgba(8, 65, 55, 0.72) 34%, rgba(11, 88, 73, 0.70) 68%, rgba(14, 109, 91, 0.68) 100%) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 3px solid rgba(202,166,78,0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
  background: transparent !important;
  color: #f5faf7 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  border: 1px solid transparent !important;
  position: relative !important;
}

.pkp_navigation_primary > li > a::before,
#navigationPrimary > li > a::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.00) !important;
  transition: all 0.28s ease !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%) !important;
  color: #f4dc8a !important;
  border-color: rgba(202,166,78,0.20) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.12) !important;
}

.pkp_navigation_primary > li > a:hover::before,
.pkp_navigation_primary > li > a:focus::before,
#navigationPrimary > li > a:hover::before,
#navigationPrimary > li > a:focus::before {
  border-color: rgba(255,255,255,0.08) !important;
}

.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a.active,
.pkp_navigation_primary > li > a[aria-expanded="true"],
#navigationPrimary > li.current > a,
#navigationPrimary > li > a.active,
#navigationPrimary > li > a[aria-expanded="true"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.08) 100%) !important;
  color: #f4dc8a !important;
  border-color: rgba(202,166,78,0.26) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,0.14) !important;
}

.pkp_navigation_primary ul,
#navigationPrimary ul {
  background: rgba(5, 46, 39, 0.97) !important;
  border: 1px solid rgba(202,166,78,0.24) !important;
}

@media (max-width: 992px) {
  .page_index_journal .current_issue,
  .page_index_journal .cmp_current_issue {
    padding: 24px 22px !important;
  }

  .page_index_journal .current_issue > h2,
  .page_index_journal .cmp_current_issue > h2,
  .page_index_journal .current_issue .title,
  .page_index_journal .cmp_current_issue .title {
    font-size: 28px !important;
  }

  .page_index_journal .current_issue .obj_issue_summary .cover,
  .page_index_journal .cmp_current_issue .obj_issue_summary .cover,
  .page_index_journal .current_issue .issue-summary .cover,
  .page_index_journal .cmp_current_issue .issue-summary .cover,
  .page_index_journal .current_issue .toc_issue .cover,
  .page_index_journal .cmp_current_issue .toc_issue .cover {
    flex: 0 0 240px !important;
    width: 240px !important;
    max-width: 240px !important;
  }

  .page_index_journal .current_issue .obj_issue_summary .description,
  .page_index_journal .cmp_current_issue .obj_issue_summary .description,
  .page_index_journal .current_issue .issue-summary .description,
  .page_index_journal .cmp_current_issue .issue-summary .description,
  .page_index_journal .current_issue .toc_issue .description,
  .page_index_journal .cmp_current_issue .toc_issue .description {
    padding-left: 24px !important;
  }
}

@media (max-width: 768px) {
  .page_index_journal .current_issue .obj_issue_summary,
  .page_index_journal .cmp_current_issue .obj_issue_summary,
  .page_index_journal .current_issue .issue-summary,
  .page_index_journal .cmp_current_issue .issue-summary,
  .page_index_journal .current_issue .toc_issue,
  .page_index_journal .cmp_current_issue .toc_issue {
    display: block !important;
  }

  .page_index_journal .current_issue .obj_issue_summary .cover,
  .page_index_journal .cmp_current_issue .obj_issue_summary .cover,
  .page_index_journal .current_issue .issue-summary .cover,
  .page_index_journal .cmp_current_issue .issue-summary .cover,
  .page_index_journal .current_issue .toc_issue .cover,
  .page_index_journal .cmp_current_issue .toc_issue .cover {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }

  .page_index_journal .current_issue .obj_issue_summary .description,
  .page_index_journal .cmp_current_issue .obj_issue_summary .description,
  .page_index_journal .current_issue .issue-summary .description,
  .page_index_journal .cmp_current_issue .issue-summary .description,
  .page_index_journal .current_issue .toc_issue .description,
  .page_index_journal .cmp_current_issue .toc_issue .description {
    padding-left: 0 !important;
  }

  .pkp_site_name_wrapper::before,
  .pkp_site_name_wrapper::after {
    display: none !important;
  }
}

/* =====================================================
   FINAL OVERRIDE - CURRENT ISSUE TETAP DI MAIN PAGE
   Tidak dibungkus card terpisah. Hanya layout isi yang dirapikan.
===================================================== */
.page_index_journal .current_issue,
.page_index_journal .cmp_current_issue {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 28px 0 34px 0 !important;
  overflow: visible !important;
}

/* Judul utama Current Issue saja, bukan semua .title di dalamnya */
.page_index_journal .current_issue > h2,
.page_index_journal .cmp_current_issue > h2,
.page_index_journal .current_issue > .title,
.page_index_journal .cmp_current_issue > .title {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #173a32 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page_index_journal .current_issue > h2::after,
.page_index_journal .cmp_current_issue > h2::after,
.page_index_journal .current_issue > .title::after,
.page_index_journal .cmp_current_issue > .title::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(201,162,74,0.38) 0%, rgba(201,162,74,0.08) 100%) !important;
  opacity: 1 !important;
  transform: none !important;
  position: static !important;
  display: block !important;
}

/* Hindari efek judul utama mengenai judul issue dan judul artikel */
.page_index_journal .current_issue .obj_issue_summary .title,
.page_index_journal .cmp_current_issue .obj_issue_summary .title,
.page_index_journal .current_issue .issue-summary .title,
.page_index_journal .cmp_current_issue .issue-summary .title,
.page_index_journal .current_issue .toc_issue .title,
.page_index_journal .cmp_current_issue .toc_issue .title,
.page_index_journal .current_issue .obj_article_summary .title,
.page_index_journal .cmp_current_issue .obj_article_summary .title,
.page_index_journal .current_issue .article-summary .title,
.page_index_journal .cmp_current_issue .article-summary .title {
  display: block !important;
  gap: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page_index_journal .current_issue .obj_issue_summary .title::after,
.page_index_journal .cmp_current_issue .obj_issue_summary .title::after,
.page_index_journal .current_issue .issue-summary .title::after,
.page_index_journal .cmp_current_issue .issue-summary .title::after,
.page_index_journal .current_issue .toc_issue .title::after,
.page_index_journal .cmp_current_issue .toc_issue .title::after,
.page_index_journal .current_issue .obj_article_summary .title::after,
.page_index_journal .cmp_current_issue .obj_article_summary .title::after,
.page_index_journal .current_issue .article-summary .title::after,
.page_index_journal .cmp_current_issue .article-summary .title::after {
  content: none !important;
  display: none !important;
}

/* Issue summary tetap sejajar cover kiri dan deskripsi kanan, tanpa card luar */
.page_index_journal .current_issue .obj_issue_summary,
.page_index_journal .cmp_current_issue .obj_issue_summary,
.page_index_journal .current_issue .issue-summary,
.page_index_journal .cmp_current_issue .issue-summary,
.page_index_journal .current_issue .toc_issue,
.page_index_journal .cmp_current_issue .toc_issue {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 34px 0 !important;
  overflow: visible !important;
}

/* Article list tetap mengikuti style utama OJS/custom, bukan dibungkus oleh current issue wrapper */
.page_index_journal .current_issue .sections,
.page_index_journal .cmp_current_issue .sections,
.page_index_journal .current_issue .section,
.page_index_journal .cmp_current_issue .section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  .page_index_journal .current_issue,
  .page_index_journal .cmp_current_issue {
    margin: 22px 0 28px 0 !important;
  }

  .page_index_journal .current_issue > h2,
  .page_index_journal .cmp_current_issue > h2,
  .page_index_journal .current_issue > .title,
  .page_index_journal .cmp_current_issue > .title {
    font-size: 28px !important;
    margin-bottom: 22px !important;
  }
}

/* =====================================================
   ARTICLES SECTION HEADING - SAME MODEL AS CURRENT ISSUE
   Style the "Articles" heading in issue/current issue blocks
===================================================== */
.page_index_journal .sections .section > h2,
.page_index_journal .sections .section > .title,
.page_index_journal .current_issue .sections .section > h2,
.page_index_journal .current_issue .sections .section > .title,
.page_index_journal .cmp_current_issue .sections .section > h2,
.page_index_journal .cmp_current_issue .sections .section > .title,
.page_issue .sections .section > h2,
.page_issue .sections .section > .title,
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > .title,
.obj_issue_toc .galleys + .section > h2,
.obj_issue_toc .galleys + .section > .title {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #173a32 !important;
  margin: 38px 0 24px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.page_index_journal .sections .section > h2::after,
.page_index_journal .sections .section > .title::after,
.page_index_journal .current_issue .sections .section > h2::after,
.page_index_journal .current_issue .sections .section > .title::after,
.page_index_journal .cmp_current_issue .sections .section > h2::after,
.page_index_journal .cmp_current_issue .sections .section > .title::after,
.page_issue .sections .section > h2::after,
.page_issue .sections .section > .title::after,
.obj_issue_toc .sections .section > h2::after,
.obj_issue_toc .sections .section > .title::after,
.obj_issue_toc .galleys + .section > h2::after,
.obj_issue_toc .galleys + .section > .title::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(201,162,74,0.34) 0%, rgba(201,162,74,0.10) 100%) !important;
}

.page_index_journal .sections .section:first-child > h2,
.page_index_journal .sections .section:first-child > .title,
.page_index_journal .current_issue .sections .section:first-child > h2,
.page_index_journal .current_issue .sections .section:first-child > .title,
.page_index_journal .cmp_current_issue .sections .section:first-child > h2,
.page_index_journal .cmp_current_issue .sections .section:first-child > .title,
.page_issue .sections .section:first-child > h2,
.page_issue .sections .section:first-child > .title,
.obj_issue_toc .sections .section:first-child > h2,
.obj_issue_toc .sections .section:first-child > .title {
  margin-top: 34px !important;
}

/* Keep the article list itself clean, not boxed as a separate block */
.page_index_journal .sections,
.page_index_journal .section,
.page_index_journal .current_issue .sections,
.page_index_journal .current_issue .section,
.page_index_journal .cmp_current_issue .sections,
.page_index_journal .cmp_current_issue .section,
.page_issue .sections,
.page_issue .section,
.obj_issue_toc .sections,
.obj_issue_toc .section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

@media (max-width: 992px) {
  .page_index_journal .sections .section > h2,
  .page_index_journal .sections .section > .title,
  .page_index_journal .current_issue .sections .section > h2,
  .page_index_journal .current_issue .sections .section > .title,
  .page_index_journal .cmp_current_issue .sections .section > h2,
  .page_index_journal .cmp_current_issue .sections .section > .title,
  .page_issue .sections .section > h2,
  .page_issue .sections .section > .title,
  .obj_issue_toc .sections .section > h2,
  .obj_issue_toc .sections .section > .title {
    font-size: 28px !important;
    margin: 30px 0 20px 0 !important;
  }
}

@media (max-width: 480px) {
  .page_index_journal .sections .section > h2,
  .page_index_journal .sections .section > .title,
  .page_index_journal .current_issue .sections .section > h2,
  .page_index_journal .current_issue .sections .section > .title,
  .page_index_journal .cmp_current_issue .sections .section > h2,
  .page_index_journal .cmp_current_issue .sections .section > .title,
  .page_issue .sections .section > h2,
  .page_issue .sections .section > .title,
  .obj_issue_toc .sections .section > h2,
  .obj_issue_toc .sections .section > .title {
    font-size: 24px !important;
    gap: 12px !important;
  }
}

/* =====================================================
   FORCE MATCH ARTICLES HEADING WITH CURRENT ISSUE
   Make Articles exactly follow the same heading model
===================================================== */
.page_index_journal .current_issue .sections > .section > h2,
.page_index_journal .current_issue .sections > .section > h3,
.page_index_journal .current_issue .sections > .section > .title,
.page_index_journal .cmp_current_issue .sections > .section > h2,
.page_index_journal .cmp_current_issue .sections > .section > h3,
.page_index_journal .cmp_current_issue .sections > .section > .title,
.page_issue .sections > .section > h2,
.page_issue .sections > .section > h3,
.page_issue .sections > .section > .title,
.obj_issue_toc .sections > .section > h2,
.obj_issue_toc .sections > .section > h3,
.obj_issue_toc .sections > .section > .title,
.obj_issue_toc > .section > h2,
.obj_issue_toc > .section > h3,
.obj_issue_toc > .section > .title {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 18px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #173a32 !important;
  letter-spacing: 0 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.page_index_journal .current_issue .sections > .section > h2::before,
.page_index_journal .current_issue .sections > .section > h3::before,
.page_index_journal .current_issue .sections > .section > .title::before,
.page_index_journal .cmp_current_issue .sections > .section > h2::before,
.page_index_journal .cmp_current_issue .sections > .section > h3::before,
.page_index_journal .cmp_current_issue .sections > .section > .title::before,
.page_issue .sections > .section > h2::before,
.page_issue .sections > .section > h3::before,
.page_issue .sections > .section > .title::before,
.obj_issue_toc .sections > .section > h2::before,
.obj_issue_toc .sections > .section > h3::before,
.obj_issue_toc .sections > .section > .title::before,
.obj_issue_toc > .section > h2::before,
.obj_issue_toc > .section > h3::before,
.obj_issue_toc > .section > .title::before {
  content: none !important;
  display: none !important;
}

.page_index_journal .current_issue .sections > .section > h2::after,
.page_index_journal .current_issue .sections > .section > h3::after,
.page_index_journal .current_issue .sections > .section > .title::after,
.page_index_journal .cmp_current_issue .sections > .section > h2::after,
.page_index_journal .cmp_current_issue .sections > .section > h3::after,
.page_index_journal .cmp_current_issue .sections > .section > .title::after,
.page_issue .sections > .section > h2::after,
.page_issue .sections > .section > h3::after,
.page_issue .sections > .section > .title::after,
.obj_issue_toc .sections > .section > h2::after,
.obj_issue_toc .sections > .section > h3::after,
.obj_issue_toc .sections > .section > .title::after,
.obj_issue_toc > .section > h2::after,
.obj_issue_toc > .section > h3::after,
.obj_issue_toc > .section > .title::after {
  content: "" !important;
  display: block !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  position: static !important;
  opacity: 1 !important;
  transform: none !important;
  background: linear-gradient(90deg, rgba(201,162,74,0.38) 0%, rgba(201,162,74,0.08) 100%) !important;
}

@media (max-width: 768px) {
  .page_index_journal .current_issue .sections > .section > h2,
  .page_index_journal .current_issue .sections > .section > h3,
  .page_index_journal .current_issue .sections > .section > .title,
  .page_index_journal .cmp_current_issue .sections > .section > h2,
  .page_index_journal .cmp_current_issue .sections > .section > h3,
  .page_index_journal .cmp_current_issue .sections > .section > .title,
  .page_issue .sections > .section > h2,
  .page_issue .sections > .section > h3,
  .page_issue .sections > .section > .title,
  .obj_issue_toc .sections > .section > h2,
  .obj_issue_toc .sections > .section > h3,
  .obj_issue_toc .sections > .section > .title,
  .obj_issue_toc > .section > h2,
  .obj_issue_toc > .section > h3,
  .obj_issue_toc > .section > .title {
    font-size: 28px !important;
    margin: 0 0 22px 0 !important;
  }
}


/* =====================================================
   FINAL FIX - ARTICLES HEADING ALIGNMENT
   Samakan posisi Articles dengan Current Issue
   Hilangkan garis double bawaan section OJS
===================================================== */

/* Hilangkan garis/border bawaan yang membuat garis double di atas Articles */
.page_index_journal .current_issue .sections,
.page_index_journal .cmp_current_issue .sections,
.page_index_journal .current_issue .section,
.page_index_journal .cmp_current_issue .section,
.page_issue .sections,
.page_issue .section,
.obj_issue_toc .sections,
.obj_issue_toc .section,
.obj_issue_toc > .section {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Pastikan Articles berada di kolom yang sama dengan Current Issue */
.page_index_journal .current_issue .sections,
.page_index_journal .cmp_current_issue .sections,
.page_issue .sections,
.obj_issue_toc .sections {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Heading Articles, dibuat identik dengan Current Issue */
.page_index_journal .current_issue .sections > .section > h2,
.page_index_journal .current_issue .sections > .section > h3,
.page_index_journal .current_issue .sections > .section > .title,
.page_index_journal .cmp_current_issue .sections > .section > h2,
.page_index_journal .cmp_current_issue .sections > .section > h3,
.page_index_journal .cmp_current_issue .sections > .section > .title,
.page_issue .sections > .section > h2,
.page_issue .sections > .section > h3,
.page_issue .sections > .section > .title,
.obj_issue_toc .sections > .section > h2,
.obj_issue_toc .sections > .section > h3,
.obj_issue_toc .sections > .section > .title,
.obj_issue_toc > .section > h2,
.obj_issue_toc > .section > h3,
.obj_issue_toc > .section > .title {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 18px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #173a32 !important;
  margin: 42px 0 28px 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Hapus garis kiri/ornamen bawaan theme */
.page_index_journal .current_issue .sections > .section > h2::before,
.page_index_journal .current_issue .sections > .section > h3::before,
.page_index_journal .current_issue .sections > .section > .title::before,
.page_index_journal .cmp_current_issue .sections > .section > h2::before,
.page_index_journal .cmp_current_issue .sections > .section > h3::before,
.page_index_journal .cmp_current_issue .sections > .section > .title::before,
.page_issue .sections > .section > h2::before,
.page_issue .sections > .section > h3::before,
.page_issue .sections > .section > .title::before,
.obj_issue_toc .sections > .section > h2::before,
.obj_issue_toc .sections > .section > h3::before,
.obj_issue_toc .sections > .section > .title::before,
.obj_issue_toc > .section > h2::before,
.obj_issue_toc > .section > h3::before,
.obj_issue_toc > .section > .title::before {
  content: none !important;
  display: none !important;
}

/* Satu garis saja di kanan judul Articles */
.page_index_journal .current_issue .sections > .section > h2::after,
.page_index_journal .current_issue .sections > .section > h3::after,
.page_index_journal .current_issue .sections > .section > .title::after,
.page_index_journal .cmp_current_issue .sections > .section > h2::after,
.page_index_journal .cmp_current_issue .sections > .section > h3::after,
.page_index_journal .cmp_current_issue .sections > .section > .title::after,
.page_issue .sections > .section > h2::after,
.page_issue .sections > .section > h3::after,
.page_issue .sections > .section > .title::after,
.obj_issue_toc .sections > .section > h2::after,
.obj_issue_toc .sections > .section > h3::after,
.obj_issue_toc .sections > .section > .title::after,
.obj_issue_toc > .section > h2::after,
.obj_issue_toc > .section > h3::after,
.obj_issue_toc > .section > .title::after {
  content: "" !important;
  display: block !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  min-width: 40px !important;
  position: static !important;
  inset: auto !important;
  opacity: 1 !important;
  transform: none !important;
  border: none !important;
  background: linear-gradient(90deg, rgba(201,162,74,0.38) 0%, rgba(201,162,74,0.08) 100%) !important;
}

/* Jika theme memberi hr/garis tambahan sebelum Articles, sembunyikan */
.page_index_journal .current_issue .sections > .section > hr:first-child,
.page_index_journal .cmp_current_issue .sections > .section > hr:first-child,
.page_issue .sections > .section > hr:first-child,
.obj_issue_toc .sections > .section > hr:first-child,
.obj_issue_toc > .section > hr:first-child {
  display: none !important;
}

/* Jika section memiliki border top via pseudo element */
.page_index_journal .current_issue .section::before,
.page_index_journal .cmp_current_issue .section::before,
.page_issue .section::before,
.obj_issue_toc .section::before {
  content: none !important;
  display: none !important;
}

/* Desktop: beri ruang antar Current Issue dan Articles tanpa garis tambahan */
.page_index_journal .current_issue .sections > .section:first-child,
.page_index_journal .cmp_current_issue .sections > .section:first-child,
.page_issue .sections > .section:first-child,
.obj_issue_toc .sections > .section:first-child {
  margin-top: 38px !important;
  padding-top: 0 !important;
}

@media (max-width: 768px) {
  .page_index_journal .current_issue .sections > .section > h2,
  .page_index_journal .current_issue .sections > .section > h3,
  .page_index_journal .current_issue .sections > .section > .title,
  .page_index_journal .cmp_current_issue .sections > .section > h2,
  .page_index_journal .cmp_current_issue .sections > .section > h3,
  .page_index_journal .cmp_current_issue .sections > .section > .title,
  .page_issue .sections > .section > h2,
  .page_issue .sections > .section > h3,
  .page_issue .sections > .section > .title,
  .obj_issue_toc .sections > .section > h2,
  .obj_issue_toc .sections > .section > h3,
  .obj_issue_toc .sections > .section > .title,
  .obj_issue_toc > .section > h2,
  .obj_issue_toc > .section > h3,
  .obj_issue_toc > .section > .title {
    font-size: 28px !important;
    margin: 30px 0 22px 0 !important;
  }
}

/* =====================================================
   SEULANGA HEADER HERO
   Background: /public/header/header.png
===================================================== */

.pkp_structure_head,
.pkp_structure_head.pkp_structure_head {
  position: relative !important;
  background:
    linear-gradient(
      90deg,
      rgba(2, 38, 31, 0.82) 0%,
      rgba(3, 61, 49, 0.58) 38%,
      rgba(3, 50, 41, 0.42) 68%,
      rgba(2, 38, 31, 0.70) 100%
    ),
    url("/public/header/header.png") center center / cover no-repeat !important;
  border-bottom: 4px solid #caa64e !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
  overflow: visible !important;
}

/* Hilangkan overlay lama agar gambar header terlihat bersih */
.pkp_structure_head::before,
.pkp_structure_head::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.pkp_structure_head::before {
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.04) 0%,
      rgba(255,255,255,0) 42%
    ) !important;
}

.pkp_structure_head::after {
  background: none !important;
}

/* Area logo */
.pkp_site_name_wrapper {
  min-height: 190px !important;
  display: flex !important;
  align-items: center !important;
  padding: 34px 38px 24px 38px !important;
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

.pkp_site_name,
.pkp_site_name a {
  background: transparent !important;
}

.pkp_site_name a {
  margin: 0 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.pkp_site_name img {
  max-height: 112px !important;
  width: auto !important;
  display: block !important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,0.28)) !important;
}

/* Jika teks e-ISSN sudah ada di gambar, jangan pakai teks tambahan CSS */
.pkp_head_wrapper::after {
  content: none !important;
  display: none !important;
}

/* Navbar menyatu dengan header */
.pkp_navigation_primary_wrapper {
  min-height: 68px !important;
  height: 68px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 230px 0 38px !important;
  background:
    linear-gradient(
      90deg,
      rgba(2, 47, 38, 0.86) 0%,
      rgba(4, 70, 56, 0.78) 48%,
      rgba(3, 54, 44, 0.86) 100%
    ) !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  border-bottom: 3px solid rgba(202,166,78,0.92) !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Menu */
.pkp_navigation_primary,
#navigationPrimary {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  transition: all 0.25s ease !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  color: #f4dc8a !important;
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(202,166,78,0.28) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.16) !important;
  transform: translateY(-1px) !important;
}

.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a.active,
#navigationPrimary > li.current > a,
#navigationPrimary > li > a.active {
  color: #f4dc8a !important;
  background: rgba(255,255,255,0.13) !important;
  border-color: rgba(202,166,78,0.34) !important;
}

/* Search */
.pkp_navigation_search_wrapper {
  position: absolute !important;
  right: 38px !important;
  bottom: 14px !important;
  top: auto !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_search_wrapper .pkp_search,
.pkp_search.pkp_search_desktop,
.pkp_search {
  height: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(3, 48, 39, 0.68) !important;
  border: 1px solid rgba(244, 220, 138, 0.34) !important;
  color: #ffffff !important;
}

.pkp_navigation_search_wrapper .pkp_search:hover,
.pkp_navigation_search_wrapper .pkp_search:focus-within {
  background: rgba(5, 70, 56, 0.86) !important;
  border-color: rgba(244, 220, 138, 0.62) !important;
}

/* Mobile */
@media (max-width: 992px) {
  .pkp_structure_head,
  .pkp_structure_head.pkp_structure_head {
    background-position: center top !important;
  }

  .pkp_site_name_wrapper {
    min-height: 145px !important;
    padding: 24px 22px !important;
  }

  .pkp_site_name img {
    max-height: 86px !important;
  }

  .pkp_navigation_primary_wrapper {
    height: auto !important;
    min-height: 60px !important;
    padding: 10px 18px !important;
  }

  .pkp_navigation_search_wrapper {
    position: static !important;
    margin: 12px 0 0 auto !important;
  }
}