/* Dodatki migracyjne BG: zachowują motyw legacy, poprawiając jego responsywność. */
[data-uws-component][aria-busy="true"] {
  min-height: 3rem;
}

.legacy-link-unavailable {
  color: #555;
}

form[data-ebsco-search] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

form[data-ebsco-search] label {
  margin: 0;
}

form[data-ebsco-search] input[type="search"] {
  box-sizing: border-box;
  max-width: 100%;
}

/* Stabilny topbar: logo Biblioteki po lewej, wyszukiwarka pośrodku,
   logo Uniwersytetu przy prawej krawędzi. */
.top_bar > .wrapper {
  display: grid;
  grid-template-columns: 650px minmax(180px, 1fr) 200px;
  align-items: center;
  height: 120px;
}

.top_bar > .wrapper > a:first-child {
  grid-column: 1;
  justify-self: start;
}

.top_bar > .wrapper > a:last-child {
  grid-column: 3;
  justify-self: end;
}

#logo_bg,
#logo_uph {
  float: none;
}

#logo_bg {
  margin: 10px 0 0;
}

#logo_uph {
  margin: 0;
  background-position: center;
}

div#wyszukiwarka_wrapper {
  grid-column: 2;
  grid-row: 1;
  float: none;
  margin: 0 12px;
  min-width: 0;
}

div#wyszukiwarka_wrapper form {
  margin: 0;
}

/* Długie nazwy linków zawijają się w prawej kolumnie zamiast nachodzić
   na treść aktualności. */
.right_column {
  box-sizing: border-box;
  padding-left: 20px;
}

.right_column .odnosniki,
.right_column .menu_odnosniki,
.right_column .menu_odnosniki ul {
  box-sizing: border-box;
  float: none;
  width: 100%;
  height: auto;
}

.right_column .menu_odnosniki ul {
  margin: 0;
  padding: 0;
}

.right_column .menu_odnosniki li {
  display: block;
  margin: 0;
  padding: 0;
}

.right_column .menu_odnosniki li a:link,
.right_column .menu_odnosniki li a:visited {
  box-sizing: border-box;
  width: 100%;
  min-height: 60px;
  height: auto;
  padding: 10px 14px;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
  text-align: center;
}

/* Nawigacja Dashboardu nie może dziedziczyć wymiarów `nav li` z Joomla
   (300x18 px, inline, uppercase). Na desktopie tworzy jeden równy pasek,
   a poniżej 1100 px nadal korzysta ze wspólnego hamburgera UwS. */
[data-uws-site="bg"] .uws-nav__list > .uws-nav__item {
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: none;
}

[data-uws-site="bg"] .uws-nav__list > .uws-nav__item > .uws-nav__link {
  justify-content: center;
  min-height: 48px;
  padding: 13px 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  animation: none;
}

[data-uws-site="bg"] .uws-nav__list > .uws-nav__item--current > .uws-nav__link {
  box-shadow: inset 0 -4px 0 #fff;
}

@media (min-width: 1101px) {
  [data-uws-site="bg"] .uws-nav__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    padding: 0;
  }

  [data-uws-site="bg"] .uws-nav__list > .uws-nav__item {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }

  [data-uws-site="bg"] .uws-nav__list > .uws-nav__item:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }

  [data-uws-site="bg"] .uws-nav__list > .uws-nav__item > .uws-nav__link {
    flex: 1 1 auto;
  }
}

/* Pager jest także opakowany w <nav>, dlatego reset obejmuje sam wrapper,
   wymiary `nav li` oraz typografię `nav li a` z Joomla. */
.z_zycia_uczelni nav[aria-label="Stronicowanie listy"] {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 24px 0 16px;
  padding: 0;
  background: transparent;
  opacity: 1;
}

.z_zycia_uczelni .cms-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.z_zycia_uczelni .cms-pager > li {
  display: block;
  flex: 0 0 auto;
  float: none;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: none;
}

.z_zycia_uczelni .cms-pager a,
.z_zycia_uczelni .cms-pager span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 40px;
  min-height: 40px;
  height: auto;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #b8c4d0;
  border-radius: 4px;
  background: #fff;
  color: #1a3e6e;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  opacity: 1;
  animation: none;
}

.z_zycia_uczelni .cms-pager a:hover {
  border-color: #1a3e6e;
  background: #eef3f8;
  color: #1a3e6e;
  text-decoration: none;
  opacity: 1;
  animation: none;
}

.z_zycia_uczelni .cms-pager .active span {
  border-color: #1a3e6e;
  background: #1a3e6e;
  color: #fff;
}

.z_zycia_uczelni .cms-pager .cms-pager__ellipsis span {
  min-width: 24px;
  border-color: transparent;
  background: transparent;
  padding-right: 4px;
  padding-left: 4px;
}

.background_biblioteka {
  background-position: center top;
}

@media (max-width: 760px) {
  .top_bar {
    height: auto;
  }

  .top_bar > .wrapper {
    grid-template-columns: 1fr auto;
    width: 100%;
    height: auto;
    min-height: 120px;
    padding: 8px 12px;
    box-sizing: border-box;
  }

  .top_bar > .wrapper > a:first-child {
    grid-column: 1 / -1;
  }

  #logo_bg {
    width: min(650px, 100%);
    background-size: contain;
  }

  div#wyszukiwarka_wrapper {
    grid-column: 1;
    grid-row: 2;
    margin: 8px 12px 8px 0;
  }

  .top_bar > .wrapper > a:last-child {
    grid-column: 2;
    grid-row: 2;
  }

  #logo_uph {
    width: 160px;
    background-size: contain;
  }

  .panel_wyszukiwarka,
  .margin_main > .wrapper,
  footer .footer_block {
    box-sizing: border-box;
    max-width: 100%;
  }

  .panel_wyszukiwarka,
  .margin_main > .wrapper {
    display: block;
  }

  .multiwyszukiwarka,
  .godzinyotwarcia,
  .left_column,
  .right_column,
  .container_menu,
  .right_article {
    box-sizing: border-box;
    float: none;
    width: 100%;
  }

  .right_column {
    padding-left: 0;
  }

  .footer_block table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  form[data-ebsco-search] input[type="search"] {
    width: 100%;
  }
}