/* =========================================================
   TSIQAH BALANCED HEADER + SIDEBAR + FOOTER CSS
   Tsiqah: Jurnal Studi Hadis dan Tradisi Kenabian
   Fokus:
   - Tulisan sidebar tidak terlalu kecil
   - Header OJS dan header blok sidebar disesuaikan
   - Jarak antarblok sidebar tetap rapat
   - Footer tetap kecil dan rapi
   ========================================================= */

:root {
  --tsiqah-maroon: #6e1f2a;
  --tsiqah-maroon-dark: #4a121c;
  --tsiqah-maroon-soft: #8b2f38;
  --tsiqah-orange: #c96a2b;
  --tsiqah-gold: #d4a373;
  --tsiqah-gold-soft: #ffd9a3;
  --tsiqah-cream: #fff8f1;
  --tsiqah-white: #ffffff;
  --tsiqah-border: #e6cfc3;
  --tsiqah-text: #2b2b2b;
}

/* =========================
   CLEAN EMPTY / BACKTICK PARAGRAPHS
   ========================= */

.page_index_journal .additional_content > p,
.pkp_structure_sidebar .pkp_block .content > p,
.pkp_footer_content > p {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* =========================
   MAIN HEADER / OJS HEADER
   ========================= */

.pkp_structure_head {
  background: linear-gradient(135deg, var(--tsiqah-maroon-dark), var(--tsiqah-maroon), var(--tsiqah-orange)) !important;
  border-bottom: 4px solid var(--tsiqah-gold) !important;
  box-shadow: 0 6px 18px rgba(110, 31, 42, 0.20) !important;
}

.pkp_head_wrapper {
  background: transparent !important;
  font-family: Georgia, Garamond, "Times New Roman", serif !important;
}

.pkp_site_name,
.pkp_site_name_wrapper {
  background: transparent !important;
}

.pkp_site_name {
  padding-top: 18px !important;
  padding-bottom: 14px !important;
}

.pkp_site_name a {
  color: var(--tsiqah-white) !important;
  font-family: Georgia, Garamond, "Times New Roman", serif !important;
  font-size: 26px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  letter-spacing: 0.35px !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.22) !important;
}

.pkp_site_name a:hover {
  color: var(--tsiqah-gold-soft) !important;
}

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  background: rgba(74, 18, 28, 0.92) !important;
  border-top: 1px solid rgba(255, 217, 163, 0.28) !important;
  border-bottom: 1px solid rgba(255, 217, 163, 0.24) !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_search_wrapper a {
  color: #fff7ee !important;
  font-family: Georgia, Garamond, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_search_wrapper a:hover {
  color: var(--tsiqah-gold-soft) !important;
  background: rgba(255, 217, 163, 0.10) !important;
}

.pkp_navigation_primary ul,
.pkp_navigation_user ul {
  background: var(--tsiqah-cream) !important;
  border: 1px solid var(--tsiqah-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(110, 31, 42, 0.18) !important;
  overflow: hidden !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_user ul a {
  color: var(--tsiqah-maroon) !important;
  font-family: Georgia, Garamond, "Times New Roman", serif !important;
  font-size: 13.5px !important;
  font-weight: bold !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_user ul a:hover {
  background: var(--tsiqah-maroon) !important;
  color: var(--tsiqah-white) !important;
}

/* =========================
   SIDEBAR BLOCK SPACING
   ========================= */

.pkp_structure_sidebar,
.pkp_structure_sidebar.left,
.pkp_structure_sidebar.right {
  padding-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar.left .pkp_block,
.pkp_structure_sidebar.right .pkp_block {
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block .content {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#customblock-menu,
#customblock-citation-analysis,
#customblock-template,
#customblock-indexing,
#customblock-tools,
#customblock-visitor {
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#customblock-menu .content > div,
#customblock-citation-analysis .content > div,
#customblock-template .content > div,
#customblock-indexing .content > div,
#customblock-tools .content > div,
#customblock-visitor .content > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =========================
   MAKE SUBMISSION BUTTON
   ========================= */

.block_make_submission {
  margin-bottom: 7px !important;
}

.block_make_submission .content {
  padding: 0 !important;
}

.block_make_submission .block_make_submission_link {
  display: block !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 9px !important;
  line-height: 1.25 !important;
  background: linear-gradient(135deg, var(--tsiqah-maroon-dark), var(--tsiqah-maroon), var(--tsiqah-orange)) !important;
  color: #ffffff !important;
  font-family: Georgia, Garamond, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(110,31,42,0.14) !important;
}

.block_make_submission .block_make_submission_link:hover {
  background: linear-gradient(135deg, var(--tsiqah-orange), var(--tsiqah-maroon)) !important;
  color: #ffffff !important;
}

/* =========================
   GENERAL SIDEBAR BOX STYLE
   ========================= */

#customblock-menu .content > div,
#customblock-citation-analysis .content > div,
#customblock-template .content > div,
#customblock-indexing .content > div,
#customblock-tools .content > div,
#customblock-visitor .content > div {
  border-radius: 12px !important;
  border: 1px solid var(--tsiqah-border) !important;
  box-shadow: 0 4px 12px rgba(110,31,42,0.12) !important;
  overflow: hidden !important;
  font-family: Georgia, Garamond, "Times New Roman", serif !important;
}

/* Header semua blok sidebar */
#customblock-menu .content > div > div:first-child,
#customblock-citation-analysis .content > div > div:first-child,
#customblock-template .content > div > div:first-child,
#customblock-indexing .content > div > div:first-child,
#customblock-tools .content > div > div:first-child,
#customblock-visitor .content > div > div:first-child {
  padding: 10px 11px !important;
  border-bottom: 3px solid var(--tsiqah-gold) !important;
  background: linear-gradient(135deg, var(--tsiqah-maroon-dark), var(--tsiqah-maroon), var(--tsiqah-orange)) !important;
  color: #ffffff !important;
  text-align: center !important;
  box-shadow: none !important;
}

#customblock-menu .content > div > div:first-child span,
#customblock-citation-analysis .content > div > div:first-child span,
#customblock-template .content > div > div:first-child span,
#customblock-indexing .content > div > div:first-child span,
#customblock-tools .content > div > div:first-child span,
#customblock-visitor .content > div > div:first-child span {
  font-size: 14px !important;
  letter-spacing: 0.45px !important;
  color: #ffffff !important;
}

#customblock-menu .content > div > div:first-child em,
#customblock-citation-analysis .content > div > div:first-child em,
#customblock-template .content > div > div:first-child em,
#customblock-indexing .content > div > div:first-child em,
#customblock-tools .content > div > div:first-child em,
#customblock-visitor .content > div > div:first-child em {
  color: var(--tsiqah-gold-soft) !important;
}

/* =========================
   JOURNAL MENU ITEMS
   Tulisan tidak terlalu kecil, tetap rapat
   ========================= */

#customblock-menu .content > div > div:not(:first-child) {
  padding: 7px 9px !important;
  border-bottom: 1px solid var(--tsiqah-border) !important;
}

#customblock-menu .content > div > div:not(:first-child):last-child {
  border-bottom: none !important;
}

#customblock-menu .content > div > div:not(:first-child) a {
  display: block !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  color: #ffffff !important;
}

