/* MJBS — positioning indexing logos at the page edges
   For OJS: Settings > Website > Appearance > Advanced > Journal stylesheet
   Version: 2026-11-02
   Designed for the existing logo <img> elements on the homepage.
*/

/* Ensure anchored logos are not cropped by standard OJS wrappers. */
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_footer,
.pkp_brand_footer,
#customblock-indexing,
.block_custom {
  overflow: visible !important;
}

/* Target existing images both by alt text and file URL.
   Does not create logos missing from the document. */
img[alt*="ResearchGate" i],
img[src*="reseachgate" i],
img[src*="researchgate" i],
img[alt*="Google Scholar" i],
img[src*="google-scholar" i],
img[src*="googlescholar" i],
img[alt*="Zenodo" i],
img[src*="zenodo" i],
img[alt*="Bing" i],
img[src*="bing" i] {
  position: fixed !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 112px !important;
  height: 74px !important;
  max-width: 112px !important;
  max-height: 74px !important;
  object-fit: contain !important;
  padding: 6px !important;
  margin: 0 !important;
  border: 1px solid #e5eaf0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.07) !important;
  z-index: 9999 !important;
  transform: none !important;
}

/* Left */
img[alt*="ResearchGate" i],
img[src*="reseachgate" i],
img[src*="researchgate" i] {
  top: 34% !important;
  left: 10px !important;
  right: auto !important;
}
img[alt*="Google Scholar" i],
img[src*="google-scholar" i],
img[src*="googlescholar" i] {
  top: calc(34% + 88px) !important;
  left: 10px !important;
  right: auto !important;
}

/* Right */
img[alt*="Zenodo" i],
img[src*="zenodo" i] {
  top: 34% !important;
  right: 10px !important;
  left: auto !important;
}
img[alt*="Bing" i],
img[src*="bing" i] {
  top: calc(34% + 88px) !important;
  right: 10px !important;
  left: auto !important;
}

/* On narrow screens, logos remain in document flow instead of obscuring content. */
@media (max-width: 1150px) {
  img[alt*="ResearchGate" i], img[src*="reseachgate" i], img[src*="researchgate" i],
  img[alt*="Google Scholar" i], img[src*="google-scholar" i], img[src*="googlescholar" i],
  img[alt*="Zenodo" i], img[src*="zenodo" i],
  img[alt*="Bing" i], img[src*="bing" i] {
    position: static !important;
    display: inline-block !important;
    width: 100px !important;
    height: 64px !important;
    margin: 5px !important;
    vertical-align: middle !important;
  }
}