/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* ==========================================================================
   NORMALIZE
   ========================================================================== */
html {
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
article,
aside,
footer,
header,
nav,
section {
  display:block
}
h1 {
  font-size:2em;
  margin:.67em 0
}
figcaption,
figure,
main {
  display:block
}
figure {
  margin:1em 40px
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}
pre {
  font-family:monospace,monospace;
  font-size:1em
}
a {
  background-color:transparent;
  -webkit-text-decoration-skip:objects
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,
strong {
  font-weight:inherit
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
dfn {
  font-style:italic
}
mark {
  background-color:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-0.25em
}
sup {
  top:-0.5em
}
audio,
video {
  display:inline-block
}
audio:not([controls]) {
  display:none;
  height:0
}
img {
  border-style:none
}
svg:not(:root) {
  overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0
}
button,
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance:button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style:none;
  padding:0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline:1px dotted ButtonText
}
fieldset {
  padding:.35em .75em .625em
}
legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress {
  display:inline-block;
  vertical-align:baseline
}
textarea {
  overflow:auto
}
[type="checkbox"],
[type="radio"] {
  box-sizing:border-box;
  padding:0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height:auto
}
[type="search"] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
details,
menu {
  display:block
}
summary {
  display:list-item
}
canvas {
  display:inline-block
}
template {
  display:none
}
[hidden] {
  display:none
}
*,
*:before,
*:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
@keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
@-webkit-keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
@-moz-keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}
@-o-keyframes pkp_spin {
  0% {
    transform:rotateZ(-360deg);
    -webkit-transform:rotateZ(-360deg);
    -moz-transform:rotateZ(-360deg);
    -o-transform:rotateZ(-360deg)
  }
  100% {
    transform:rotateZ(0deg);
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg)
  }
}

/* ==========================================================================
   VARIABLES & DEFAULTS
   ========================================================================== */
:root {
  --primary-color: #e59e0d;
  --primary-dark: #d88a00;
  --primary-light: #f7bc4a;
  --text-dark: #1a202c;
  --text-medium: #4a5568;
  --text-light: #718096;
  --bg-light: #f8f9fa;
  --border-color: #e2e8f0;
  --shadow-light: rgba(0, 0, 0, 0.05);
  --shadow-medium: rgba(0, 0, 0, 0.1);
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;
}

/* ==========================================================================
   MODERN TYPOGRAPHY
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Source+Serif+Pro:wght@400;600;700&display=swap');

html, body {
  font-family: 'Inter', "Montserrat", "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: var(--text-medium);
  background: #f5f7fa;
  scroll-behavior: smooth;
}

/* Modern scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* ==========================================================================
   MODERN HEADINGS
   ========================================================================== */
.pkp_structure_main h1 {
  font-family: 'Source Serif Pro', serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.3;
  margin: 3rem 0 1.5rem;
}

.pkp_structure_main h2 {
  font-family: 'Source Serif Pro', serif;
  font-size: 2rem;
  font-weight: 600;
  color: var(--text-dark);
  margin: 2.5rem 0 1.25rem;
}

.pkp_structure_main h3 {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-medium);
  margin: 2rem 0 1rem;
  text-transform: none;
}

.pkp_structure_main h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-medium);
}

.pkp_structure_main .page h1 {
  margin-top: 0;
}

/* ==========================================================================
   MODERN INDEXING SERVICES BADGES
   ========================================================================== */
.journal_indexing,
.content_block p,
.entry_details .item,
.page .content p {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 15px !important;
  margin: 2.5rem 0 !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 100% !important;
}

.journal_indexing a,
.content_block p a,
.entry_details .item a,
.page .content p a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-medium) !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: var(--text-medium) !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 6px var(--shadow-light) !important;
  text-align: center !important;
  min-height: 75px !important;
  word-break: break-word !important;
  position: relative !important;
  overflow: hidden !important;
}

.journal_indexing a::before,
.content_block p a::before,
.entry_details .item a::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: var(--primary-color) !important;
  transition: width 0.3s ease !important;
}

.journal_indexing a:hover,
.content_block p a:hover,
.entry_details .item a:hover,
.page .content p a:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
  border-color: var(--primary-color) !important;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%) !important;
  color: var(--text-dark) !important;
}

.journal_indexing a:hover::before,
.content_block p a:hover::before,
.entry_details .item a:hover::before {
  width: 6px !important;
}

