/* Alumni UI */
.alumni-wrap{max-width:1200px;margin:0 auto;padding:24px 16px}
.alumni-hero{margin:0 0 16px; margin-bottom: 50px}
.alumni-search{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;margin:16px 0}
.alumni-search label{display:block;font-size:14px;margin:0 0 6px}
.alumni-search input,.alumni-search select{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.18);border-radius:10px;background:#fff}
.alumni-search button{padding:11px 14px;border:0;border-radius:10px;cursor:pointer;background-color: #00669b;
    color: white;}

.alumni-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
@media (max-width:980px){
  .alumni-search{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .alumni-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:520px){
  .alumni-search{grid-template-columns:1fr;}
  .alumni-grid{grid-template-columns:1fr;}
}

.alumni-card{display:block;border:1px solid rgba(0,0,0,.12);border-radius:16px;overflow:hidden;text-decoration:none;background:#fff}
.alumni-card__img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.alumni-card__placeholder{width:100%;aspect-ratio:4/5;background:rgba(0,0,0,.06)}
.alumni-card__body{padding:12px 12px 14px}
.alumni-card__name{font-weight:700;line-height:1.2}
.alumni-card__meta{margin-top:4px;opacity:.75;font-size:14px}

.alumni-carousel__title{margin:26px 0 8px;font-size:20px;font-weight:800}
.alumni-empty{padding:18px 0;opacity:.75}

.alumni-single{display:grid;grid-template-columns:360px 1fr;gap:24px}
@media (max-width:980px){.alumni-single{grid-template-columns:1fr}}
.alumni-single__media img{width:100%;border-radius:18px;display:block}
.alumni-single__h1{font-size:34px;font-weight:900;margin:0 0 8px}

.alumni-pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.alumni-pill{border:1px solid rgba(0,0,0,.14);padding:6px 10px;border-radius:999px;font-size:13px;opacity:.85}

.alumni-section{margin:18px 0; margin-bottom : 60px}
.alumni-section h2{font-size:20px;margin:0 0 10px;font-weight:800}
.alumni-links{display:flex;gap:10px;flex-wrap:wrap}
.alumni-links a{border:1px solid rgba(0,0,0,.14);padding:8px 10px;border-radius:12px;text-decoration:none}

.alumni-video{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.12);
  aspect-ratio:16/9;
  position:relative;
  padding-top:0 !important;
}
.alumni-video .fluid-width-video-wrapper{
  position:absolute !important;
  inset:0 !important;
  padding-top:0 !important;
  width:100% !important;
  height:100% !important;
}
.alumni-video iframe{
  width:100% !important;
  height:100% !important;
  position:absolute !important;
  inset:0 !important;
  display:block;
  margin:0 !important;
}

/* Swiper */
.alumni-swiper{padding:8px 2px; margin-bottom:60px}
.alumni-swiper .swiper-slide{height:auto}
.alumni-swiper .swiper-button-prev,
.alumni-swiper .swiper-button-next{color:inherit; display: none}
.alumni-swiper .swiper-button-prev:after,
.alumni-swiper .swiper-button-next:after{font-size:18px}

/* Skeleton loader */
.alumni-skel-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  gap:14px;
}
}
@media (max-width: 980px){
  .alumni-skel-grid{
    grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
  }
}
@media (max-width: 520px){
  .alumni-skel-grid{
    grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
  }
}

.alumni-skel-card{border:1px solid rgba(0,0,0,.12);border-radius:16px;overflow:hidden;background:#fff}
.alumni-skel-media{aspect-ratio:3/4;background:rgba(0,0,0,.06)}
.alumni-skel-body{padding:12px}
.alumni-skel-line{height:12px;background:rgba(0,0,0,.06);border-radius:8px;margin-top:8px}
.alumni-skel-line.s1{width:70%}
.alumni-skel-line.s2{width:45%}
.alumni-shimmer{
  background:linear-gradient(90deg, rgba(0,0,0,.05), rgba(0,0,0,.10), rgba(0,0,0,.05));
  background-size:200% 100%;
  animation:alumniShimmer 1.1s infinite linear;
}
@keyframes alumniShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.alumni-back{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(0,0,0,.14);padding:8px 10px;border-radius:12px;text-decoration:none;margin-bottom:12px}


/* Slides plus compactes dans les carrousels */
.alumni-swiper .swiper-slide{
  max-width: 180px;   /* ← largeur d’une vignette */
}

@media (max-width: 980px){
  .alumni-swiper .swiper-slide{
    max-width: 150px;
  }
}

@media (max-width: 520px){
  .alumni-swiper .swiper-slide{
    max-width: 130px;
  }
}


.alumni-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  gap:14px;
}


/* Mur / mosaïque (5 dernières promos) */
.alumni-wall{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));
  gap:8px;
}

@media (max-width: 980px){
  .alumni-wall{ grid-template-columns:repeat(auto-fill, minmax(80px, 1fr)); }
}
@media (max-width: 520px){
  .alumni-wall{ grid-template-columns:repeat(auto-fill, minmax(70px, 1fr)); }
}

/* Style “mur” sur les cards */
.alumni-wall .alumni-card{
  border:0;
  border-radius:10px;
  overflow:hidden;
  background:transparent;
}

.alumni-wall .alumni-card__img,
.alumni-wall .alumni-card__placeholder{
  aspect-ratio:1/1;        /* mur en carrés */
  border-radius:10px;
}

/* On cache le texte dans le mur (option mur pur) */
.alumni-wall .alumni-card__body{
  display:none;
}


/**************************************************/

/* Bonus: léger hover */
.alumni-wall .alumni-card:hover{
  transform:scale(1.03);
  transition:transform .15s ease;
}


.alumni-card{
  position: relative;
  transition:
    transform .25s cubic-bezier(.2,.8,.2,1),
    box-shadow .25s ease,
    border-color .25s ease;
}

.alumni-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.18),
    rgba(0,0,0,.08)
  );
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}

.alumni-card:hover,
.alumni-card:focus-visible{
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 28px rgba(0,0,0,.15);
  border-color: rgba(0,0,0,.25);
}

.alumni-card:hover::after,
.alumni-card:focus-visible::after{
  opacity:1;
}


.alumni-card__name{
  font-weight:800;
  letter-spacing:-.01em;
}

.alumni-card__meta{
  opacity:.7;
}



.alumni-results-head{
  display:flex;
  align-items:center;
  gap:12px;            /* espace entre Résultats et filtres */
  margin:20px 0 12px;
}

.alumni-results-head h2{
  margin:0;
  font-size:22px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.alumni-active-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.alumni-filter-chip{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  font-size:13px;
  line-height:1;
  background:#f7f7f7;
  color:#00669b;
}


.alumni-filter-chip b{
  font-weight:800;
  opacity:.85;
  padding-right: 10px;
}