/* =========================================================
   SJETIS – Custom Stylesheet (OJS 3.5, Default Theme)
   Upload: Settings > Website > Appearance > Advanced >
           Journal style sheet
   ========================================================= */

:root {
  --sj-navy: #06275a;
  --sj-navy-2: #0b3a82;
  --sj-blue: #1565c0;
  --sj-sky: #e8f1fc;
  --sj-red: #d62828;
  --sj-text: #1f2937;
  --sj-muted: #64748b;
  --sj-line: #e2e8f0;
}

body {
  background: #eef2f7;
  color: var(--sj-text);
}

/* ---------- HEADER / BANNER ---------- */
.pkp_structure_head {
  background: linear-gradient(180deg, #e6f4fd 0%, #bfe4fa 100%) !important;
  border-bottom: 0;
}
.pkp_head_wrapper {
  padding-top: 32px;
}
/* banner penuh, tidak terpotong, tidak tertimpa logo */
.pkp_site_name_wrapper {
  height: auto;
  aspect-ratio: 1672 / 760;
  background: url("https://sgnpublisher.com/public/journals/2/homepageImage_en.jpg") center top / 100% auto no-repeat;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
/* logo kecil disembunyikan secara visual (logo sudah ada di banner) */
.pkp_site_name {
  position: absolute !important;
  inset: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_site_name .is_img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pkp_site_name .is_img img {
  opacity: 0;
  width: 100%;
  height: 100%;
  max-height: none;
}

/* user bar (login/admin) */
.pkp_navigation_user_wrapper {
  top: 0;
  padding: 0;
}
.pkp_navigation_user > li > a {
  color: #06275a !important;
  font-size: 13px;
}
.pkp_navigation_user > li > a:hover {
  color: #00AEEF !important;
}

/* ---------- PRIMARY NAVIGATION ---------- */
.pkp_site_nav_menu {
  background: linear-gradient(90deg, var(--sj-navy) 0%, var(--sj-navy-2) 100%) !important;
  border-bottom: 3px solid var(--sj-red);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
  margin-bottom: 28px;
}
.pkp_navigation_primary > li > a {
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .3px;
  padding: 10px 14px !important;
  margin: 0 2px !important;
  border-bottom: 0 !important;
  border-radius: 6px;
  transition: background .2s;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  background: rgba(255, 255, 255, .14);
  color: #fff !important;
}
.pkp_navigation_primary .dropdown-menu {
  border: 0;
  border-top: 3px solid var(--sj-red);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .18);
  padding: 6px 0;
}
.pkp_navigation_primary .dropdown-menu a {
  color: var(--sj-navy) !important;
  border-left: 3px solid transparent !important;
  padding: 8px 16px !important;
}
.pkp_navigation_primary .dropdown-menu a:hover {
  background: var(--sj-sky);
  border-left-color: var(--sj-blue) !important;
}
.pkp_navigation_search_wrapper a {
  color: #fff !important;
  border-bottom: 0 !important;
}

/* ---------- CONTENT AREA ---------- */
.pkp_structure_content {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(15, 23, 42, .07);
  margin-bottom: 30px;
  padding-top: 0;
}
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before { display: none; }
.pkp_structure_main {
  line-height: 1.75;
}
.pkp_structure_main h1,
.pkp_structure_main .page_title {
  color: var(--sj-navy);
  font-weight: 700;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--sj-line);
  position: relative;
}
.pkp_structure_main h1::after,
.pkp_structure_main .page_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 70px;
  height: 2px;
  background: var(--sj-red);
}
.pkp_structure_main h2,
.pkp_structure_main h3 {
  color: var(--sj-navy-2);
}
.pkp_structure_main a { color: var(--sj-blue); }
.pkp_structure_main a:hover { color: var(--sj-red); }

