/* OMU DSpace Header Tools Overlap Fix v4 */

/* Keep the Arabic tools group on the far left but give it enough width */
body.omu-header-ar .omu-header-tools-anchor {
  left: clamp(46px, 5vw, 92px) !important;
  right: auto !important;
  width: auto !important;
  min-width: 390px !important;
  max-width: 520px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 20px !important;
  direction: ltr !important;
}

/* Neutralize Bootstrap/DSpace margins that cause overlap */
body.omu-header-ar .omu-header-tools-anchor *,
body.omu-header-ar .omu-header-tools-anchor .navbar-nav,
body.omu-header-ar .omu-header-tools-anchor .nav,
body.omu-header-ar .omu-header-tools-anchor li,
body.omu-header-ar .omu-header-tools-anchor .nav-item {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
}

body.omu-header-ar .omu-header-tools-anchor .navbar-nav,
body.omu-header-ar .omu-header-tools-anchor .nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 20px !important;
  width: auto !important;
  min-width: 360px !important;
  overflow: visible !important;
}

/* Arabic mirror order from far-left inward: login, language, search */
body.omu-header-ar .omu-header-tool-login {
  order: 1 !important;
  flex: 0 0 150px !important;
  min-width: 150px !important;
  max-width: 170px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: rtl !important;
}

body.omu-header-ar .omu-header-tool-lang {
  order: 2 !important;
  flex: 0 0 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.omu-header-ar .omu-header-tool-search {
  order: 3 !important;
  flex: 0 0 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Link/button internal spacing */
body.omu-header-ar .omu-header-tool-login a,
body.omu-header-ar .omu-header-tool-login button,
body.omu-header-ar .omu-header-tool-login .nav-link,
body.omu-header-ar .omu-header-tool-login .dropdown-toggle {
  min-width: 145px !important;
  padding-inline: 10px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  white-space: nowrap !important;
  direction: rtl !important;
}

body.omu-header-ar .omu-header-tool-lang a,
body.omu-header-ar .omu-header-tool-lang button,
body.omu-header-ar .omu-header-tool-search a,
body.omu-header-ar .omu-header-tool-search button {
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Keep English side safe */
body.omu-header-en .omu-header-tools-anchor {
  gap: 14px !important;
  overflow: visible !important;
}

/* Mobile protection */
@media (max-width: 768px) {
  body.omu-header-ar .omu-header-tools-anchor {
    left: 14px !important;
    min-width: 230px !important;
    max-width: calc(100% - 235px) !important;
    gap: 8px !important;
  }

  body.omu-header-ar .omu-header-tools-anchor .navbar-nav,
  body.omu-header-ar .omu-header-tools-anchor .nav {
    min-width: 220px !important;
    gap: 8px !important;
  }

  body.omu-header-ar .omu-header-tool-login {
    flex-basis: 118px !important;
    min-width: 118px !important;
    max-width: 125px !important;
  }

  body.omu-header-ar .omu-header-tool-login a,
  body.omu-header-ar .omu-header-tool-login button,
  body.omu-header-ar .omu-header-tool-login .nav-link,
  body.omu-header-ar .omu-header-tool-login .dropdown-toggle {
    min-width: 112px !important;
    padding-inline: 6px 8px !important;
    font-size: 0.92rem !important;
  }

  body.omu-header-ar .omu-header-tool-lang {
    flex-basis: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  body.omu-header-ar .omu-header-tool-search {
    flex-basis: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
}