/* Specific service colors */
.journal_indexing a[href*="scholar.google"]::before {
  background: #4285f4 !important;
}

.journal_indexing a[href*="crossref"]::before {
  background: #ff6b6b !important;
}

.journal_indexing a[href*="sinta"]::before {
  background: #2ecc71 !important;
}

.journal_indexing a[href*="garuda"]::before {
  background: #9b59b6 !important;
}

.journal_indexing a[href*="dimensions"]::before {
  background: #3498db !important;
}

@media (max-width: 768px) {
  .journal_indexing,
  .content_block p,
  .entry_details .item {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 12px !important;
  }
  
  .journal_indexing a,
  .content_block p a,
  .entry_details .item a {
    padding: 15px 12px !important;
    font-size: 0.85rem !important;
    min-height: 65px !important;
  }
}

/* ==========================================================================
   MODERN ARTICLE CARDS
   ========================================================================== */
.obj_article_summary {
  background: white !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-large) !important;
  padding: 2rem !important;
  margin-bottom: 2rem !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px var(--shadow-light) !important;
  position: relative !important;
  overflow: hidden !important;
}

.obj_article_summary::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--primary-color), var(--primary-light)) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.obj_article_summary:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
  border-color: var(--primary-color) !important;
}

.obj_article_summary:hover::before {
  opacity: 1 !important;
}

.obj_article_summary > .title {
  font-family: 'Source Serif Pro', serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--text-dark) !important;
  margin: 0 0 0.75rem !important;
  line-height: 1.4 !important;
}

.obj_article_summary > .title a {
  text-decoration: none !important;
  color: inherit !important;
  transition: color 0.2s ease !important;
}

.obj_article_summary > .title a:hover {
  color: var(--primary-color) !important;
}

.obj_article_summary .subtitle {
  display: block;
  margin: 0 0 1rem !important;
  font-weight: 400;
  color: var(--text-light);
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
}

.obj_article_summary .authors {
  color: var(--text-light) !important;
  font-size: 0.95rem !important;
  font-style: normal !important;
  margin-bottom: 1rem !important;
  font-weight: 500 !important;
}

.obj_article_summary .meta {
  position: relative;
  padding-top: 0.5rem;
  font-size: 0.9rem;
  color: var(--text-light);
}

.obj_article_summary .pages {
  color: var(--text-light);
}

.obj_article_summary .galleys_links {
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid var(--border-color) !important;
}

.obj_article_summary .galleys_links li {
  display: inline-block;
  margin-right: 1em;
}

@media (min-width: 768px) {
  .obj_article_summary .authors {
    padding-right: 5em;
  }
  
  .obj_article_summary .pages {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 2.143rem;
  }
  
  .obj_article_summary .cover {
    float: left;
    width: 25%;
    height: auto;
    max-height: none;
    margin-right: 1.43rem;
  }
}

/* ==========================================================================
   MODERN BUTTONS
   ========================================================================== */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link,
.cmp_button,
.cmp_form .buttons button,
.page_lost_password .buttons button,
.page_search .submit button {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%) !important;
  color: white !important;
  border: none !important;
  border-radius: var(--radius-medium) !important;
  padding: 12px 28px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(229, 158, 13, 0.25) !important;
  position: relative !important;
  overflow: hidden !important;
}

.cmp_manuscript_button::before,
.block_make_submission a::before,
.obj_galley_link::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.2) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 0.6s, height 0.6s !important;
}

.cmp_manuscript_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover,
.cmp_button:hover,
.page_search .submit button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(229, 158, 13, 0.35) !important;
  background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%) !important;
}

.cmp_manuscript_button:hover::before,
.block_make_submission a:hover::before,
.obj_galley_link:hover::before {
  width: 300px !important;
  height: 300px !important;
}

.obj_galley_link {
  display: inline-block;
  padding: 10px 24px;
  background: white;
  border: 1px solid var(--primary-color);
  border-radius: var(--radius-small);
  font-size: 0.93rem;
  line-height: calc(2.143rem - 2px);
  color: var(--primary-color);
  text-decoration: none;
}

.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--primary-color);
  color: white;
}

.obj_galley_link.pdf {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 107, 0.25) !important;
  border: none !important;
}

