:root {
--setara-maroon-deep: #3B0506;
--setara-maroon: #6F0608;
--setara-maroon-warm: #8A0D10;
--setara-gold: #B8860B;
--setara-soft-gold: #D8B45A;
--setara-cream: #FAF6EE;
--setara-paper: #FFFDF8;
--setara-text: #1F1715;
--setara-muted: #6B5F58;
--setara-border: #E6D8C6;
}


.pkp_structure_main a,
.pkp_structure_sidebar a,
.pkp_footer_content a,
.cmp_breadcrumbs a,
.obj_issue_summary a,
.obj_article_summary a,
.obj_galley_link,
.cmp_manuscript_button,
.cmp_button_wire,
.read_more,
.current_issue .read_more,
.page_index_journal .read_more {
color: var(--setara-maroon);
}

.pkp_structure_main a:hover,
.pkp_structure_main a:focus,
.pkp_structure_sidebar a:hover,
.pkp_structure_sidebar a:focus,
.cmp_breadcrumbs a:hover,
.cmp_breadcrumbs a:focus,
.obj_issue_summary a:hover,
.obj_issue_summary a:focus,
.obj_article_summary a:hover,
.obj_article_summary a:focus,
.read_more:hover,
.read_more:focus,
.current_issue .read_more:hover,
.current_issue .read_more:focus,
.page_index_journal .read_more:hover,
.page_index_journal .read_more:focus {
color: var(--setara-maroon-deep);
}


.current_issue .read_more,
.page_index_journal .read_more,
.page_issue_archive .read_more {
display: inline-flex;
align-items: center;
gap: 0.55rem;
min-height: 2.75rem;
padding: 0.72rem 1rem;
border: 1px solid rgba(184, 134, 11, 0.34);
border-radius: 8px;
background: rgba(216, 180, 90, 0.14);
box-shadow: 0 8px 20px rgba(59, 5, 6, 0.08);
color: var(--setara-maroon-deep);
font-weight: 800;
line-height: 1.2;
text-decoration: none;
}

.current_issue .read_more:hover,
.current_issue .read_more:focus,
.page_index_journal .read_more:hover,
.page_index_journal .read_more:focus,
.page_issue_archive .read_more:hover,
.page_issue_archive .read_more:focus {
background: var(--setara-maroon);
border-color: var(--setara-maroon);
box-shadow: 0 12px 24px rgba(59, 5, 6, 0.18);
color: #fff;
}

.current_issue .read_more:after,
.page_index_journal .read_more:after,
.page_issue_archive .read_more:after {
color: currentColor;
}


#navigationUser .dropdown-menu,
.pkp_navigation_user .dropdown-menu,
#navigationUser ul,
.pkp_navigation_user ul {
min-width: 10.5rem;
padding: 0.45rem;
border: 1px solid rgba(184, 134, 11, 0.25);
border-radius: 8px;
background: var(--setara-paper);
box-shadow: 0 18px 36px rgba(59, 5, 6, 0.18);
}

#navigationUser .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a,
#navigationUser ul a,
.pkp_navigation_user ul a {
display: block;
padding: 0.62rem 0.75rem;
border-radius: 6px;
background: transparent;
color: var(--setara-maroon-deep);
font-weight: 700;
text-decoration: none;
}

#navigationUser .dropdown-menu a:hover,
#navigationUser .dropdown-menu a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
#navigationUser ul a:hover,
#navigationUser ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
background: rgba(216, 180, 90, 0.18);
color: var(--setara-maroon-deep);
}


.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary ul a {
color: var(--setara-maroon-deep);
font-weight: 700;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
background: rgba(216, 180, 90, 0.18);
color: var(--setara-maroon-deep);
}


.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"],
input[type="button"] {
background: var(--setara-maroon);
border-color: var(--setara-maroon);
color: #fff;
}

.cmp_button:hover,
.cmp_button:focus,
.cmp_form .buttons button:hover,
.cmp_form .buttons button:focus,
button.submit:hover,
button.submit:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
background: var(--setara-maroon-deep);
border-color: var(--setara-maroon-deep);
color: #fff;
}


.cmp_button_wire,
.obj_galley_link,
.galley-link {
border-color: rgba(184, 134, 11, 0.42);
background: rgba(255, 253, 248, 0.88);
color: var(--setara-maroon-deep);
}

.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
.galley-link:hover,
.galley-link:focus {
background: var(--setara-maroon);
border-color: var(--setara-maroon);
color: #fff;
}


a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 3px solid rgba(216, 180, 90, 0.65);
outline-offset: 3px;
}

@media (max-width: 768px) {
.current_issue .read_more,
.page_index_journal .read_more,
.page_issue_archive .read_more {
width: 100%;
justify-content: center;
}
}