/* ---------- SIDEBAR: JOURNAL MENU ---------- */
.pkp_structure_sidebar {
  padding-top: 30px;
}
.pkp_block {
  padding: 0 !important;
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid var(--sj-line);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .06);
}
.pkp_block .title {
  margin: 0 !important;
  padding: 12px 16px !important;
  background: linear-gradient(90deg, var(--sj-navy) 0%, var(--sj-blue) 100%);
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-bottom: 3px solid var(--sj-red);
}
.pkp_block .title::before {
  font-family: FontAwesome;
  content: "\f0c9";
  margin-right: 8px;
}
.pkp_block .content {
  padding: 8px 12px 12px !important;
}
#customblock-journal-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#customblock-journal-menu li {
  margin: 0;
  border-bottom: 1px dashed var(--sj-line);
}
#customblock-journal-menu li:last-child { border-bottom: 0; }
#customblock-journal-menu li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 8px;
  color: var(--sj-text) !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border-left: 3px solid transparent;
  border-radius: 4px;
  transition: all .2s;
}
#customblock-journal-menu li a::before {
  font-family: FontAwesome;
  content: "\f105";
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--sj-sky);
  color: var(--sj-blue);
  font-size: 13px;
  transition: all .2s;
}
#customblock-journal-menu li a:hover {
  background: var(--sj-sky);
  border-left-color: var(--sj-red);
  color: var(--sj-navy) !important;
  padding-left: 12px;
}
#customblock-journal-menu li a:hover::before {
  background: var(--sj-blue);
  color: #fff;
}
/* ikon per menu */
#customblock-journal-menu a[href$="/issue/current"]::before   { content: "\f02d"; } /* book */
#customblock-journal-menu a[href$="/issue/archive"]::before   { content: "\f187"; } /* archive */
#customblock-journal-menu a[href$="/announcement"]::before    { content: "\f0a1"; } /* bullhorn */
#customblock-journal-menu a[href$="/about"]::before           { content: "\f05a"; } /* info */
#customblock-journal-menu a[href$="/about/submissions"]::before { content: "\f093"; } /* upload */
#customblock-journal-menu a[href$="/author-guidelines"]::before { content: "\f040"; } /* pencil */
#customblock-journal-menu a[href$="/reviewer-guidelines"]::before { content: "\f0c0"; } /* users */
#customblock-journal-menu a[href$="/peer-review-policy"]::before { content: "\f046"; } /* check */
#customblock-journal-menu a[href$="/publication-ethics"]::before { content: "\f24e"; } /* balance */
#customblock-journal-menu a[href$="/policies"]::before        { content: "\f0f6"; } /* doc */
#customblock-journal-menu a[href$="/contact"]::before         { content: "\f0e0"; } /* envelope */

