/* Joomla 4/5 compatibility styles for the Artisteer template 4HVL.
   Joomla 4/5 core layouts use a few Bootstrap 5 helper classes which the
   Artisteer stylesheet does not know. */

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within),
.sr-only
{
  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;
}

.hidden, .d-none
{
  display: none !important;
}

/* Joomla 4/5 tooltips for the frontend edit icon are rendered as role="tooltip" divs */
div[role="tooltip"]
{
  display: none;
}

/* Images inserted with the J4/5 media manager (articles and modules) */
.art-postcontent img,
.art-blockcontent img,
.art-vmenublockcontent img,
.art-nostyle img
{
  max-width: 100%;
  height: auto;
}

/* Form fields from Joomla 4/5 core layouts (login, search, contact ...) */
.art-postcontent .control-group,
.art-blockcontent .control-group,
.art-postcontent .mb-3,
.art-blockcontent .mb-3
{
  margin-bottom: 0.6em;
}

.art-postcontent .control-label,
.art-blockcontent .control-label,
.art-postcontent .form-label,
.art-blockcontent .form-label
{
  display: block;
}

.art-postcontent .input-group,
.art-blockcontent .input-group
{
  display: flex;
  align-items: stretch;
}

.art-postcontent .input-group > input,
.art-blockcontent .input-group > input
{
  flex: 1 1 auto;
  min-width: 0;
}

/* Joomla 4/5 lists in modules (mod_articles, mod_tags ...) */
ul.mod-list,
ul.mod-articles-items,
ul.mod-articles,
ul.mod-tagspopular,
ul.mod-tagssimilar
{
  padding-left: 0;
}

/* Smart Search (mod_finder) */
.mod-finder__search .input-group button,
.mod-finder__search .awesomplete
{
  flex: 0 0 auto;
}

/* Show/hide password button of the Joomla 4/5 login form (Font Awesome is not loaded) */
.input-password-toggle .icon-eye::before { content: "\1F441"; font-style: normal; }
.input-password-toggle .icon-eye-slash::before { content: "\2014"; font-style: normal; }
.input-password-toggle { cursor: pointer; }