html, body {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: 14px;
  line-height: 1.43rem;
}

.pkp_site_name {
    padding-top: 0 !important; 
    padding-bottom: 0 !important;
}
.pkp_site_name > a {
    padding-top: 0; 
    padding-bottom: 0;
}
.pkp_site_name .is_img img {
    max-height: 64px !important;
}
.pkp_site_name_wrapper {
    padding-left: 0; padding-right: 0;
}
.pkp_navigation_user_wrapper {
    top: 0; 
    right: 0; 
}
.pkp_structure_page {
    margin-top:  0px !important; 
    margin-bottom: 0px !important; 
    padding-bottom: 20px !important;
}

.pkp_navigation_primary_row {
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #ffffff 100%
  );
  padding-left: 20px;
  font-size: 1.12em;
  padding-top: 5px;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

ul#navigationUser {
  margin-top: 75px;
}

li.profile {
  border: 1px solid #e6dfdf;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(243, 243, 243, 1) 50%,
    rgba(237, 237, 237, 1) 51%,
    rgba(255, 255, 255, 1) 100%
  );
}

.pkp_navigation_user > li:last-child > a {
  padding-right: 10px;
  margin-right: 0;
}




:root{--dnp-accent:#640707;--dnp-accent-dk:#370404;--dnp-accent-lt:#4d0505;--dnp-accent-soft:#f6e9e7;--dnp-accent-line:rgba(100, 7, 7, .3);--dnp-accent-glow:rgba(100, 7, 7, .16);--dnp-accent-rgb:100, 7, 7;}

/* === jihr accent (cover-derived: #640707) === */
.verdant-topbar-dot { color: #F1D072; }
.verdant-topbar-journal { color: #d9c2c2; }
.verdant-issn-item strong { color: #F1D072; }
.verdant-topbar-user ul.verdant-user-menu:not(.verdant-user-menu--drop) li:last-child a:hover { background: #fdf4d9; color: #370404; }
.verdant-hero-badge--oa { color: #370404; background: #fdf4d9; border: 1px solid rgba(241,208,114,.5); }
.verdant-hero-badge--peer { color: #370404; background: #f6e9e7; border: 1px solid #eadad7; }
.verdant-kw-item:hover { color: #b8942e; }
.verdant-kw-dots button.is-active { background: #F1D072; }
.verdant-sidebar-blocks .verdant-sidebar-menu a.verdant-menu-link:hover { color: #370404; background: #fdf4d9; }
.verdant-issue-title { color: #370404; }

/* === jihr gradient buttons (#640707 + #F1D072) === */
.verdant-hero-btn--primary,
.verdant-action-btn--primary,
.verdant-nav-submit {
	background: linear-gradient(135deg, #f7df9c 0%, #F1D072 55%, #cfa545 100%) !important;
	color: #640707 !important;
	border: 0 !important;
	box-shadow: 0 10px 24px rgba(241,208,114,.35) !important;
}
.verdant-hero-btn--primary:hover,
.verdant-action-btn--primary:hover,
.verdant-nav-submit:hover {
	background: linear-gradient(135deg, #fbeeb6 0%, #f7df9c 50%, #F1D072 100%) !important;
	color: #640707 !important;
	box-shadow: 0 14px 30px rgba(241,208,114,.45) !important;
}
.verdant-hero-btn--outline,
.verdant-hero-btn--ghost,
.verdant-btn-ghost,
.verdant-action-btn {
	background: #fff !important;
	color: #4d0505 !important;
	border: 1.5px solid rgba(100,7,7,.4) !important;
}
.verdant-hero-btn--outline:hover,
.verdant-hero-btn--ghost:hover,
.verdant-btn-ghost:hover,
.verdant-action-btn:hover {
	background: linear-gradient(135deg, #640707 0%, #370404 100%) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 8px 20px rgba(100,7,7,.28) !important;
}
.verdant-action-btn .fa { color: #640707; }
.verdant-action-btn:hover .fa { color: #F1D072 !important; }
.pkp_structure_main button,
.pkp_structure_main input[type="submit"],
.pkp_structure_main .btn,
.cmp_form .buttons .submit,
.cmp_form .submit button {
	background: linear-gradient(135deg, #640707 0%, #370404 100%) !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: 0 6px 16px rgba(100,7,7,.22) !important;
}
.pkp_structure_main button:hover,
.pkp_structure_main input[type="submit"]:hover,
.pkp_structure_main .btn:hover,
.cmp_form .buttons .submit:hover,
.cmp_form .submit button:hover {
	background: linear-gradient(135deg, #f7df9c 0%, #F1D072 100%) !important;
	color: #640707 !important;
	box-shadow: 0 10px 22px rgba(241,208,114,.4) !important;
}

/* menu-item: pakai styling verdant (var(--vp) = warna utama) */