/* ---------- FOOTER ---------- */
.pkp_structure_footer_wrapper {
  background: linear-gradient(180deg, var(--sj-navy) 0%, #041a3d 100%);
  color: #cbd5e1;
  border-top: 4px solid var(--sj-red);
}
.pkp_structure_footer_wrapper a { color: #fff; }
.pkp_brand_footer { background: transparent; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991px) {
  .pkp_head_wrapper { padding-top: 0; }
  .pkp_site_name_wrapper {
    border-radius: 0;
    box-shadow: none;
  }
  .pkp_site_nav_menu {
    border-radius: 0;
    margin-bottom: 0;
  }
  .pkp_structure_content { border-radius: 0; }
  .pkp_site_nav_toggle {
    background: rgba(6, 39, 90, .85);
    border-radius: 6px;
  }
}

/* ---------- FOOTER CONTENT (custom) ---------- */
.pkp_structure_footer { padding: 40px 0 10px; }
.pkp_footer_content { padding: 0 !important; color: #cbd5e1; font-size: 14px; line-height: 1.7; }
.pkp_footer_content > ul {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.3fr; gap: 32px;
}
.pkp_footer_content > ul > li > strong {
  display: block; color: #fff; font-size: 15px; letter-spacing: .6px;
  text-transform: uppercase; margin-bottom: 14px; padding-bottom: 8px; position: relative;
}
.pkp_footer_content > ul > li > strong::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px;
  background: var(--sj-red); border-radius: 2px;
}
.pkp_footer_content li.ft-about img {
  display: block; width: 58px; height: auto; margin-bottom: 12px;
  background: #fff; border-radius: 50%; padding: 4px;
}
.pkp_footer_content > ul ul { list-style: none; margin: 0; padding: 0; }
.pkp_footer_content > ul ul li { margin: 0 0 8px; }
.pkp_footer_content .ft-col a::before {
  font-family: FontAwesome; content: "\f105"; margin-right: 8px; color: var(--sj-red);
}
.pkp_footer_content a { color: #e2e8f0 !important; text-decoration: none; transition: color .2s, padding .2s; }
.pkp_footer_content .ft-col a:hover { color: #fff !important; padding-left: 4px; }
.pkp_footer_content .ft-contact li { display: flex; gap: 10px; align-items: flex-start; word-break: break-word; }
.pkp_footer_content .ft-contact li::before {
  font-family: FontAwesome; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%;
  background: rgba(255,255,255,.1); color: #fff; display: inline-flex;
  align-items: center; justify-content: center; font-size: 13px;
}
.pkp_footer_content .ft-pub::before  { content: "\f19c"; }
.pkp_footer_content .ft-mail::before { content: "\f0e0"; }
.pkp_footer_content .ft-web::before  { content: "\f0ac"; }
.pkp_footer_content > p {
  margin: 30px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12);
  text-align: center; font-size: 13px; color: #94a3b8;
}
.pkp_brand_footer { padding: 10px 0 20px; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .7; max-width: 110px; }
@media (max-width: 991px) {
  .pkp_footer_content > ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .pkp_footer_content > ul { grid-template-columns: 1fr; }
}

/* ---------- SIDEBAR: CUSTOM BLOCKS ---------- */
#customblock-indexing .title::before        { content: "\f0ae"; }
#customblock-make-a-submission .title::before { content: "\f1d8"; }
#customblock-recommended-tools .title::before { content: "\f0ad"; }
#customblock-visitor-statistics .title::before { content: "\f080"; }

/* logo list (Indexing & Tools) */
#customblock-indexing ul,
#customblock-recommended-tools ul { list-style: none; margin: 0; padding: 4px 6px; }
#customblock-indexing li,
#customblock-recommended-tools li { margin: 0 0 10px; }
#customblock-indexing li:last-child,
#customblock-recommended-tools li:last-child { margin-bottom: 4px; }
#customblock-indexing li a,
#customblock-recommended-tools li a {
  display: flex; align-items: center; justify-content: center;
  height: 64px; padding: 8px 14px; background: #fff;
  border: 1px solid var(--sj-line); border-radius: 10px;
  transition: all .25s;
}
#customblock-indexing li a img,
#customblock-recommended-tools li a img {
  max-width: 100%; max-height: 46px; width: auto; height: auto; object-fit: contain;
}
#customblock-indexing li a:hover,
#customblock-recommended-tools li a:hover {
  border-color: var(--sj-blue); box-shadow: 0 6px 16px rgba(21,101,192,.15);
  transform: translateY(-2px);
}

/* Make a Submission */
#customblock-make-a-submission .content {
  background: var(--sj-sky); text-align: center; padding: 18px 16px 20px !important;
}
#customblock-make-a-submission .content p { margin: 0 0 14px; color: var(--sj-navy); font-size: 15px; }
#customblock-make-a-submission .content p:last-child { margin: 0; }
#customblock-make-a-submission .content p:last-child a {
  display: block; padding: 12px 16px; border-radius: 8px;
  background: linear-gradient(90deg, var(--sj-red) 0%, #b71c1c 100%);
  color: #fff !important; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;
  text-decoration: none; box-shadow: 0 6px 14px rgba(214,40,40,.3); transition: all .25s;
}
#customblock-make-a-submission .content p:last-child a:hover {
  transform: translateY(-2px); box-shadow: 0 10px 20px rgba(214,40,40,.4);
}

/* Visitor statistics */
#customblock-visitor-statistics .content { text-align: center; }
#customblock-visitor-statistics img { max-width: 100%; height: auto; }

