/*
 * Joomla 4 / 5 / 6 compatibility for the Artisteer template.
 * The template does not load Bootstrap, so a few core helper classes are defined here.
 */

/* screen-reader-only text (J4+: .visually-hidden, J3: .element-invisible) */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within),
.element-invisible
{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Previous / Next article links - same look as Joomla 3 (ul.pager) */
.pagenavigation .pagination
{
  display: block;
  margin: 0;
  padding: 0;
}

.pagenavigation a.previous,
.pagenavigation a.next
{
  display: block;
  width: 50%;
  text-align: center;
  font-weight: bold;
}

/* Joomla 4+ system messages (joomla-alert) inside the art-messages box */
#system-message-container joomla-alert
{
  display: block;
  margin: 0 0 10px;
}

/* Joomla 3 message markup (Bootstrap 2 classes, Bootstrap is not loaded) */
.art-messages .alert .close
{
  display: none;
}

.art-messages .alert-heading
{
  margin: 0 0 4px;
  font-size: 14px;
}

/* Joomla 4+ login form: the "show password" button has only an icon-font icon,
   which this template does not load -> show its text label instead */
.input-password-toggle .visually-hidden
{
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
}

.input-password-toggle
{
  margin: 4px 0;
}

/* Joomla 4+ login form: "Forgot your password / username" links one per line */
.com-users-login__options a
{
  display: block;
  margin: 4px 0;
}