.obj_galley_link.pdf:hover {
  background: linear-gradient(135deg, #ff8787 0%, #ff6b6b 100%) !important;
}

/* ==========================================================================
   MODERN HEADER & NAVIGATION
   ========================================================================== */
.pkp_structure_head {
  background: white !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  border-bottom: 1px solid var(--border-color) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  position: relative;
  padding-top: 0;
}

.pkp_site_name_wrapper {
  background: white !important;
  padding: 1rem 2.143rem !important;
}

.pkp_site_name .is_text {
  color: var(--text-dark) !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  letter-spacing: -0.5px !important;
}

@media (min-width: 992px) {
  .pkp_site_name {
    width: 75%;
    margin-left: 0;
    padding: 1.2rem 0 !important;
  }
  
  .pkp_site_name .is_text {
    font-size: 1.4rem !important;
  }
}

.pkp_navigation_primary_row {
  background: white !important;
  border-top: 1px solid var(--border-color) !important;
}

#navigationPrimary a {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
}

#navigationPrimary > li > a {
  color: var(--text-medium) !important;
  padding: 0.75rem 1.25rem !important;
  margin: 0 0.25rem !important;
  border-radius: var(--radius-small) !important;
  transition: all 0.2s ease !important;
  border-bottom: 3px solid transparent !important;
}

#navigationPrimary > li > a:hover {
  background: #f7fafc !important;
  color: var(--primary-color) !important;
  transform: translateY(-1px) !important;
  border-bottom-color: var(--primary-color) !important;
}

#navigationPrimary > li > a:focus {
  background: #edf2f7 !important;
  outline: none !important;
}

#navigationPrimary ul {
  background: white !important;
  border-radius: var(--radius-medium) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid var(--border-color) !important;
}

#navigationPrimary ul a {
  color: var(--text-medium) !important;
  padding: 0.75rem 1.25rem !important;
  border-left: 3px solid transparent !important;
}

#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
  background: #f7fafc !important;
  color: var(--primary-color) !important;
  border-left-color: var(--primary-color) !important;
}

/* ==========================================================================
   MODERN FOOTER
   ========================================================================== */
.pkp_structure_footer_wrapper {
  background: var(--text-dark) !important;
  border-top: 1px solid #2d3748 !important;
  border-bottom: none !important;
  color: #a0aec0 !important;
  margin-top: 4rem !important;
  padding-top: 3rem !important;
}

.pkp_structure_footer {
  color: #a0aec0 !important;
}

.pkp_footer_content {
  color: #a0aec0 !important;
  padding: 2.143rem !important;
}

.pkp_structure_footer_wrapper a {
  color: var(--primary-light) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.pkp_structure_footer_wrapper a:hover {
  color: white !important;
  text-decoration: underline !important;
}

.pkp_brand_footer {
  padding: 2.143rem !important;
  border-top: 1px solid #2d3748 !important;
  margin-top: 2rem !important;
}

/* ==========================================================================
   MODERN SIDEBAR BLOCKS
   ========================================================================== */
.pkp_block {
  background: white !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-large) !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 4px 12px var(--shadow-light) !important;
  overflow: hidden !important;
  transition: transform 0.3s ease !important;
}

.pkp_block:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

.pkp_block .title {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  padding: 1.25rem 1.5rem !important;
  margin: -2.143rem -1.43rem 1.5rem !important;
  border-bottom: 1px solid var(--border-color) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: var(--text-medium) !important;
  display: inline-block !important;
  width: calc(100% + 2.86rem) !important;
  border-bottom: 3px solid var(--primary-color) !important;
}

.pkp_block .content {
  padding: 0 1.5rem 1.5rem !important;
}

