@import url("../vars.css");

.row-deck>.col .card,
.row-deck>[class*=col-] .card {
  flex: 1 1 auto;
  height: min-content;
}

.card-header {
  gap: 24px;
}

div.card:hover {
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
}

div.card div.card-body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 10px;
  align-content: center;
  flex: 0 1 auto;
}

.card-body p {
  width: 100%;
  text-align: center;
  padding: 0 10px;
}

.alert {
  background: #eeeeee;
}

.card-title {
  font-size: clamp(1.3rem, 1.1158rem + 0.7368vw, 2rem);
  line-height: normal;
  display: block;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1.5rem;
  color: var(--tblr-code-color);
}

.text-overlay {
  font-size: clamp(1rem, 0.9474rem + 0.2105vw, 1.2rem);
  line-height: normal;
}

.card-real-savoir {
  margin: auto;
}

.fade-in-out-random {
  opacity: 0;
}

ul#notifContent.show {
  min-width: 350px;
}

@media (max-width: 767px) {
  ul#notifContent.show {
    right: -55px;
  }
}

.btn {
  text-wrap: wrap !important;
}

.card-img-overlay.in-hover {
  display: none;
}

.card.text-bg-dark:hover .out-hover {
  display: none;
}

.card.text-bg-dark:hover .in-hover {
  display: block;
}