/* Couleurs personnalisées pour l'Aéro-club */
:root {
  --bleu-aero: #1a365d;
  --jaune-soleil: #f6ad55;
}

/* Modification du bouton principal pour coller au thème */
.btn-primary {
  background-color: var(--bleu-aero) !important;
  border-color: var(--bleu-aero) !important;
}

.btn-primary:hover {
  background-color: #2a4365 !important;
}

/* Style de la barre de navigation */
.navbar {
  background-color: var(--bleu-aero) !important;
}

.btn-warning {
  background-color: var(--jaune-soleil) !important;
  border-color: var(--jaune-soleil) !important;
}

/* Conteneur photo au format exact du KX (Ratio 3:2) */
.ratio-kx {
  aspect-ratio: 3 / 2;
  width: 100%;
  background-color: #f8f9fa;
  /* Fond gris clair si une image charge mal */
}

/* Force toutes les images à remplir le conteneur sans se déformer */
.img-flotte {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Effet de survol sur les cartes de liens (générique) */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Cartes interactives (cliquables) */
.card-interactive {
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
              box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
              border-color 0.3s ease !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.card-interactive:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 15px 30px rgba(26, 54, 93, 0.15) !important;
  border-color: var(--jaune-soleil) !important;
}

/* Couleur du titre dans les cartes interactives */
.card-interactive .card-title a {
  color: #212529;
  transition: color 0.3s ease;
}

.card-interactive:hover .card-title a {
  color: var(--bleu-aero) !important;
}

/* Animation des icônes pour les cartes interactives au survol */
.card-interactive .bi {
  display: inline-block;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-interactive:hover .bi {
  transform: scale(1.2) rotate(8deg);
}

/* Style spécifique pour le bouton Google Play */
.btn-google-play {
  background-color: #000;
  color: #fff;
  border: none;
}

.btn-google-play:hover {
  background-color: #333;
  color: #fff;
}