/* AchatVentes224 — diaporama de l'accueil et signature (fichier indépendant) */
/* =========================================================
   Accueil : diaporama de promotion (3 slides)
   ========================================================= */
.hero-slider { position: relative; color: #fff; background: var(--navy); }
.hero-slider__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.hero-slider__track::-webkit-scrollbar { display: none; }
.hero-slide { flex: 0 0 100%; scroll-snap-align: start; padding: 24px 0 64px; }
.hero-slide--navy { background: #0E2A47; }
.hero-slide--green { background: #075C3C; }
.hero-slide--red { background: #8E0E19; }
.hero-slide--orange { background: #9A3412; }
.hero-slide--teal { background: #0F4C5C; }
.hero-slide__inner { display: flex; flex-direction: column-reverse; gap: 12px; align-items: flex-start; }
.hero-slide__img { width: 100%; max-width: 300px; height: auto; align-self: center; object-fit: contain; }
.hero-slide__kicker { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--navy); background: var(--yellow); border-radius: 999px; padding: 3px 12px; }
.hero-slide h2 { font-size: clamp(26px, 6vw, 46px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin-top: 10px; color: #fff; }
.hero-slide__text p:not(.hero-slide__kicker) { color: rgba(255,255,255,.88); margin-top: 10px; font-size: 16px; max-width: 48ch; }
.hero-slide__ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.btn--outline-light { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); }
.btn--outline-light:hover { background: rgba(255,255,255,.12); text-decoration: none; }
.hero-slider__controls { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.hero-slider__btn { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.18); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.hero-slider__btn:hover { background: rgba(255,255,255,.3); }
.hero-slider__pause { font-size: 12px; letter-spacing: -2px; }
.hero-slider__dots { display: flex; gap: 8px; }
.hero-slider__dots button { width: 12px; height: 12px; padding: 0; border-radius: 999px; border: 0; background: rgba(255,255,255,.45); cursor: pointer; transition: width .2s; }
.hero-slider__dots button[aria-current="true"] { width: 30px; background: var(--yellow); }
.hero-slider button:focus-visible, .hero-slide a:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }
.site-footer__credits { margin-top: 8px; font-size: 13px; color: rgba(255,255,255,.75); }
.site-footer__credits a { color: #fff; font-weight: 700; }
@media (min-width: 760px) {
  .hero-slide { padding: 40px 0 72px; }
  .hero-slide__inner { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; }
  .hero-slide__img { max-width: 420px; flex: 0 0 42%; }
}
@media (prefers-reduced-motion: reduce) { .hero-slider__track { scroll-behavior: auto; } }

/* Recherche mobile au-dessus du diaporama (masquée sur ordinateur, où la recherche est dans l'en-tête) */
.home-mobile-search { background: var(--surface, #fff); padding: 10px 0 12px; }
@media (min-width: 960px) { .home-mobile-search { display: none; } }

/* Slides publicitaires ajoutées depuis l'admin : visuel complet, coins arrondis */
.hero-slide__img--ad { max-height: 340px; width: auto; max-width: 100%; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
@media (min-width: 760px) { .hero-slide__img--ad { max-height: 380px; flex: 0 1 auto; } }