/* ==========================================================================
   Science Infotech (SEIN) — stylesheet for the Manuscript theme, OJS 3.3
   OJS 3.5: loaded automatically by the theme "Resincen Manuscript" for this journal (no upload).
   Palette from the journal cover: deep #061726, primary #0c4a6e,
   accent #0284c7, glow #38bdf8.
   Theme options: Base colour #0c4a6e, Accent colour #0369a1.
   Pages carry inline styles, so they stay readable without this file; this file
   adds web fonts, link colours, hover states, and small-screen rules.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");

/* ---------- Theme accents ----------
   Manuscript (plugins/themes/defaultManuscript, stable-3_5_0) colours its header band,
   buttons, and PDF links from the theme options Base colour and Accent colour, so those
   are left to the options (set Base #0c4a6e, Accent #0369a1).
   Theme fonts (Noto Serif / Montserrat) are kept for the site chrome; only IRIS-style
   content blocks use the journal fonts. Links: Manuscript's @primary is a fixed
   #4b7d92, so content and sidebar links are recoloured here, buttons excluded. */
.pkp_structure_head { border-top: 4px solid #0284c7; }
.pkp_structure_main a:not(.obj_galley_link):not(.cmp_manuscript_button):not(.cmp_button):not(.rj-btn):not(.read_more),
.pkp_structure_sidebar .pkp_block:not(.block_make_submission) a:not(.rj-btn) { color: #0369a1; }
.pkp_structure_main .page > h2:first-child,
.pkp_structure_main .page > h1,
.pkp_structure_main .page_title { color: #0c4a6e; }
.pkp_block .title { color: #0c4a6e; }
::selection { background: #7dd3fc; }

/* Homepage: Additional Content placed at the top by the shared indexJournal.tpl */
.pkp_page_index .rj-home-top { border-top: 0; padding-top: 0; margin-top: 0; }
.pkp_page_index .rj-home-bottom { border-top: 0; }

/* ---------- Page components (rj-*) ---------- */
.rj-page img { max-width: 100%; height: auto; }
.rj-page h2.rj-h { font-family: 'Space Grotesk','Segoe UI',Roboto,Arial,sans-serif; }
.rj-link { transition: color .15s ease, border-color .15s ease; }
.rj-link:hover, .rj-link:focus { color: #0c4a6e !important; border-color: #0284c7 !important; }
.rj-btn { transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease; }
.rj-btn:hover, .rj-btn:focus { transform: translateY(-1px); text-decoration: none !important; }
.rj-btn-solid:hover, .rj-btn-solid:focus { box-shadow: 0 10px 24px #0284c766 !important; color: #fff !important; }
.rj-btn-line:hover, .rj-btn-line:focus { background: #0c4a6e !important; color: #fff !important; }
.rj-btn-ghost:hover, .rj-btn-ghost:focus { background: rgba(255,255,255,.18) !important; color: #fff !important; }
.rj-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.rj-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15,23,42,.10) !important; border-color: #7dd3fc !important; }
.rj-hero-cover img { transform: rotate(2deg); transition: transform .3s ease; }
.rj-hero-cover img:hover { transform: rotate(0deg) scale(1.03); }
.rj-btn:focus-visible, .rj-side-link:focus-visible, .rj-foot-link:focus-visible, .rj-link:focus-visible {
  outline: 2px solid #0284c7; outline-offset: 2px;
}

/* ---------- Sidebar block ---------- */
.rj-side ul li:last-child { border-bottom: 0 !important; }
.rj-side-link { transition: color .15s ease, padding-left .15s ease, box-shadow .15s ease; }
.rj-side-link:hover, .rj-side-link:focus {
  color: #0369a1 !important; padding-left: 12px !important;
  box-shadow: inset 3px 0 0 #0284c7; text-decoration: none !important;
}

/* ---------- Footer ---------- */
.pkp_structure_footer .rj-foot { margin: 0; }
.rj-foot ul li { list-style: none; }
.rj-foot-link { transition: color .15s ease; }
.rj-foot-link:hover, .rj-foot-link:focus { color: #67e8f9 !important; text-decoration: underline !important; }

/* ---------- Issue table of contents (shared article_summary.tpl) ---------- */
.rj-summary .rj-authors { font-size: 14px; color: #1f2328; margin: 4px 0 2px; }
.rj-summary sup { color: #0369a1; font-weight: 700; margin-left: 1px; }
.rj-summary .rj-affiliations { list-style: none; margin: 0 0 6px; padding: 0; font-size: 12.5px; line-height: 1.5; color: #57606a; }
.rj-summary .rj-affiliations li { margin: 0; }
.rj-summary .rj-pages-doi { font-size: 12.5px; color: #57606a; margin: 2px 0 6px; }
.rj-summary .rj-pages-doi .pages { position: static; float: none; display: inline; margin: 0 12px 0 0; }
.rj-summary .rj-doi a { color: #0369a1; word-break: break-all; }
.rj-summary .rj-stats { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 6px 0 0; font-size: 12.5px; color: #57606a; }
.rj-summary .rj-stat .fa { color: #0284c7; margin-right: 3px; }
.rj-summary .rj-stat strong { color: #0c4a6e; }

/* ---------- Small screens ---------- */
@media (max-width: 767px) {
  .rj-page table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .rj-hero h2 { font-size: 30px !important; }
  .rj-hero > div { padding: 28px 22px 56px !important; }
  .rj-hero-cover { display: none; }
  .rj-strip { margin: -30px 10px 26px !important; }
  .rj-strip > div { flex: 1 1 50% !important; min-width: 0 !important; box-sizing: border-box; border-bottom: 1px solid #e5e7eb; }
  .rj-foot > div { padding: 24px 20px 14px !important; }
  .rj-page .rj-btn { display: block !important; text-align: center; margin-right: 0 !important; }
}
/* RJ-TITLE-3D:START */
/* Article cards for SEIN: every article in a list (title, authors, affiliations, pages/DOI,
   PDF button and statistics) sits on one card in the journal colours #0c4a6e -> #0284c7
   with the background at 15% opacity. Text on the card uses the dark journal colour #061726.
   The 3D look is kept light: a thin top highlight, a 2px edge and a soft shadow; the card lifts on hover.
   Applies to the issue table of contents, homepage current issue, archive and search results. */
.obj_article_summary {
  --rj-c-p: 12,74,110; --rj-c-a: 2,132,199; --rj-c-d: 6,23,38;
  position: relative;
  margin: 0 0 18px;
  padding: 16px 18px 14px;
  color: #061726;
  background: linear-gradient(135deg, rgba(var(--rj-c-p), .15) 0%, rgba(var(--rj-c-a), .15) 100%);
  border: 1px solid rgba(var(--rj-c-p), .28);
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 2px 0 rgba(var(--rj-c-d), .22),
    0 8px 18px -8px rgba(var(--rj-c-d), .35);
  transition: transform .18s ease, box-shadow .18s ease;
}
.obj_article_summary:hover,
.obj_article_summary:focus-within {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 3px 0 rgba(var(--rj-c-d), .22),
    0 14px 24px -10px rgba(var(--rj-c-d), .4);
}
.cmp_article_list > li { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.obj_article_summary > .title { margin: 0 0 8px; }
.pkp_structure_main .obj_article_summary a:not(.obj_galley_link):not(.cmp_manuscript_button):not(.cmp_button) {
  color: #061726 !important;
}
.obj_article_summary > .title a { text-decoration: none; }
.obj_article_summary > .title a:hover,
.obj_article_summary > .title a:focus { text-decoration: underline; text-underline-offset: 3px; }
.obj_article_summary .subtitle,
.obj_article_summary .meta,
.obj_article_summary .rj-authors,
.obj_article_summary .rj-affiliations,
.obj_article_summary .rj-pages-doi,
.obj_article_summary .published,
.obj_article_summary .rj-stats,
.obj_article_summary .rj-stat .fa,
.obj_article_summary .rj-stat strong,
.obj_article_summary sup { color: #061726; }
.obj_article_summary .rj-affiliations,
.obj_article_summary .rj-pages-doi,
.obj_article_summary .rj-stats { opacity: .9; }
.obj_article_summary .rj-doi a { text-decoration: underline; text-decoration-color: rgba(var(--rj-c-d), .35); }
.obj_article_summary .rj-stats { border-top: 1px solid rgba(var(--rj-c-d), .14); padding-top: 8px; margin-top: 8px; }
.obj_article_summary a:focus-visible { outline: 2px solid #061726; outline-offset: 2px; border-radius: 4px; }
@media (max-width: 767px) {
  .obj_article_summary { padding: 13px 14px 12px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .obj_article_summary { transition: none; }
  .obj_article_summary:hover, .obj_article_summary:focus-within { transform: none; }
}
/* RJ-TITLE-3D:END */