.pkp_block .content ul li {
  line-height: 1.6 !important;
  padding: 0.5rem 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.pkp_block .content ul li:last-child {
  border-bottom: none !important;
}

.pkp_block a {
  text-decoration: none !important;
  color: var(--text-medium) !important;
  transition: color 0.2s ease !important;
}

.pkp_block a:hover {
  color: var(--primary-color) !important;
}

@media (min-width: 992px) {
  .pkp_block {
    padding: 0 !important;
  }
}

/* ==========================================================================
   MODERN BREADCRUMBS
   ========================================================================== */
.cmp_breadcrumbs {
  padding: 2rem 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9rem !important;
  color: var(--text-light) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.cmp_breadcrumbs > ol {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.cmp_breadcrumbs li {
  display: flex !important;
  align-items: center !important;
}

.cmp_breadcrumbs a {
  color: var(--text-medium) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: var(--radius-small) !important;
}

.cmp_breadcrumbs a:hover {
  color: var(--primary-color) !important;
  background: #f7fafc !important;
}

.cmp_breadcrumbs .current {
  text-transform: none !important;
  color: var(--text-dark) !important;
  font-weight: 600 !important;
  padding: 0.25rem 0.5rem !important;
}

.cmp_breadcrumbs .current h1 {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.1rem !important;
  margin: 0 !important;
  font-weight: 700 !important;
}

.cmp_breadcrumbs .separator {
  padding: 0 0.5rem !important;
  color: #cbd5e0 !important;
  opacity: 0.7 !important;
}

/* ==========================================================================
   MODERN PAGINATION
   ========================================================================== */
.cmp_pagination {
  font-family: 'Inter', sans-serif !important;
  margin: 3rem 0 !important;
  padding: 1.5rem 0 !important;
  border-top: 1px solid var(--border-color) !important;
}

.cmp_pagination a {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: var(--radius-small) !important;
  background: white !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-medium) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.cmp_pagination a:hover {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(229, 158, 13, 0.2) !important;
}

.cmp_pagination .prev:before {
  content: "\f053" !important;
  font-family: 'FontAwesome' !important;
  margin-right: 0.5rem !important;
}

.cmp_pagination .next:after {
  content: "\f054" !important;
  font-family: 'FontAwesome' !important;
  margin-left: 0.5rem !important;
}

/* ==========================================================================
   MODERN ANNOUNCEMENTS
   ========================================================================== */
.cmp_announcements {
  border: none !important;
}

.cmp_announcements > li {
  border-bottom: none !important;
  padding: 2rem !important;
  margin-bottom: 1.5rem !important;
  background: white !important;
  border-radius: var(--radius-large) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 12px var(--shadow-light) !important;
  transition: all 0.3s ease !important;
}

.cmp_announcements > li:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
  border-color: var(--primary-color) !important;
}

.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h4 {
  font-family: 'Source Serif Pro', serif !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
  margin: 0 0 0.75rem !important;
}

.cmp_announcements .date {
  font-weight: 400 !important;
  color: var(--text-light) !important;
  font-size: 0.9rem !important;
  margin-bottom: 1rem !important;
  display: flex !important;
  align-items: center !important;
}

.cmp_announcements .date:before {
  color: var(--primary-color) !important;
  margin-right: 0.5rem !important;
  font-size: 1rem !important;
}

.cmp_announcements .read_more {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--primary-color) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.9rem !important;
  margin-top: 1rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: var(--radius-small) !important;
  background: rgba(229, 158, 13, 0.1) !important;
  transition: all 0.2s ease !important;
}

.cmp_announcements .read_more:hover {
  background: var(--primary-color) !important;
  color: white !important;
  transform: translateX(5px) !important;
}

.cmp_announcements .read_more:after {
  content: "\f054" !important;
  font-family: 'FontAwesome' !important;
  margin-left: 0.5rem !important;
  transition: transform 0.2s ease !important;
}

.cmp_announcements .read_more:hover:after {
  transform: translateX(3px) !important;
}

/* ==========================================================================
   MODERN ISSUE TOC
   ========================================================================== */
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  color: var(--text-medium) !important;
  margin: 1rem 0 !important;
}

