/* ================================
   Styles personnalisés Activites.php
   ================================ */

/* 📖 Sections */
h2 {
  color: var(--bleu-ocean);
  font-weight: 600;
  margin-bottom: 1rem;
}
p a {
  color: var(--bleu-ocean);
  text-decoration: underline;
}

/* 📦 Cards */
.card {
  border: none;
  background-color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.card-title {
  color: var(--bleu-clair);
  font-weight: 600;
}
.card-img-top {
    height: 220px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

/* Sur mobile les cards sont pleine largeur, on peut augmenter un peu */
@media (max-width: 576px) {
    .card-img-top {
        height: 200px;
    }
}

/* 📋 Liste des activités */
.list-group-item {
  background: #fff;
  border: none;
  border-bottom: 1px solid #eee;
}
.list-group-item a {
  color: var(--bleu-ocean);
  text-decoration: none;
  font-weight: 500;
}
.list-group-item a:hover {
  text-decoration: underline;
}