/* ---------- JOURNAL MENU: ikon menu tambahan ---------- */
#customblock-journal-menu a[href$="/aims-and-scope"]::before            { content: "\f140"; } /* bullseye */
#customblock-journal-menu a[href$="/about/editorialMasthead"]::before   { content: "\f0c0"; } /* users */
#customblock-journal-menu a[href$="/reviewer-team"]::before             { content: "\f2c0"; } /* user-o */
#customblock-journal-menu a[href$="/reviewer-guidelines"]::before       { content: "\f0ae"; } /* tasks */
#customblock-journal-menu a[href$="/open-access-policy"]::before        { content: "\f09c"; } /* unlock */
#customblock-journal-menu a[href$="/plagiarism-policy"]::before         { content: "\f002"; } /* search */
#customblock-journal-menu a[href$="/retraction-correction-policy"]::before { content: "\f0e2"; } /* undo */
#customblock-journal-menu a[href$="/copyright-licensing"]::before       { content: "\f1f9"; } /* copyright */
#customblock-journal-menu a[href$="/generative-ai-policy"]::before      { content: "\f085"; } /* cogs */
#customblock-journal-menu a[href$="/apc-waiver-policy"]::before         { content: "\f155"; } /* dollar */
#customblock-journal-menu a[href$="/digital-preservation-policy"]::before { content: "\f1c0"; } /* database */
#customblock-journal-menu a[href$="/about/aboutThisPublishingSystem"]::before { content: "\f233"; } /* server */
#customblock-journal-menu a[href$="/indexing"]::before                  { content: "\f0cb"; } /* list-ol */
#customblock-journal-menu a[href$="/visitor-statistics"]::before        { content: "\f080"; } /* bar-chart */

/* tabel halaman Reviewer Team */
.pkp_structure_main table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.pkp_structure_main table th { background: var(--sj-navy); color: #fff; padding: 10px; text-align: left; }
.pkp_structure_main table td { padding: 10px; border: 1px solid var(--sj-line); }
.pkp_structure_main table tr:nth-child(even) td { background: #f8fafc; }

/* logo di halaman Indexing */
.pkp_page_indexing .pkp_structure_main ul:has(img) {
  list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px;
}
.pkp_page_indexing .pkp_structure_main ul:has(img) li a {
  display: flex; align-items: center; justify-content: center; height: 80px; padding: 10px;
  border: 1px solid var(--sj-line); border-radius: 10px; background: #fff;
}
.pkp_page_indexing .pkp_structure_main ul:has(img) img { max-height: 56px; max-width: 100%; }

/* ---------- SIDEBAR: TEMPLATE & PUBLISHER ---------- */
#customblock-template .title::before  { content: "\f1c2"; } /* file-word */
#customblock-publisher .title::before { content: "\f19c"; } /* institution */
#customblock-template .content,
#customblock-publisher .content { text-align: center; padding: 14px 14px 16px !important; }
#customblock-template .content p,
#customblock-publisher .content p { margin: 0 0 12px; }
#customblock-template .content p:last-child,
#customblock-publisher .content p:last-child { margin: 0; }
#customblock-template p:first-child a {
  display: block; padding: 8px; border: 1px solid var(--sj-line); border-radius: 10px; background: #fff;
  transition: all .25s;
}
#customblock-template p:first-child a:hover { border-color: var(--sj-blue); box-shadow: 0 6px 16px rgba(21,101,192,.15); }
#customblock-template img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
#customblock-template p:last-child a {
  display: block; padding: 11px 14px; border-radius: 8px;
  background: linear-gradient(90deg, var(--sj-navy) 0%, var(--sj-blue) 100%);
  color: #fff !important; font-weight: 700; letter-spacing: .5px; text-transform: uppercase;
  text-decoration: none; box-shadow: 0 6px 14px rgba(21,101,192,.3); transition: all .25s;
}
#customblock-template p:last-child a:hover { transform: translateY(-2px); }
#customblock-publisher img {
  width: 96px; height: 96px; object-fit: contain; display: block; margin: 0 auto;
  background: #fff; border-radius: 50%; padding: 6px; box-shadow: 0 4px 12px rgba(6,39,90,.15);
}
#customblock-publisher p:last-child { color: var(--sj-navy); font-size: 14px; line-height: 1.6; }

/* logo SJETIS (chip) di footer */
.pkp_footer_content li.ft-about img { width: 64px; border-radius: 14px; padding: 6px; }

