/* ===== LARAS JOURNAL - FULL CUSTOM CSS ===== */
/* Tema: Hijau Tua (#004225) + Hijau (#2D6A4F) + Emas (#C9A227) */
:root {
  --laras-primary: #004225;
  --laras-accent: #2D6A4F;
  --laras-gold: #C9A227;
  --laras-white: #ffffff;
}

/* ===== LOGO FULL WIDTH ===== */
.pkp_site_name_wrapper { height: auto !important; padding: 0 !important; max-width: 100% !important; }
.pkp_site_name { width: 100% !important; display: block !important; max-width: 100% !important; padding: 0 !important; }
.pkp_site_name img { max-height: none !important; width: 100% !important; height: auto !important; display: block !important; max-width: 100% !important; }
.pkp_head_wrapper, .pkp_structure_head { padding: 0 !important; }

/* ===== NAV BAR ===== */
.pkp_navigation_primary_wrapper { background-color: var(--laras-primary) !important; border-bottom: 4px solid var(--laras-gold) !important; }
.pkp_navigation_user_wrapper a, #navigationUser > li > a { color: var(--laras-gold) !important; }

/* ===== SIDEBAR WIDTH FIX (rapat ke tengah) ===== */
@media (min-width: 992px) {
  .pkp_structure_main { width: 700px !important; }
  .pkp_structure_sidebar { width: 240px !important; min-width: 240px !important; max-width: 240px !important; }
}

/* ===== SIDEBAR STYLING ===== */
.pkp_block { background: var(--laras-white) !important; border-radius: 4px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; margin-bottom: 16px !important; overflow: hidden !important; border: none !important; }
.pkp_block .title { background: var(--laras-primary) !important; color: var(--laras-white) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 10px 14px !important; border-left: 5px solid var(--laras-gold) !important; margin: 0 !important; font-size: 0.9em !important; }
.pkp_block ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.pkp_block ul li { border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
.pkp_block ul li:last-child { border-bottom: none !important; }
.pkp_block ul li a { display: block !important; padding: 9px 14px !important; background: var(--laras-accent) !important; color: var(--laras-white) !important; text-decoration: none !important; font-size: 0.9em !important; margin-bottom: 6px !important; border-radius: 3px !important; text-align: center !important; font-weight: 600 !important; transition: background 0.2s !important; }
.pkp_block ul li a:hover { background: var(--laras-primary) !important; color: var(--laras-gold) !important; }
.pkp_block .content { padding: 14px !important; }

/* ===== TABLE / JOURNAL INFO ===== */
.pkp_structure_main table th, .pkp_structure_main table caption { background: var(--laras-primary) !important; color: var(--laras-white) !important; }

/* ===== ARTICLE SUMMARY ===== */
.obj_article_summary { border-left: 4px solid var(--laras-accent) !important; padding: 16px !important; margin-bottom: 16px !important; background: var(--laras-white) !important; border-radius: 4px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; }
.obj_article_summary .title a { color: var(--laras-primary) !important; font-weight: bold !important; }
.obj_article_summary .title a:hover { color: var(--laras-accent) !important; }

/* ===== BUTTONS / GALLEY ===== */
.obj_galley_link, .galleys_links a, .pkp_button, button.pkp_button { background: var(--laras-accent) !important; color: var(--laras-white) !important; border-radius: 4px !important; border: none !important; }
.obj_galley_link:hover, .galleys_links a:hover { background: var(--laras-primary) !important; color: var(--laras-white) !important; }

/* ===== FOOTER ===== */
.pkp_structure_footer { background: var(--laras-primary) !important; color: rgba(255,255,255,0.9) !important; border-top: 4px solid var(--laras-gold) !important; padding: 30px 20px !important; margin-top: 40px !important; }
.pkp_structure_footer a { color: var(--laras-gold) !important; }
.pkp_structure_footer a:hover { color: var(--laras-white) !important; }

/* ===== HEADINGS & LINKS ===== */
h1, h2, h3, .page_title { color: var(--laras-primary) !important; }
a { color: var(--laras-accent); }
a:hover { color: var(--laras-primary); text-decoration: none; }