:root {
  /* Palette derivata dall'arancione */
  --eagle-bg: #fffaf5;
  --eagle-primary: #ff7a18; /* arancione vivo */
  --eagle-primary-600: #ff6a00;
  --eagle-primary-700: #e55e00;
  --eagle-accent: #ffb703; /* giallo/arancio */
  --eagle-ink: #1f2937; /* testo scuro */
}

html, body {
  height: 100%;
}

body {
  background: var(--eagle-bg);
  color: var(--eagle-ink);
  display: flex;
  flex-direction: column;
}

.navbar-eagle {
  background: #fff;
}
.navbar-eagle .navbar-brand {
  color: var(--eagle-ink);
}
.navbar-eagle .navbar-toggler {
  border: none;
}
.navbar-eagle .navbar-toggler-icon {
  filter: invert(40%);
}

.nav-link {
  color: #4b5563;
}
.nav-link:hover, .nav-link.active {
  color: var(--eagle-primary-700);
}
.text-accent {
  color: var(--eagle-primary-700);
}

.btn-accent {
  background: var(--eagle-primary);
  border: none;
  color: #fff;
}
.btn-accent:hover {
  background: var(--eagle-primary-600);
}
.btn-outline-accent {
  border-color: var(--eagle-primary);
  color: var(--eagle-primary);
}
.btn-outline-accent:hover {
  background: var(--eagle-primary);
  color: #fff;
}

.hero-logo {
  max-height: 220px;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.12));
}
.logo-shadow {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
}

.gradient-card {
  background: linear-gradient(135deg, #fff 0%, #fff5eb 60%, #ffe7d1 100%);
}
.footer-eagle {
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.card {
  border-radius: 14px;
}
.btn, .form-control, .card {
  border-radius: 12px;
}

.card-text {
  /* Rimuovi i margini predefiniti per un layout più pulito */
  margin: 0;
}

/* ---------------------------------------------------- */
/* Stili specifici per i box dei chatbot */
/* ---------------------------------------------------- */

/* Stile per i card che contengono i chatbot */
#chatbot-container .col {
    display: flex;
    justify-content: center;
}
#chatbot-container .card {
    width: 100%;
    max-width: 250px;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid rgba(0, 0, 0, 0.08); /* Bordo leggero per distinguere */
}
#chatbot-container .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

/* Stili per il testo delle note */
.notes-text {
    font-size: 0.9em;
    color: #555;
    white-space: pre-wrap; /* Mantiene gli a capo nel testo */
}

/* Stili per i pulsanti di modifica/eliminazione nel footer */
.card-footer .btn {
    border-radius: 8px; /* Pulsanti un po' più arrotondati nel footer */
}

/* Stili per le icone dei chatbot */
.card-body img {
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Stili per i modali */
.modal-content {
    border-radius: 14px;
}