/* cloud-blue header: dark text for user bar */
.pkp_navigation_user .task_count{background:#06275a;color:#fff}

/* === cloud-blue footer === */
.pkp_structure_footer_wrapper{background:linear-gradient(180deg,#e6f4fd 0%,#bfe4fa 100%) !important;color:#1e3a5f !important;border-top:4px solid #ED3237 !important;}
.pkp_structure_footer_wrapper,.pkp_footer_content,.pkp_footer_content p,.pkp_footer_content li{color:#1e3a5f !important;}
.pkp_structure_footer_wrapper a,.pkp_footer_content a{color:#06275a !important;}
.pkp_structure_footer_wrapper a:hover,.pkp_footer_content a:hover{color:#00AEEF !important;}
.pkp_footer_content strong,.pkp_footer_content > ul > li > strong{color:#06275a !important;}
.pkp_footer_content li::before,.pkp_footer_content li li::before{color:#ED3237 !important;}
.pkp_footer_content > p{border-top-color:rgba(6,39,90,.2) !important;color:#1e3a5f !important;}
.pkp_footer_content .ft-contact li::before{background:#06275a !important;color:#fff !important;}
.pkp_brand_footer img{filter:invert(1) brightness(.35) !important;}

/* === cloud-blue nav & block titles === */
.pkp_site_nav_menu{background:linear-gradient(90deg,#d6eefc 0%,#bfe4fa 100%) !important;}
.pkp_navigation_primary > li > a,.pkp_navigation_search_wrapper a,.pkp_navigation_search_wrapper a:hover{color:#06275a !important;}
.pkp_navigation_primary > li > a:hover,.pkp_navigation_primary > li > a:focus{background:rgba(6,39,90,.08) !important;color:#00AEEF !important;}
.pkp_site_nav_toggle{background:#06275a !important;}
.pkp_block .title{background:linear-gradient(90deg,#d6eefc 0%,#bfe4fa 100%) !important;color:#06275a !important;}
.pkp_block .title::before{color:#06275a !important;}

/* === running banner === */
.pkp_structure_head{padding-bottom:16px !important;}
/* white ticker box (static, same width as the content column) */
.pkp_structure_head::after{content:"";display:block;box-sizing:border-box;width:100%;height:38px;margin:14px auto 0;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(6,39,90,.12);animation:none;}
@media (min-width:768px){.pkp_structure_head::after{width:728px}}
@media (min-width:992px){.pkp_structure_head::after{width:952px}}
@media (min-width:1200px){.pkp_structure_head::after{width:1160px}}
/* moving text: GPU (transform) animation, clipped horizontally by the content column */
.pkp_structure_content{overflow-x:clip;}
.pkp_structure_content::before{
 content:"CALL FOR PAPERS  \2022  IJMSTM welcomes Original Research Articles, Systematic Literature Reviews and Bibliometric Analysis Articles in maritime science, technology and management  \2022  Double-anonymous peer review  \2022  Open Access under CC BY 4.0  \2022  Quarterly publication: March, June, September, December  \2022  Submit your manuscript online now\00a0\00a0\00a0\2022\00a0\00a0\00a0 CALL FOR PAPERS  \2022  IJMSTM welcomes Original Research Articles, Systematic Literature Reviews and Bibliometric Analysis Articles in maritime science, technology and management  \2022  Double-anonymous peer review  \2022  Open Access under CC BY 4.0  \2022  Quarterly publication: March, June, September, December  \2022  Submit your manuscript online now\00a0\00a0\00a0\2022\00a0\00a0\00a0 ";
 display:block;position:absolute;top:-54px;left:0;z-index:1;height:38px;line-height:38px;padding-left:14px;
 width:max-content;white-space:pre;pointer-events:none;
 color:#06275a;font-weight:600;font-size:14px;letter-spacing:.0143em;
 animation:ijmstm-marquee 50s linear infinite;will-change:transform;transform:translate3d(0,0,0);}
/* red accent bar on the left edge, above the moving text */
.pkp_structure_content>.pkp_structure_sidebar::before{content:"";display:block !important;position:absolute;top:-54px;left:0;z-index:2;width:5px;height:38px;background:#ED3237;border-radius:8px 0 0 8px;}
/* seamless loop: shift exactly one copy (text + separator) */
@keyframes ijmstm-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-174.2411em,0,0)}}
@media (max-width:767px){.pkp_structure_content::before{font-size:13px}}
@media (prefers-reduced-motion:reduce){.pkp_structure_content::before{animation:none}}