:root {
  --bs-primary: #b5171d; /* rgb(18, 98, 121) */
  --bs-primary-rgb: 181, 23, 29;
  --bs-primary-bg-subtle: hsl(358 77% 30%);
  --bs-primary-border-subtle: hsl(358 77% 50%);
  --bs-primary-text-emphasis: hsl(358 77% 40%);
}

body {
  font-family: 'Lato', sans-serif;
}

#main-outlet {
  min-height: calc(100dvh - 176px);
  width: 100%;
  position: relative;
}

html[lang="en"] [data-lang="it"] {
  display: none;
}

html[lang="it"] [data-lang="en"] {
  display: none;
}

html[data-bs-theme="light"] [data-theme="dark"] {
  display: none;
}

html[data-bs-theme="dark"] [data-theme="light"] {
  display: none;
}

multiple-select {
  width: 100%;
}

.certificate-card-link:hover h5 {
  text-decoration: underline !important;
}

/* Descrizioni link dashboard */
.dashboard-link-desc {
  text-wrap: balance;
}

/* Stili per l'iconcina dei tooltip */
.tooltip-info-icon {
  cursor: help;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.tooltip-info-icon:hover {
  opacity: 1;
}

/* Assicura che le label con tooltip mantengano il cursor pointer */
label[data-bs-toggle="tooltip"] {
  cursor: help;
}


/* Stili per le celle con link di download */
.download-cell {
  position: relative;
}

.download-link {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Stili per le celle della tabella certificati */
.table td {
  position: relative;
  vertical-align: middle;
}

/* Stili specifici per i link nella colonna numero certificato */
.certificate-number-link {
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.certificate-number-link:hover {
  text-decoration: underline;
  color: var(--bs-primary);
}

/* Stili per i filtri e la navigazione */
.filter-state-indicator {
  transition: all 0.3s ease;
}

.filter-state-indicator:hover {
  transform: scale(1.05);
}

.back-button {
  transition: all 0.2s ease;
}

.back-button:hover {
  background-color: var(--bs-secondary);
  color: white;
}

/* Animazione per il badge dei filtri attivi */
.badge.bg-info {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

/* Stili per la paginazione per farla adattare al tema */
.page-link {
    color: var(--bs-primary);
}

.page-link:hover {
    color: var(--bs-primary-text-emphasis);
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-light);
}

.page-item.disabled .page-link {
    color: var(--bs-secondary-color);
}