/* ===== BEGIN: jentera-integrated.css ===== */
/* == FONT == */
@import url('https://fonts.googleapis.com/css?family=EB+Garamond|Lato&display=swap');

body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-family: 'Lato', sans-serif;
    color: #111;
}

/* == HEADER == */
#header {
    background-color: #f6a429;
    width: 90%;
    padding: 1.5em 0;
}

#headerTitle {
    text-align: center;
}

#headerTitle h1, #headerTitle img {
    margin: 0 auto;
    max-width: 1080px;
}

/* == NAVIGATION MENU == */
#navbar {
   background-color: #6e34d3;
    width: 100%;
    display: flex;
    justify-content: center; /* Pusatkan menu */
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 0; /* Hapus padding */
    margin: 0;  /* Hapus margin */
}

#navbar ul.menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#navbar ul.menu li {
    margin: 0;
}

#navbar ul.menu li a {
    display: block;
    padding: 0.8em 1em;
    font-weight: bold;
    color: #111;
    text-decoration: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

#navbar ul.menu li:first-child a {
    border-left: none;
}

#navbar ul.menu li a:hover,
#navbar ul.menu li a.current {
    background-color: #f6a429;
    color: #fff;
}

/* == BREADCRUMB == */
.main-wrapper {
    max-width: 1080px;
    margin: 0 auto;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

#breadcrumb {
    max-width: 100%;
    margin: 10px auto;
    /*padding: 0.7em 0 0.7em 1em;*/
    padding: 10px 0;
    font-size: 14px;
    color: #444;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

#breadcrumb-inner a {
    color: #333;
    text-decoration: none;
    margin-right: 5px;
}

#breadcrumb-inner a.current {
    font-weight: bold;
}

#content h1, #content h2 {
    text-align: left !important;
    margin-left: 0px !important;
}

/* == BODY LAYOUT == */
#body {
    display: flex;
    max-width: 1080px;
    margin: 1em auto;
}

#main {
    flex: 1;
    padding-right: 20px;
}

#rightSidebar {
    width: 250px;
    margin-left: 20px;
}

/* == CONTENT HEADINGS == */
#main h2, #main h1 {
    text-align: center;
    font-family: 'EB Garamond', serif;
}

/* == FOOTER == */
#footer {
    background-color: #f6a429;
    padding: 1em 0;
    text-align: center;
    margin-top: 3em;
}

#content h2 {
    text-align: initial;
    font-size: 1.8em;
    margin-top: 10px;
}


.header-branding {
    background-color: #f6a429;
    color: white;
    text-align: center;
    padding: 2.5em 0 1.5em;
    margin-bottom: 0;
}

.header-branding h1 {
    font-size: 2rem;
    font-weight: bold;
    font-family: 'EB Garamond', serif;
    margin-bottom: 5px;
}

.header-branding p {
    font-size: 1.05rem;
    opacity: 0.95;
    margin: 0;
}

/* Perbaiki transisi antara header dan navbar */
#navbar {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

/* Pastikan navbar menyatu secara visual */
#navbar,
.topbar {
    border: none;
}






/* ===== BEGIN: jentera-theme-all.css ===== */
/* === FROM jentera-sidebar-footer.css === */
#rightSidebar .block {
    margin-bottom: 1.5em;
    background-color: #fefefe;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#rightSidebar .blockTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.8em;
    color: #000;
}
#rightSidebar ul {
    list-style: none;
    padding-left: 0;
}
#rightSidebar ul li {
    margin-bottom: 0.5em;
}
#rightSidebar ul li a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px 8px;
    border-radius: 3px;
}
#rightSidebar ul li a:hover {
    background-color: #f6a429;
    color: #fff;
}
ul.sidemenu {
    padding: 0;
    list-style: none;
}
ul.sidemenu li {
    margin-bottom: 5px;
}
ul.sidemenu li a {
    display: block;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
    color: #000;
    text-decoration: none;
    transition: background 0.2s;
}
ul.sidemenu li a:hover {
    background-color: #f6a429;
    color: #fff;
}
#pageFooter {
    background-color: #eaeaea;
    padding: 2em 0;
    font-size: 0.9em;
    color: #444;
    text-align: center;
    margin-top: 2em;
}
#pageFooter .widget-dynamic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto;
}
#pageFooter .widget-SelfServeContent {
    flex: 1 1 45%;
    margin-bottom: 1em;
    padding: 0 1em;
}
#pageFooter a {
    color: #0077cc;
    text-decoration: none;
}
#pageFooter a:hover {
    text-decoration: underline;
}

