/*General*/
html { scroll-behavior: smooth; }
body { /*font-family: 'Inter', sans-serif; font-family: "Open Sans", sans-serif; */ background-color: #e9e9e9; color: #333; }
h1,h2,h3,h4,h5,h6 { /*font-family: "Oswald", sans-serif; */ font-family: "Roboto Condensed", sans-serif;}

/*Navbar*/
.header-card { display: flex; gap: 1rem; align-items: center; }
.header-img { width: 150px; height: 150px; object-fit: cover; }
.header-info h1 { margin-bottom: 0.25rem; }
.header-info p { margin-bottom: 0.25rem; }
/*.journal-header { background-color: #ffffff;*/ /*border-bottom: 5px solid var(--bs-teal);*/ /*padding: 1rem 0; }*/
.navbar { background-color: #5a706c !important; border-bottom: 2px solid var(--bs-teal); }
.navbar .nav-link { color: #ffffff !important; }
.navbar .nav-link:hover { background-color: var(--bs-teal); color: #ffffff !important; }
.navbar .nav-link.active { background-color: var(--bs-teal); color: #ffffff !important; }
.navbar-brand { color: #ffffff !important; }

/*Body*/
.sidebar { background-color: #a6ab9f; padding: 2rem; }
.sidebar .list-group-item.active { background-color: var(--bs-success); color: #ffffff !important; border-radius: var(--bs-border-radius); border-color: var(--bs-success); }
.main-content { padding: 2rem; background-color: #ffffff; border-left: 1px solid #dee2e6; }
/*.journal-logo { max-width: 100%; height: auto; }*/

/*Editorial Board*/
.editor-card { background: #ffffff; border: 1px solid var(--bs-teal); border-radius: 8px; padding: 1rem; margin-bottom: 1.5rem; box-shadow: 0 2px 4px rgba(0,0,0,.05); display: flex; gap: 1rem; align-items: center; }
.editor-img { width: 100px; height: 100px; /*border: 1px solid var(--bs-teal);*/ object-fit: cover; border-radius: 6px; }
.editor-info h5 { margin-bottom: 0.25rem; }
.editor-info p { margin-bottom: 0.25rem; }
.editor-links a { font-size: 0.9rem; margin-right: 1rem; text-decoration: underline; cursor: pointer; }
.modal-body p { margin-bottom: 0.75rem; }

/*Articles List*/
.article-card { margin-bottom: 1.5rem; border: 1px solid #d6e9f5; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.sticky-top-nav { position: sticky; top: 0; z-index: 1020; }
.article-meta { font-size: 0.9rem; color: #6c757d; margin-bottom: 0.5rem; }
footer { background-color: #5a706c; color:#ffffff; padding: 1rem 0; text-align: center; margin-top: 2rem; border-top: 2px solid #5a706c; }
.search-bar { margin-bottom: 2rem; }
.orcid-badge { font-size: 0.75rem; background-color: #a6ce39; color: white; border-radius: 4px; padding: 0 4px; margin-left: 4px; }
.category-badge { font-size: 0.75rem; background-color: #5a706c; color: #ffffff; border-radius: 4px; padding: 2px 6px; margin-right: 5px; }
.filter-controls { margin-bottom: 2rem; }

/*Fulltext*/
/*.article-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.05);}*/
.article-container{}
.article-meta{font-size:.9rem;color:#6c757d;margin-bottom:1rem;}
.article-section { margin-bottom: 2rem; }
.article-section h4 { border-bottom: 2px solid var(--bs-teal); padding-bottom: .5rem; margin-bottom: 1rem; }
.kw-badge{background-color:#5a706c;color:#ffffff;font-size:.75rem;border-radius:4px;padding:2px 6px;margin-right:4px;}
.cite-tools .btn{margin-right:.5rem;}
.article-figure img{border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.06);} 
.article-table{margin:1rem 0;font-size:.95rem;}
.article-table caption{caption-side:top;font-weight:600;margin-bottom:.25rem;}
.orcid-icon { width: 20px; vertical-align: text-bottom; margin-left: 4px; }
.share-buttons a { margin-right: 0.5rem; }
.comment-thread { background: #f8f9fa; padding: 1rem; border-radius: 6px; margin-top: 2rem; }
.comment-thread h5 { border-bottom: 1px solid #dee2e6; padding-bottom: .5rem; margin-bottom: 1rem; }
.comment { margin-bottom: 1rem; }
.altmetric-embed { /*margin-top: 1rem;*/ }


/*Archive*/
.volume-card {border:1px solid var(--bs-teal);border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);}
.volume-header {background:var(--bs-transparent);color:var(--bs-teal);font-weight:bold;padding:.75rem 1rem;border-bottom:1px solid var(--bs-teal);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center;}
.issue-link {display:inline-block;margin:.35rem .5rem;padding:.25rem .6rem;background:#a6ab9f;color:#ffffff;border-radius:4px;font-size:.9rem;text-decoration:none;}
.issue-link:hover {background:var(--bs-teal);color:#03045e;}

.cke_top { background: transparent !important; border: none !important; /* optional: remove the bottom border */ }
.cke_editor { border: none !important; }

/* Detail Page Specifics */
.status-tracker { display: flex; justify-content: space-between; position: relative; margin-bottom: 3rem; padding-top: 20px; }
.status-step { text-align: center; position: relative; z-index: 2; flex: 1; }
.status-dot { width: 30px; height: 30px; background: #dee2e6; border-radius: 50%; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; color: white; transition: 0.3s; }
.status-step.completed .status-dot { background: #198754; }
.status-step.active .status-dot { background: #ffc107; box-shadow: 0 0 0 4px rgba(255,193,7,0.2); }
.status-line { position: absolute; top: 35px; left: 10%; right: 10%; height: 2px; background: #dee2e6; z-index: 1; }
.info-label { font-weight: 600; color: #6c757d; font-size: 0.85rem; text-transform: uppercase; }
.nav-tabs .nav-link { color: #5a706c; font-weight: 600; }
.nav-tabs .nav-link.active { border-top: 3px solid #5a706c; color: #198754; }

/* Revision Page Specifics */
.revision-header { background: #f8f9fa; border-left: 4px solid #dc3545; padding: 1rem; margin-bottom: 2rem; }
.file-upload-box { border: 2px dashed #dee2e6; padding: 2rem; text-align: center; border-radius: 8px; transition: 0.3s; }
.file-upload-box:hover { border-color: #5a706c; background: #fbfbfb; }
.step-indicator { font-size: 0.85rem; font-weight: bold; color: #5a706c; text-transform: uppercase; }

/* Decision Page Specifics */
.decision-banner { background: #fff3cd; border: 1px solid #ffeeba; padding: 1.5rem; border-radius: 8px; margin-bottom: 2rem; display: flex; align-items: center; gap: 1rem; }
.reviewer-box { border: 1px solid #dee2e6; border-radius: 8px; margin-bottom: 1.5rem; overflow: hidden; }
.reviewer-header { background-color: #f8f9fa; padding: 0.75rem 1.25rem; border-bottom: 1px solid #dee2e6; font-weight: bold; color: #5a706c; }
.reviewer-body { padding: 1.25rem; line-height: 1.6; }
.comment-highlight { color: #d63384; font-weight: 600; }