/**
 * onisCore - klasy responsywne Bootstrapa 2 używane w szablonach Onis.
 *
 * Szablony (karuzela mod_onispetitions_slider, strona petycji, formularz podpisu) mają osobne wersje
 * "na telefon" i "na komputer", przełączane klasami visible-phone / visible-desktop / hidden-phone /
 * hidden-desktop. Te klasy pochodzą z Bootstrapa 2, którego dostarczał szablon witryny w Joomla 3.
 * W Joomla 4+ (Bootstrap 5) ich nie ma, więc obie wersje wyświetlały się naraz (np. karuzela dwa razy).
 *
 * Definicje są przepisane z Bootstrapa 2.3.2 bez zmian (te same progi: telefon do 767 px,
 * tablet 768-979 px, komputer od 980 px), tylko zamknięte w #onisWrapper - na Joomla 3 nic się nie zmienia.
 */
#onisWrapper .visible-phone,
#onisWrapper .visible-tablet,
#onisWrapper .hidden-desktop {
  display: none !important;
}
#onisWrapper .visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  #onisWrapper .hidden-desktop {
    display: inherit !important;
  }
  #onisWrapper .visible-desktop {
    display: none !important;
  }
  #onisWrapper .visible-tablet {
    display: inherit !important;
  }
  #onisWrapper .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #onisWrapper .hidden-desktop {
    display: inherit !important;
  }
  #onisWrapper .visible-desktop {
    display: none !important;
  }
  #onisWrapper .visible-phone {
    display: inherit !important;
  }
  #onisWrapper .hidden-phone {
    display: none !important;
  }
}