/* assets/home-carousel.css — Y&R Multiservice, carrousel Réalisations (accueil, V14, 22/08/2026).
   Isolé, aucune dépendance à assets/style.css. Variables --yr-* de la charte V12 uniquement. */
.hc-carousel{position:relative;max-width:960px;margin:0 auto}
.hc-viewport{overflow:hidden;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.hc-track{display:flex;transition:transform .5s ease;touch-action:pan-y}
.hc-slide{flex:0 0 100%;position:relative;aspect-ratio:16/9;background:#111}
.hc-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hc-caption{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;
  background:linear-gradient(0deg,rgba(0,0,0,.72),transparent);
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}
.hc-caption strong{font-size:.92rem;font-weight:800}
.hc-caption span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  color:var(--yr-orange);background:rgba(255,255,255,.12);padding:3px 8px;border-radius:4px}
.hc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(11,11,11,.55);color:#fff;font-size:1.4rem;line-height:1;
  display:flex;align-items:center;justify-content:center}
.hc-arrow:hover,.hc-arrow:focus-visible{background:var(--yr-orange)}
.hc-prev{left:10px}
.hc-next{right:10px}
.hc-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.hc-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;
  background:var(--yr-line);cursor:pointer}
.hc-dot[aria-current="true"]{background:var(--yr-orange);width:24px;border-radius:5px}
.hc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

@media (max-width:640px){
  .hc-arrow{width:36px;height:36px;font-size:1.15rem}
  .hc-prev{left:6px}
  .hc-next{right:6px}
  .hc-caption{padding:10px 12px}
  .hc-caption strong{font-size:.82rem}
}

@media (prefers-reduced-motion: reduce){
  .hc-track{transition:none}
}
