/* Style boutons */
.btn {
  padding: var(--app-btn-vertical-pad) var(--app-btn-horizontal-pad);
}

.btn-app {
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

/* Style bouton principal */
.btn-primary {
  background-color: var(--app-brand);
  border-color: var(--app-brand);
}
.btn-primary:hover {
  background-color: transparent;
  border-color: var(--app-brand-600);
  color: var(--app-brand-600);
}

/* Bouton de suppression */
.btn-delete {
    background-color: var(--app-delete);
    border-color: var(--app-delete);
    color: var(--app-font-white);
    border-radius: var(--app-radius);
}
.btn-delete:hover {
    background-color: transparent;
    border-color: var(--app-delete);
    color: var(--app-delete);
}

/* Bouton safelist */
.btn-safelist {
  color: var(--app-font-white);
  border-radius: var(--app-radius);
  background-color: var(--app-safelist-bg);
  border-color: var(--app-safelist-border);
  color: var(--app-safelist-font);
}
.btn-safelist:hover {
  color: var(--app-safelist-font);
  border-color: var(--app-safelist-border);
  background: transparent;
}

/* Bouton warning */
.btn-warning {
  background-color: var(--app-btn-warning);
  border-color: var(--app-btn-warning);
  color: var(--app-font-white);
}
.btn-warning:hover {
  background-color: transparent;
  border-color: var(--app-btn-warning);
  color: var(--app-btn-warning);
}

/* Bouton info */
.btn-info {
  background-color: var(--app-btn-info);
  border-color: var(--app-btn-info);
  color: var(--app-font-white);
}
.btn-info:hover {
  background-color: transparent;
  border-color: var(--app-btn-info);
  color: var(--app-btn-info);
}

/* Search input */
.search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.search-icon {
  position: absolute;
  left: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--app-font-grey, #6c757d);
  pointer-events: none;
}

.search-input {
  border-radius: var(--app-radius);
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  width: 100%;
  border: 1px solid #ced4da;
}

/* Cards */
.card {
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

/* Bouton navbar */
button.nav-item {
  border: none;
  background: transparent;
  text-align: center;
}