/**
 * Panagea + Bootstrap: classificazione colori per badge e stati
 * Allinea le variabili Bootstrap success/warning/danger alla palette Panagea
 * (_variables.scss: color-3 verde, color-5 giallo, color-1 rosso).
 * Usare sempre .bg-success, .bg-warning, .bg-danger per coerenza.
 *
 * SUCCESS = verde Prenota / prezzo (stesso verde del bottone Prenota nel booking widget).
 * Per replicare il verde: usare var(--bs-success) o classe .bg-success.
 */
:root {
  /* Verde Prenota / prezzo (Panagea color-3, stesso del bottone Prenota) */
  --bs-success: #32a067;
  --bs-success-rgb: 50, 160, 103;
  --bs-warning: #FFC107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger: #fc5b62;
  --bs-danger-rgb: 252, 91, 98;
}

/* Badge e bg-success: stesso verde del Prenota (evita override da altri CSS) */
.badge.bg-success,
.bg-success.badge,
.text-bg-success {
  background-color: var(--bs-success) !important;
  color: #fff !important;
}

/* Popover "Termini di cancellazione": card colorata con colori template (danger) */
.popover-cancellation-terms {
  border: 2px solid var(--bs-danger);
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-danger-rgb), 0.2);
}
.popover-cancellation-terms .popover-header {
  background-color: var(--bs-danger);
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  font-weight: 600;
}
.popover-cancellation-terms .popover-body {
  background-color: #fff;
  color: var(--bs-body-color, #212529);
}
/* Freccia popover (placement top) colorata come header */
.bs-popover-top.popover-cancellation-terms > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"].popover-cancellation-terms > .popover-arrow::after {
  border-top-color: var(--bs-danger);
}