.card-img-top {
  object-fit: contain;
  height: 100px;
}

/* Override Bootstrap primary color per la banda */
.btn-primary {
  background-color: #FEC601;
  border-color: #FEC601;
  color: #000;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #e5b201;
  border-color: #e5b201;
  color: #000;
}

.btn-primary:active {
  background-color: #cc9f01;
  border-color: #cc9f01;
  color: #000;
}

.btn-outline-primary {
  color: #FEC601;
  border-color: #FEC601;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #FEC601;
  border-color: #FEC601;
  color: #000;
}

.btn-outline-primary:active {
  background-color: #e5b201;
  border-color: #e5b201;
  color: #000;
}

.text-primary {
  color: #FEC601 !important;
}

.bg-primary {
  background-color: #FEC601 !important;
}

.border-primary {
  border-color: #FEC601 !important;
}

/* Stili per la navbar della banda */
.navbar {
  background-color: #C8553D !important;
}

.navbar-brand {
  color: white !important;
  font-weight: bold;
}

.navbar-nav .nav-link {
  color: white !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #f0f0f0 !important;
}

.navbar-toggler {
  border-color: white;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Dropdown menu */
.dropdown-menu {
  background-color: #FEC601 !important;
}

.dropdown-item {
  color: #000 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #e5b201 !important;
  color: #000 !important;
}

.dropdown-item:active {
  background-color: #cc9f01 !important;
  color: #000 !important;
}

.border-custom {
  border: 2px solid #FEC601;
  border-radius: 16px;
}

.text-primary {
  color: #C8553D !important;
}

.home-page {
  background: url("/img/logoBanda.webp") center center / contain no-repeat fixed;
  background-color: #f8f9fa;
}

.home-page .content-overlay {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.home-page .banner-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background-color: #f8f9fa;
}

@media (max-width: 576px) {
  .home-page .banner-img {
    max-height: 260px;
  }
  .home-page .content-overlay {
    padding: 1rem;
  }
}

/* Linea verticale centrale */
.timeline {
  border-left: 3px solid #C8553D;
  padding-left: 2rem;
}

/* Punto sulla linea */
.timeline-dot {
  width: 16px;
  height: 16px;
  background-color: #C8553D;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 20px;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #C8553D;
}

/* Mobile: linea più sottile */
@media (max-width: 576px) {
  .timeline {
    border-left-width: 2px;
  }
  .timeline-dot {
    width: 12px;
    height: 12px;
    left: -8px;
  }
}