/* === FROM jentera-toc.css === */
.tocArticle {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    font-family: 'Lato', sans-serif;
}
.tocArticleTitleAuthors {
    flex: 1;
}
.tocArticle .tocTitle a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.tocArticle .tocTitle a:hover {
    text-decoration: underline;
    color: #f6a429;
}
.tocArticle .tocAuthors {
    font-size: 0.9em;
    color: #555;
    margin-top: 0.2em;
}
.tocArticleGalleysPages {
    text-align: right;
    font-size: 0.9em;
    color: #333;
    min-width: 160px;
}
.tocGalleys a.file {
    background: #f6a429;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}
.tocGalleys a.file:hover {
    background-color: #f6a429;
}
.tocDOI {
    font-size: 0.85em;
    color: #777;
    margin-top: 6px;
}
.tocDOI img {
    vertical-align: middle;
    margin-right: 4px;
}
.tocPages {
    font-size: 0.85em;
    color: #444;
    margin-top: 4px;
}
#main h2 {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
}
#issueDescription {
    text-align: justify;
    margin-bottom: 1.5em;
    color: #444;
}
#homepageImage img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
}

/* === FROM jentera-article.css === */
.obj_article_details {
    max-width: 800px;
    margin: 0 auto;
    padding: 2em 1em;
    font-family: 'Lato', sans-serif;
}
.obj_article_details h1 {
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
}
.obj_article_details .author {
    font-size: 1em;
    color: #444;
    text-align: center;
    margin-bottom: 1em;
}
.obj_article_details .affiliation {
    font-size: 0.9em;
    color: #777;
    text-align: center;
}
.obj_article_details .item.doi,
.obj_article_details .item.keywords {
    margin-top: 1.5em;
    font-size: 0.9em;
    color: #555;
}
.obj_article_details .item.doi a {
    color: #f6a429;
    text-decoration: none;
}
.obj_article_details .item.doi a:hover {
    text-decoration: underline;
}
.obj_article_details .item.keywords strong {
    color: #000;
}
.obj_article_details .galley-links a {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 6px 12px;
    background: #f6a429;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.95em;
}
.obj_article_details .galley-links a:hover {
    background-color: #f6a429;
}


.tab-box {
    margin-top: 2em;
}

.tab-menu {
    list-style: none;
    display: flex;
    padding: 0;
    border-bottom: 2px solid #ccc;
    margin-bottom: 1em;
}

.tab-menu li {
    margin-right: 1em;
    padding: 0.5em 1em;
    cursor: pointer;
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
}

.tab-menu li.active {
    background: #fff;
    border-bottom: 2px solid #fff;
    font-weight: bold;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.info-tab-container {
    background: #fff;
    border-radius: 12px;
}

.tab-menu .nav-link {
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    margin-right: 5px;
}

.card-img-top {
    object-fit: cover;
    height: 200px;
}

@media (max-width: 767px) {
    .card-img-top {
        height: 150px;
    }
}

.issue-card {
    width: 180px;
    margin: 10px;
    text-align: center;
    display: inline-block;
}

.issue-card img {
    width: 100%;
    height: auto;
}

#primaryNavList {
    max-width: 1080px;
    width: 120%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    list-style: none;
    background-color: transparent; /* Warna latar sesuai #navbar */
    justify-content: center;
}


/*#primaryNavList {*/
/*    display: flex;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    background-color: #f6a429;*/
/*    justify-content: center;*/
/*}*/

#primaryNavList li {
    margin: 0 0px;
}

#primaryNavList li a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 15px;
    display: inline-block;
}

#primaryNavList li a:hover {
    background-color: #f6a429;
    border-radius: 5px;
}

.top-bar {
    font-size: 0.9rem;
    background-color: #f8f9fa;
    border-bottom: 1px solid #ccc;
}

.language-switcher .dropdown-toggle {
    font-weight: bold;
}

.user-menu a {
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: #f6a429;
}

.language-switcher, .user-menu {
    display: flex;
    align-items: center;
}

.language-switcher .dropdown-toggle {
    font-weight: bold;
    color: #000;
    background: none;
    border: none;
}

.sidebar-search-form {
    padding: 5px;
    font-size: 0.9rem;
}

.sidebar-search-form .form-group {
    margin-bottom: 10px;
}

#autocompleteResults {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1050;
}

#container.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}