.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .published .label {
  font-weight: 600 !important;
  color: var(--text-medium) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.obj_issue_toc .heading .pub_id .id,
.obj_issue_toc .heading .published .value {
  margin-left: 0.5rem !important;
  color: var(--text-dark) !important;
}

.obj_issue_toc > .galleys,
.obj_issue_toc .section {
  margin: 2.5rem 0 !important;
  padding: 2rem !important;
  background: white !important;
  border-radius: var(--radius-large) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 12px var(--shadow-light) !important;
}

.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2 {
  font-family: 'Source Serif Pro', serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
  margin: 0 0 1.5rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 3px solid var(--primary-color) !important;
}

.obj_issue_toc .galleys_links li {
  margin-bottom: 0.75rem !important;
}

.obj_issue_toc .cover img {
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: var(--radius-medium) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   MODERN ARTICLE DETAILS
   ========================================================================== */
.obj_article_details .row,
.obj_article_details .main_entry,
.obj_article_details .entry_details {
  border: none !important;
}

.obj_article_details .main_entry .label {
  display: inline-block !important;
  padding: 0 0 0.5rem !important;
  border-bottom: 3px solid var(--primary-color) !important;
  color: var(--text-medium) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-weight: 600 !important;
  margin-bottom: 1.5rem !important;
}

.obj_article_details .subtitle {
  font-family: 'Source Serif Pro', serif !important;
  font-size: 1.25rem !important;
  color: var(--text-medium) !important;
  margin: 0.5rem 0 1.5rem !important;
  line-height: 1.5 !important;
}

.obj_article_details .authors,
.obj_article_details .doi {
  font-family: 'Inter', sans-serif !important;
  color: var(--text-dark) !important;
}

.obj_article_details .authors li {
  margin-bottom: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.obj_article_details .authors li:last-child {
  border-bottom: none !important;
}

.obj_article_details .orcid a,
.obj_article_details .doi a {
  color: var(--text-medium) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.obj_article_details .orcid a:hover,
.obj_article_details .doi a:hover {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
}

.obj_article_details .entry_details {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.obj_article_details .entry_details .label {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--text-medium) !important;
}

.obj_article_details .entry_details .item {
  margin: 2rem 0 !important;
  padding: 0 !important;
  border-radius: var(--radius-large) !important;
  background: white !important;
  box-shadow: 0 4px 12px var(--shadow-light) !important;
  border: 1px solid var(--border-color) !important;
  overflow: hidden !important;
}

.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item:first-child > .label {
  padding: 1.25rem 1.5rem !important;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  border-bottom: 1px solid var(--border-color) !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
}

.obj_article_details .entry_details .item > .value,
.obj_article_details .entry_details .sub_item .value {
  padding: 1.5rem !important;
}

.obj_article_details .entry_details .galleys_links > li {
  display: block !important;
  margin-bottom: 0.75rem !important;
}

.obj_article_details .entry_details .galleys_links > li:last-child {
  margin-bottom: 0 !important;
}

.obj_article_details .entry_details .galleys_links > li a {
  display: block !important;
  padding: 1rem 1.5rem !important;
  background: white !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-small) !important;
  text-decoration: none !important;
  color: var(--text-medium) !important;
  transition: all 0.2s ease !important;
}

.obj_article_details .entry_details .galleys_links > li a:hover {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(229, 158, 13, 0.2) !important;
}

/* ==========================================================================
   MODERN TABLES
   ========================================================================== */
.cmp_table {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-medium);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  box-shadow: 0 4px 12px var(--shadow-light);
}

.cmp_table th,
.cmp_table td {
  padding: 1rem 1.5rem;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}

.cmp_table th {
  font-weight: 600;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: var(--text-dark);
}

.cmp_table tr:last-child td {
  border-bottom: none;
}

.cmp_table tr:hover td {
  background: #f7fafc;
}

/* ==========================================================================
   MODERN FORMS
   ========================================================================== */
.cmp_form fieldset {
  margin: 0 0 2rem;
  padding: 0;
  border: none;
}

.cmp_form legend {
  margin-bottom: 1.5rem;
  font-family: 'Source Serif Pro', serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-dark);
  padding-bottom: 0.5rem;
  border-bottom: 3px solid var(--primary-color);
}

.cmp_form .fields > div {
  position: relative;
  padding-bottom: 2.5rem;
  margin-bottom: 1rem;
}

.cmp_form label {
  display: block;
  font-weight: 500;
  color: var(--text-medium);
  margin-bottom: 0.5rem;
}

.cmp_form .label {
  display: block;
  font-size: 0.95rem;
  font-weight: 400;
  font-style: italic;
  color: var(--text-light);
  margin-bottom: 0.5rem;
}

.cmp_form .label .required {
  color: #ff4040;
}

.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form input[type="tel"],
.cmp_form select,
.cmp_form textarea {
  padding: 0.75rem 1rem;
  width: 100%;
  background: white;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-small);
  font-size: 1rem;
  line-height: 1.5;
  transition: all 0.2s ease;
  color: var(--text-dark);
}