#customblock-menu .content > div > div:not(:first-child) em {
  margin-right: 5px !important;
  font-size: 13px !important;
}

#customblock-menu .content > div > div:not(:first-child) span {
  font-size: 13.8px !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

/* =========================
   CONTENT BLOCKS
   Citation, Template, Indexing, Tools, Visitor
   ========================= */

#customblock-citation-analysis .content > div > div:last-child,
#customblock-template .content > div > div:not(:first-child),
#customblock-indexing .content > div > div:last-child,
#customblock-tools .content > div > div:last-child,
#customblock-visitor .content > div > div:last-child {
  padding: 11px !important;
  background: var(--tsiqah-cream) !important;
  border-top: none !important;
  box-shadow: none !important;
}

#customblock-indexing p,
#customblock-tools p,
#customblock-visitor p {
  margin-top: 0 !important;
  margin-bottom: 9px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#customblock-citation-analysis img,
#customblock-template img,
#customblock-indexing img,
#customblock-tools img,
#customblock-visitor img {
  max-width: 100% !important;
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  border-radius: 8px !important;
}

#customblock-citation-analysis img {
  height: auto !important;
  max-height: 155px !important;
  object-fit: contain !important;
}

#customblock-indexing a {
  margin-bottom: 7px !important;
}

#customblock-indexing a:last-child {
  margin-bottom: 0 !important;
}

#customblock-indexing img {
  padding: 6px !important;
}

#customblock-tools .content > div > div:last-child > div,
#customblock-visitor .content > div > div:last-child > div {
  padding: 7px !important;
  margin-bottom: 7px !important;
}

#customblock-tools .content > div > div:last-child > div:last-child,
#customblock-visitor .content > div > div:last-child > div:last-child {
  margin-bottom: 0 !important;
}

/* =========================
   FOOTER SMALL BUT READABLE
   ========================= */

.pkp_structure_footer_wrapper {
  margin-top: 14px !important;
}

.pkp_footer_content {
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_footer_content > div {
  padding: 12px 14px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  border-top-width: 3px !important;
  box-shadow: none !important;
}

.pkp_footer_content > div div {
  margin-bottom: 3px !important;
}

.pkp_footer_content > div div:first-child {
  font-size: 15px !important;
  margin-bottom: 3px !important;
  line-height: 1.35 !important;
}

.pkp_footer_content img {
  height: 24px !important;
  width: auto !important;
  max-width: 90px !important;
  padding: 1px !important;
}

.pkp_brand_footer {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
}

.pkp_brand_footer img {
  max-height: 28px !important;
  width: auto !important;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 768px) {
  .pkp_site_name {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
  }

  .pkp_site_name a {
    font-size: 20px !important;
  }

  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a,
  .pkp_navigation_search_wrapper a {
    font-size: 13.5px !important;
  }

  .pkp_structure_sidebar .pkp_block,
  .pkp_structure_sidebar.left .pkp_block,
  .pkp_structure_sidebar.right .pkp_block {
    margin-bottom: 7px !important;
  }

  #customblock-menu .content > div > div:first-child span,
  #customblock-citation-analysis .content > div > div:first-child span,
  #customblock-template .content > div > div:first-child span,
  #customblock-indexing .content > div > div:first-child span,
  #customblock-tools .content > div > div:first-child span,
  #customblock-visitor .content > div > div:first-child span {
    font-size: 13.5px !important;
  }

  #customblock-menu .content > div > div:not(:first-child) span {
    font-size: 13.5px !important;
  }

  .pkp_footer_content > div {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .pkp_footer_content > div div:first-child {
    font-size: 14.5px !important;
  }
}