/* V10 - texte et boutons sur le diaporama existant, identité conservée */
body#index #slider_row.sa-hero-slider-row{position:relative;isolation:isolate}
body#index #slider_row.sa-hero-slider-row::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.5) 29%,rgba(0,0,0,.12) 56%,transparent 78%)}
body#index #slider_row.sa-hero-slider-row .sa-hero-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;align-items:center;max-width:1300px;width:100%;margin:auto;padding:clamp(18px,4vw,62px) clamp(22px,5vw,80px)}
body#index .sa-hero-overlay__inner{max-width:540px;width:100%;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
body#index .sa-hero-overlay__eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;margin-bottom:13px;color:#fff}
body#index .sa-hero-overlay h2{color:#fff;font-weight:800;line-height:1.13;font-size:clamp(27px,3.2vw,53px);letter-spacing:-.03em;margin:0 0 16px;text-shadow:0 3px 14px rgba(0,0,0,.5)}
body#index .sa-hero-overlay p{color:#fff;max-width:440px;line-height:1.55;font-size:clamp(14px,1.25vw,18px);margin:0 0 22px}
body#index .sa-hero-overlay__actions{display:flex;gap:10px;flex-wrap:wrap}
body#index .sa-hero-overlay__button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;font-weight:700;font-size:13px;line-height:1.3;border-radius:9px;text-decoration:none;text-shadow:none;transition:transform .15s ease}
body#index .sa-hero-overlay__button--primary{background:#222;border:1px solid rgba(255,255,255,.25);color:#fff}
body#index .sa-hero-overlay__button--secondary{background:#fff;border:1px solid #fff;color:#222}
body#index .sa-hero-overlay__button--primary:hover{color:#fff}
body#index .sa-hero-overlay__button--secondary:hover{color:#222}
body#index .sa-hero-overlay__button:hover{transform:translateY(-2px)}
body#index .sa-hero-overlay__button span{margin-left:12px;font-size:16px}
body#index .sa-home-feature .sa-hero-overlay{padding:18px 25px!important}
body#index .sa-home-feature .sa-hero-overlay h2{font-size:clamp(20px,2.2vw,34px)}
@media(max-width:767px){body#index #slider_row.sa-hero-slider-row::after{background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.23))}body#index #slider_row.sa-hero-slider-row .sa-hero-overlay{padding:10px 15px}body#index .sa-hero-overlay__eyebrow{font-size:9px;margin-bottom:6px}body#index .sa-hero-overlay h2{font-size:clamp(18px,4.4vw,28px);margin-bottom:6px}body#index .sa-hero-overlay p{font-size:11px;margin-bottom:9px;line-height:1.35}body#index .sa-hero-overlay__actions{gap:6px}body#index .sa-hero-overlay__button{min-height:30px;padding:6px 9px;font-size:10px;border-radius:6px}body#index .sa-hero-overlay__button span{display:none}}
@media(max-width:420px){body#index .sa-hero-overlay__eyebrow,body#index .sa-hero-overlay p{display:none}body#index .sa-hero-overlay h2{font-size:18px;margin-bottom:7px}body#index .sa-hero-overlay__button{font-size:9px;min-height:28px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){body#index .sa-hero-overlay__button{transition:none}}

/* V11 - correction du véritable parent du diaporama et superposition du texte.
   Le V10 utilisait une classe mal échappée dans layout-both-columns.tpl,
   laissant les styles de positionnement inactifs. */
body#index #slider_row,
body#index #slider_row.sa-hero-slider-row {
  position: relative !important;
  isolation: isolate;
}
body#index #slider_row > #top_column {
  position: relative;
  z-index: 0;
}
body#index #slider_row > .sa-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin: 0 !important;
  pointer-events: none;
  padding: clamp(16px,4vw,64px) max(24px,calc((100vw - 1170px)/2)) !important;
}
body#index #slider_row > .sa-hero-overlay .sa-hero-overlay__inner {
  max-width: 480px;
  margin: 0;
}
body#index #slider_row > .sa-hero-overlay a {pointer-events: auto;}
body#index #slider_row > .sa-hero-overlay + .clearfix {display:none;}
@media(max-width:767px) {
  body#index #slider_row > .sa-hero-overlay {padding:12px 20px !important;}
  body#index #slider_row > .sa-hero-overlay .sa-hero-overlay__inner {max-width:62%;}
}
@media(max-width:420px) {
  body#index #slider_row > .sa-hero-overlay {padding:8px 12px !important;}
  body#index #slider_row > .sa-hero-overlay .sa-hero-overlay__inner {max-width:68%;}
}