/*
 * H-MAT: styling and initial visibility for migrated Bootstrap collapse markup.
 * Load this file after the main website stylesheet.
 */

/* Matches the red "Chci se přihlásit" button on the current homepage. */
/* Tlačítko ve stylu „Chci se přihlásit“ */
.user-content .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  box-sizing: border-box;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background-color: #c60c30;
  color: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 150ms ease,
    color 150ms ease;
}

.user-content .btn-primary:hover,
.user-content .btn-primary:focus-visible {
  background-color: #f9e300;
  color: #004f9f;
  text-decoration: none;
}

.user-content .btn-primary:focus-visible {
  outline: 3px solid rgba(198, 12, 48, 0.3);
  outline-offset: 2px;
}

/*
 * The new website has no Bootstrap collapse CSS, so .collapse must be hidden
 * explicitly. !important protects this rule from the generic .content styles.
 * .in is accepted for old Bootstrap 3 content and .show for newer markup.
 */
.collapse {
  display: none !important;
}

.collapse.in,
.collapse.show,
.collapse.hmat-collapse--open {
  display: block !important;
}

.collapse[hidden] {
  display: none !important;
}