/* =========================
   REUSABLE BLOCK TITLE STYLE
   ========================= */
:root{
  --ojt-block-title-bg: linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 45%, #d0d0d0 100%);
  --ojt-block-title-border: 1px solid #bcbcbc;
  --ojt-block-title-radius: 4px;
  --ojt-block-title-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.9),
                            inset 0 -2px 4px rgba(0, 0, 0, 0.15),
                            0 1px 3px rgba(0, 0, 0, 0.2);
}

/* =========================
   YOUR EXISTING CSS (UNCHANGED)
   ========================= */
.pkp_block.block_make_submission .content {
  padding: 15px 15px 15px 15px;
  text-align: center;
}

.pkp_block.block_make_submission a {
  color: #5281B6;
  background-color: #fff;
  border-color: #5281B6;
}

.pkp_block.block_make_submission h2.pkp_screen_reader {
  display: none;
}

div.issn {
  display: flex;
  justify-content: flex-end;
  gap: 3rem;
  padding-top: 50px;
  text-align: right;
}

body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-2 {
  margin-left: 7em;
}

body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-5 > img {
  margin-left: 2em;
}

#customblock-editorialboard > div > p > span {
  background-color: #caedff;
  color: #124059;
  border-color: #fff;
  margin-right: 1em;
}
#customblock-editorialboard > div > p > span > a {
  color: #373754;
}

body > div.pkp_structure_page > footer > div {
  background-color: #373754;
}

#customblock-leftcolumnstart {
  display: contents;
}

body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-2 > h4,
body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-4.contact_detail > h4,
body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-2 > address > div,
body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-4.contact_detail > div > div:nth-child(1),
body > div.pkp_structure_page > footer > div > div > div > div > div > div.footer-contact > div > div.col-md-4.contact_detail > div > div:nth-child(2) {
  color: #ffc000;
}

#headerNavigationContainer > div:nth-child(1) {
  background-image: url(https://sebhau.edu.ly/journal/public/site/images/admin/desain-header-sebha-journal-2c310aa9198f6ec2c53d4e6823e4f470.png);
}

#headerNavigationContainer > div:nth-child(1) > div > div.col-md-5.journal_logo > a > img {
  margin-left: 1em;
}

#navigationUser > li > a {
  background-color: #ffff;
}

/* =========================
   MERGED TITLE STYLES (NO COLLISION)
   ========================= */

/* 1) Journal Template title (lebih spesifik supaya tidak ketiban rule lain) */
#customblock-journaltemplate > h2{
  margin: 0;
  background: var(--ojt-block-title-bg);
  border: var(--ojt-block-title-border);
  border-radius: var(--ojt-block-title-radius);
  box-shadow: var(--ojt-block-title-shadow);
}

/* 2) Editorial Board block title (samakan gaya + tetap pakai padding yg kamu mau) */
div#customblock-EditorialBoard h2,
div#customblock-editorialboard h2{
  margin: -2px;        /* dari CSS kamu */
  padding: 13px;       /* dari CSS kamu */
  background: var(--ojt-block-title-bg);
  border: var(--ojt-block-title-border);
  border-radius: var(--ojt-block-title-radius);
  box-shadow: var(--ojt-block-title-shadow);
}

/* 3) Title di dalam block (umum) */
.pkp_block h2.title,
.pkp_block .content span.title,
.pkp_block span.title{
  display: block;
  font-size: 1.25em;
  margin-bottom: 0;
  text-shadow: 1px 1px 1px #c1baba;
  background: var(--ojt-block-title-bg);
  border: var(--ojt-block-title-border);
  border-radius: var(--ojt-block-title-radius);
  box-shadow: var(--ojt-block-title-shadow);
}

/* 4) Custom block title: atur margin khusus tanpa mengulang style bg/border/shadow */
.pkp_block.block_custom h2.title{
  margin: -5px -5px 20px; /* dari CSS kamu */
}

/* 5) Title span khusus di paragraf: tetap punya padding-left, style mengikuti variable */
.pkp_block .content p span.title{
  padding-left: 15px;
  background: var(--ojt-block-title-bg);
  border: var(--ojt-block-title-border);
  border-radius: var(--ojt-block-title-radius);
  box-shadow: var(--ojt-block-title-shadow);
}