/* =========================================================
   TANMIYAH — CUSTOM OJS STYLESHEET
   =========================================================

   WARNA UTAMA
   ---------------------------------------------------------
   Hijau utama : #1F5A4A
   Hijau gelap : #173A33
   Gold        : #C99B2E
   Putih       : #FFFFFF

   ========================================================= */


/* =========================================================
   1. PRIMARY NAVIGATION
   ========================================================= */

.pkp_navigation_primary > li > a {
  background: #1F5A4A !important;
  color: #C99B2E !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  margin: 2px !important;
  text-align: center !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.25),
    0 3px 6px rgba(0,0,0,0.35) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.pkp_navigation_primary > li > a:hover {
  background: #C99B2E !important;
  color: #FFFFFF !important;

  transform: translateY(-3px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    0 4px 9px rgba(0,0,0,0.45) !important;
}


/* =========================================================
   2. USER NAVIGATION — LOGIN & REGISTER
   ========================================================= */

.pkp_navigation_user > li > a {
  background: #173A33 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  margin: 2px !important;
  text-align: center !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.25),
    0 3px 6px rgba(0,0,0,0.35) !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.pkp_navigation_user > li > a:hover {
  background: #C99B2E !important;
  color: #FFFFFF !important;

  transform: translateY(-3px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    0 4px 9px rgba(0,0,0,0.45) !important;
}


/* =========================================================
   3. LOGO OJS — DESKTOP
   ========================================================= */

/* =====================================================
   LOGO HEADER - TANMIYAH
   ===================================================== */

.pkp_site_name {
  max-width: 100%;
  padding: 10px 0 15px 0;
  text-align: center;
}

.pkp_site_name a.is_img {
  display: block;
  width: 100%;
  text-align: center;
}

.pkp_site_name img {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block;
}




/* =========================================================
   4. LOGO OJS — MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .pkp_site_name {
    text-align: center;
    padding: 6px 0;
  }

  .pkp_site_name img {
    width: 100% !important;
    max-width: 300px;
    max-height: 56px;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }

}


/* =========================================================
   5. SIDEBAR CUSTOM BLOCK
   ========================================================= */

/* Matikan style bawaan block */
.pkp_block.block_custom {
  border: none !important;
  background: transparent !important;
}


/* Container sidebar */
.pkp_block.block_custom .sidebar__container {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 14px;

  box-shadow:
    0 4px 10px rgba(0,0,0,0.06);
}


/* Judul sidebar */
.pkp_block.block_custom .menu__title {
  font-size: 17px;
  font-weight: 700;
  color: #1F5A4A;

  margin-bottom: 12px;
  padding-left: 10px;

  border-left: 4px solid #C99B2E;

  letter-spacing: 0.5px;
}


/* Group menu */
.pkp_block.block_custom .menu__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


/* Link sidebar */
.pkp_block.block_custom .menu__link {
  display: block;

  padding: 10px 14px;

  border-radius: 8px;

  background: #1F5A4A;
  color: #FFFFFF !important;

  text-decoration: none !important;

  font-size: 14px;
  font-weight: 600;

  text-align: center;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.25),
    0 3px 6px rgba(0,0,0,0.25);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}


/* Hover sidebar */
.pkp_block.block_custom .menu__link:hover {
  background: #C99B2E;
  color: #FFFFFF !important;

  transform: translateY(-2px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.2),
    0 5px 12px rgba(0,0,0,0.35);
}


/* Active sidebar */
.pkp_block.block_custom .menu__link.active {
  background: #C99B2E !important;
  color: #FFFFFF !important;
  font-weight: 700;
}


/* =========================================================
   6. HEADER / OJS STRUCTURE
   ========================================================= */

.pkp_structure_head,
.pkp_head_wrapper {
  background-color: #173A33 !important;
}


/* =========================================================
   7. FOOTER
   ========================================================= */

.pkp_structure_footer_wrapper,
.pkp_structure_footer,
.pkp_footer_content,
.pkp_brand_footer {
  background-color: #173A33 !important;
}


/* Footer text */
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content a,
.pkp_brand_footer a {
  color: #FFFFFF !important;
}


/* Footer link hover */
.pkp_footer_content a:hover {
  text-decoration: underline;
  opacity: 0.9;
}


/* =========================================================
   8. FOOTER CUSTOM GRID
   ========================================================= */

.footer__grid {
  display: grid;

  grid-template-columns:
    repeat(auto-fit, minmax(260px, 1fr));

  gap: 20px;
  margin-top: 20px;
}


/* Footer box */
.footer__box {
  background: #FFFFFF;

  border-radius: 6px;

  box-shadow:
    0 3px 8px rgba(0,0,0,0.15);

  overflow: hidden;
}


/* Footer content */
.footer__content {
  padding: 12px;

  font-size: 14px;
  line-height: 1.6;

  color: #333333;
}


/* Footer links */
.footer__content a {
  color: #003861;
  font-weight: 600;
  text-decoration: none;
}

.footer__content a:hover {
  text-decoration: underline;
}


/* Footer small text */
.footer__small {
  font-size: 13px;
  color: #444444;
}


/* Footer title */
.footer__box .menu__title {
  color: #192949;
}


/* Footer iframe mobile */
@media (max-width: 600px) {

  .footer__content iframe {
    height: 160px;
  }

}


/* =========================================================
   9. LOGIN PAGE
   ========================================================= */

.page_login h1 {
  color: #C99B2E;
}

.page_login .cmp_form label .label {
  color: #C99B2E;
}

.page_login .cmp_form .submit {
  background: #1F5A4A;
  color: #C99B2E;

  border: 1px solid #C99B2E;

  font-weight: 600;
}

.page_login .cmp_form .submit:hover {
  background: #C99B2E;
  color: #1F5A4A;
}


/* =========================================================
   10. MOBILE BURGER
   ========================================================= */

/* Sembunyikan icon bawaan */
.pkp_site_nav_toggle span {
  display: none !important;
}


/* Icon burger baru */
.pkp_site_nav_toggle::after {
  content: "\f0c9";
  font-family: FontAwesome;

  font-size: 22px;
  color: #C99B2E;
}


/* =========================================================
   11. HIDE AUTHOR ROLE
   ========================================================= */

.item.author .userGroup,
.pkp_page_article .authors .userGroup,
.pkp_page_article .authors .roles {
  display: none !important;
}

/* =========================================================
   FIX BACKGROUND PRIMARY NAVIGATION
   ========================================================= */

.pkp_navigation_primary_wrapper {
  background: #173A33 !important;
}

.pkp_navigation_primary {
  background: #173A33 !important;
}

.pkp_navigation_primary_row {
  background: #173A33 !important;
}