.cmp_form input[type="text"]:focus,
.cmp_form input[type="email"]:focus,
.cmp_form input[type="password"]:focus,
.cmp_form input[type="url"]:focus,
.cmp_form input[type="tel"]:focus,
.cmp_form select:focus,
.cmp_form textarea:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(229, 158, 13, 0.1);
}

.cmp_form textarea {
  min-height: 150px;
  resize: vertical;
}

.cmp_form .buttons {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border-color);
}

/* ==========================================================================
   MODERN SEARCH PAGE
   ========================================================================== */
.page_search .search_advanced {
  margin-top: 1.5rem;
  padding: 2rem;
  background: white;
  border-radius: var(--radius-large);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px var(--shadow-light);
}

.page_search .search_advanced legend {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-medium);
  padding: 0.75rem 1rem;
  background: #f7fafc;
  border-radius: var(--radius-small);
  border: 1px solid var(--border-color);
}

.page_search .search_input .query {
  width: 100%;
  height: 3.5rem;
  padding: 0 1.5rem;
  font-size: 1.1rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-medium);
  background: white;
  transition: all 0.2s ease;
}

.page_search .search_input .query:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(229, 158, 13, 0.1);
}

.page_search .submit {
  margin-top: 1.5rem;
}

.page_search .submit button {
  width: 100%;
  font-size: 1.1rem;
  padding: 1rem 2rem;
}

/* ==========================================================================
   MODERN HOME PAGE
   ========================================================================== */
.pkp_page_index .homepage_image {
  margin: -2.143rem -2.143rem 2.143rem !important;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-large);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.pkp_page_index .homepage_image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.pkp_page_index .homepage_image:hover img {
  transform: scale(1.02);
}

.pkp_page_index .current_issue h2 {
  display: inline-block;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid var(--primary-color);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--text-medium);
  letter-spacing: 0.5px;
  margin-bottom: 1.5rem;
}

.pkp_page_index .current_issue .current_issue_title {
  font-family: 'Source Serif Pro', serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-dark);
  margin: 1rem 0;
}

.pkp_page_index .current_issue .read_more {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--primary-color);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 0.95rem;
  margin-top: 1.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-small);
  background: rgba(229, 158, 13, 0.1);
  transition: all 0.2s ease;
}

.pkp_page_index .current_issue .read_more:hover {
  background: var(--primary-color);
  color: white;
  transform: translateX(5px);
}

.pkp_page_index .current_issue .read_more:after {
  content: "\f054";
  font-family: 'FontAwesome';
  margin-left: 0.5rem;
  transition: transform 0.2s ease;
}

.pkp_page_index .current_issue .read_more:hover:after {
  transform: translateX(3px);
}

/* ==========================================================================
   MOBILE RESPONSIVENESS
   ========================================================================== */
