/* ============================================
   OJS FOOTER - FIXED (Only footer blue)
   ============================================ */

.pkp_structure_footer {
  background: #1a2a4a !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.pkp_structure_footer_wrapper {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  background: #1a2a4a !important;
}

/* Hide "Platform & workflow by OJS/PKP" */
.pkp_footer_powered {
  display: none !important;
}

/* Hide extra empty space */
.pkp_structure_footer > .pkp_structure_footer_wrapper > p,
.pkp_structure_footer > .pkp_structure_footer_wrapper > br {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- Custom footer ---- */
.ojs-custom-footer {
  background: #1a2a4a !important;
  width: 100% !important;
  font-family: Arial, sans-serif;
}

.ojs-footer-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  padding: 20px 30px !important;
  border-bottom: 1px solid #2a3a5a !important;
  gap: 2px !important;
  box-sizing: border-box !important;
}

.ojs-footer-nav a {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #c8d8f0 !important;
  text-decoration: none !important;
  padding: 5px 10px !important;
}

.ojs-footer-nav a:hover {
  color: #ffffff !important;
}

.ojs-sep {
  color: #3a5a8a !important;
  font-size: 13px !important;
  padding: 0 3px !important;
}

.ojs-footer-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 16px 40px 20px !important;
  box-sizing: border-box !important;
}

.ojs-logo-block {
  text-align: right !important;
}

.ojs-logo-text {
  font-size: 30px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-family: Georgia, serif !important;
  line-height: 1 !important;
}

.ojs-logo-sub {
  font-size: 8px !important;
  color: #7090c0 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
}

.ojs-powered {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

.ojs-powered-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #c8d8f0 !important;
  display: inline !important;
}

.ojs-teckiz {
  background: #f5a800 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
}

@media (max-width: 768px) {
  .ojs-footer-nav {
    padding: 14px 12px !important;
  }
  .ojs-footer-nav a {
    font-size: 10px !important;
    padding: 4px 5px !important;
  }
  .ojs-footer-bottom {
    padding: 14px 20px !important;
    justify-content: center !important;
  }
  .ojs-logo-block {
    text-align: center !important;
  }
  .ojs-powered {
    justify-content: center !important;
  }
}