/* ==========================================================================
   contact.css - Styles spécifiques à la page Contact & Médias
   Thérèse Kayikwamba Wagner - site biographique
   NE PAS redéfinir les classes communes (style.css).
   ========================================================================== */

/* --- Select custom : chevron natif masqué + chevron dessiné --- */
.tkw-select-wrap {
  position: relative;
}

.tkw-select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.75rem; /* place pour le chevron */
}

.tkw-select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.55rem;
  height: 0.55rem;
  margin-top: -0.4rem;
  border-right: 2px solid #6C757D;
  border-bottom: 2px solid #6C757D;
  transform: rotate(45deg);
  pointer-events: none;
  transition: border-color 0.2s ease;
}

.tkw-select-wrap:focus-within::after {
  border-color: #007FFF;
}

/* Masquer la flèche IE/Edge legacy */
.tkw-select-wrap select::-ms-expand {
  display: none;
}

/* --- Cartes de contact : léger lift au survol --- */
.contact-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-card:hover {
  transform: translateY(-4px);
}

/* --- Lignes de liens institutionnels : soulignement animé discret --- */
.inst-link {
  position: relative;
  transition: color 0.2s ease;
}

.inst-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1.5px;
  background: #F7D918;
  transition: width 0.25s ease;
}

.inst-link:hover::after {
  width: 100%;
}

/* --- Spinner de soumission (icône loader) --- */
@keyframes tkw-spin {
  to { transform: rotate(360deg); }
}

.tkw-spin {
  animation: tkw-spin 0.8s linear infinite;
}