@media (max-width: 768px) {
  /* General mobile adjustments */
  body {
    font-size: 14px;
  }
  
  .pkp_structure_main h1 {
    font-size: 2rem;
  }
  
  .pkp_structure_main h2 {
    font-size: 1.75rem;
  }
  
  .pkp_structure_main h3 {
    font-size: 1.35rem;
  }
  
  /* Mobile navigation */
  .pkp_site_nav_menu {
    background: white !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 0 var(--radius-medium) var(--radius-medium) !important;
  }
  
  /* Mobile cards */
  .obj_article_summary {
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  
  .obj_article_summary > .title {
    font-size: 1.3rem !important;
  }
  
  /* Mobile footer */
  .pkp_structure_footer_wrapper {
    margin-top: 2rem !important;
    padding-top: 2rem !important;
  }
  
  .pkp_footer_content {
    padding: 1.5rem !important;
  }
  
  /* Mobile forms */
  .cmp_form input[type="text"],
  .cmp_form input[type="email"],
  .cmp_form input[type="password"],
  .cmp_form input[type="url"],
  .cmp_form input[type="tel"],
  .cmp_form select,
  .cmp_form textarea {
    font-size: 16px; /* Prevents zoom on iOS */
  }
  
  /* Mobile buttons */
  .cmp_manuscript_button,
  .block_make_submission a,
  .obj_galley_link,
  .cmp_button {
    padding: 1rem 1.5rem !important;
    width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  /* Extra small devices */
  .pkp_structure_main {
    padding: 1rem !important;
  }
  
  .pkp_site_name_wrapper {
    padding: 0.75rem 1rem !important;
  }
  
  .pkp_site_name .is_text {
    font-size: 1.1rem !important;
  }
  
  .journal_indexing,
  .content_block p,
  .entry_details .item {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  
  .cmp_announcements > li,
  .obj_issue_toc > .galleys,
  .obj_issue_toc .section,
  .obj_article_details .entry_details .item {
    padding: 1.25rem !important;
  }
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */
.text-primary {
  color: var(--primary-color) !important;
}

.text-dark {
  color: var(--text-dark) !important;
}

.text-light {
  color: var(--text-light) !important;
}

.bg-light {
  background: var(--bg-light) !important;
}

.border-light {
  border-color: var(--border-color) !important;
}

.rounded-sm {
  border-radius: var(--radius-small) !important;
}

.rounded-md {
  border-radius: var(--radius-medium) !important;
}

.rounded-lg {
  border-radius: var(--radius-large) !important;
}

.shadow-sm {
  box-shadow: 0 2px 8px var(--shadow-light) !important;
}

.shadow-md {
  box-shadow: 0 4px 12px var(--shadow-light) !important;
}

.shadow-lg {
  box-shadow: 0 8px 30px var(--shadow-light) !important;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.slide-in {
  animation: slideIn 0.4s ease-out;
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
  .pkp_structure_head,
  .pkp_structure_footer_wrapper,
  .pkp_block,
  .cmp_breadcrumbs,
  .cmp_pagination,
  .obj_article_summary .galleys_links,
  .obj_galley_link {
    display: none !important;
  }
  
  body {
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
    background: #fff;
  }
  
  .pkp_structure_page {
    margin: 0 !important;
    box-shadow: none !important;
  }
  
  .obj_article_summary,
  .obj_article_details .entry_details .item {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    margin-bottom: 1cm !important;
    page-break-inside: avoid;
  }
  
  a {
    color: #000 !important;
    text-decoration: underline !important;
  }
  
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 90%;
    color: #666;
  }
  
  .journal_indexing,
  .content_block p,
  .entry_details .item {
    display: none !important;
  }
}

/* ==========================================================================
   FIX FOR EXISTING OJS CLASSES
   ========================================================================== */
/* Ensure compatibility with existing OJS structure */
.pkp_button,
.pkp_button_primary,
.pkp_button_offset,
.pkp_button_link {
  font-family: 'Inter', sans-serif !important;
  border-radius: var(--radius-small) !important;
  transition: all 0.2s ease !important;
}

.pkp_button_primary {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%) !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(229, 158, 13, 0.25) !important;
}

.pkp_button_primary:hover,
.pkp_button_primary:focus {
  background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(229, 158, 13, 0.35) !important;
}

/* Fix for existing tables */
.page .content table,
.page .content .table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 2rem 0 !important;
}

.page .content table th,
.page .content table td,
.page .content .table th,
.page .content .table td {
  padding: 1rem !important;
  border: 1px solid var(--border-color) !important;
}

.page .content table th,
.page .content .table th {
  background: #f7fafc !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
}

/* Fix for existing lists */
.page .content ul:not(.pkp_unstyled_list),
.page .content ol {
  padding-left: 2rem !important;
  margin: 1.5rem 0 !important;
}

.page .content ul:not(.pkp_unstyled_list) li,
.page .content ol li {
  margin-bottom: 0.75rem !important;
  line-height: 1.6 !important;
}

.page .content ul:not(.pkp_unstyled_list) li:last-child,
.page .content ol li:last-child {
  margin-bottom: 0 !important;
}

/* Fix for existing blockquotes */
.page .content blockquote {
  border-left: 4px solid var(--primary-color) !important;
  padding-left: 1.5rem !important;
  margin: 2rem 0 !important;
  font-style: italic !important;
  color: var(--text-medium) !important;
  background: #f7fafc !important;
  padding: 1.5rem !important;
  border-radius: var(--radius-medium) !important;
}
/* Author affiliation + country styling */
.obj_article_details .authors .affiliation {
  display: block;
  font-size: 0.9rem;
  color: var(--text-medium);
  margin-top: 0.25rem;
}

.obj_article_details .authors .country {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primary-color);
}
.obj_article_summary .authors {
  line-height: 1.6;
}

.obj_article_summary .authors .country {
  font-weight: 600;
  color: var(--primary-color);
}

/* ==========================================================================
   END OF MODERN CSS
   ========================================================================== */