/* Ski Le Rocher — bannières d'ambiance, 28 octobre 2026, filtre doux de contraste.
 * Photos décoratives générées : ne représentent pas nécessairement le lieu réel.
 * Le texte FR/EN demeure dans le HTML. Cette feuille ne touche ni GPS ni cartes. */
body[data-page="pistes"] .page-hero,
body[data-page="horaire"] .page-hero,
body[data-page="apropos"] .page-hero {
  box-sizing: border-box;
  min-height: 290px;
  display: flex;
  align-items: center;
  background-color: #173d57;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 52%;
}
body[data-page="pistes"] .page-hero {
  background-image:
    linear-gradient(90deg, rgba(7,24,35,.72) 0%, rgba(7,24,35,.50) 30%, rgba(7,24,35,.19) 64%, rgba(7,24,35,.05) 100%),
    url("/assets/images/banniere-pistes.webp");
}
body[data-page="horaire"] .page-hero {
  background-image:
    linear-gradient(90deg, rgba(7,24,35,.74) 0%, rgba(7,24,35,.54) 32%, rgba(7,24,35,.20) 66%, rgba(7,24,35,.05) 100%),
    url("/assets/images/banniere-ski-de-fond.webp");
}
body[data-page="apropos"] .page-hero {
  background-image:
    linear-gradient(90deg, rgba(7,24,35,.74) 0%, rgba(7,24,35,.54) 34%, rgba(7,24,35,.22) 72%, rgba(7,24,35,.06) 100%),
    url("/assets/images/banniere-neige.webp");
}
body[data-page="pistes"] .page-hero .content-shell,
body[data-page="horaire"] .page-hero .content-shell,
body[data-page="apropos"] .page-hero .content-shell {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 40px));
}
body[data-page="pistes"] .page-hero h1,
body[data-page="horaire"] .page-hero h1,
body[data-page="apropos"] .page-hero h1 {
  color: #fff;
  text-shadow: 0 2px 18px rgba(0,0,0,.21);
}
body[data-page="pistes"] .page-hero p:not(.eyebrow),
body[data-page="horaire"] .page-hero p:not(.eyebrow),
body[data-page="apropos"] .page-hero p:not(.eyebrow) {
  color: #fff;
  text-shadow: 0 1px 9px rgba(0,0,0,.37);
  max-width: 650px;
}
body[data-page="tarifs"] .shop-hero {
  background-color: #173d57;
  background-image:
    linear-gradient(90deg, rgba(7,24,35,.76) 0%, rgba(7,24,35,.56) 32%, rgba(7,24,35,.23) 72%, rgba(7,24,35,.07) 100%),
    url("/assets/images/banniere-equipement.webp");
  background-position: center 55%;
  background-size: cover;
  background-repeat: no-repeat;
}
body[data-page="tarifs"] .shop-hero:before {
  display: none; /* retirer les cercles de l'ancien bandeau uni */
}
body.member-body .client-main > .client-hero {
  background-color: #173d57;
  background-image:
    linear-gradient(90deg, rgba(7,24,35,.75) 0%, rgba(7,24,35,.55) 35%, rgba(7,24,35,.21) 74%, rgba(7,24,35,.06) 100%),
    url("/assets/images/banniere-raquette.webp");
  background-position: center 54%;
  background-size: cover;
  background-repeat: no-repeat;
}
body.member-body .client-main > .client-hero h1,
body.member-body .client-main > .client-hero .member-overline,
body.member-body .client-main > .client-hero #client-greeting {
  color: #fff;
  text-shadow: 0 1px 10px rgba(0,0,0,.35);
}
@media (max-width: 680px) {
  body[data-page="pistes"] .page-hero,
  body[data-page="horaire"] .page-hero,
  body[data-page="apropos"] .page-hero {
    min-height: 225px;
    padding: 44px 0 42px;
    background-position: 62% center;
  }
  body[data-page="pistes"] .page-hero,
  body[data-page="horaire"] .page-hero,
  body[data-page="apropos"] .page-hero,
  body[data-page="tarifs"] .shop-hero,
  body.member-body .client-main > .client-hero {
    /* Les images restent nettes sur mobile; seul le dégradé de base assure le contraste */
    background-blend-mode: normal;
  }
  body[data-page="pistes"] .page-hero .content-shell,
  body[data-page="horaire"] .page-hero .content-shell,
  body[data-page="apropos"] .page-hero .content-shell {
    width: calc(100% - 32px);
  }
  body[data-page="tarifs"] .shop-hero { background-position: 60% center; }
  body.member-body .client-main > .client-hero { background-position: 62% center; }
}
@media (max-width: 420px) {
  body[data-page="pistes"] .page-hero,
  body[data-page="horaire"] .page-hero,
  body[data-page="apropos"] .page-hero {
    background-position: 66% center;
  }
}

/* Nos souvenirs : même traitement panoramique que les autres pages. */
body[data-page="galerie"] .gallery-hero {
  min-height: 290px;
  display: flex;
  align-items: center;
  background-color: #173d57;
  background-image: linear-gradient(90deg, rgba(7,24,35,.74) 0%, rgba(7,24,35,.49) 35%, rgba(7,24,35,.18) 72%, rgba(7,24,35,.05) 100%), url("/assets/images/banniere-equipement.webp");
  background-position: center 52%;
  background-size: cover;
  background-repeat: no-repeat;
}
body[data-page="galerie"] .gallery-hero h1,
body[data-page="galerie"] .gallery-hero p { color: #fff; text-shadow: 0 2px 14px rgba(0,0,0,.35); }
@media (max-width: 680px) {
  body[data-page="galerie"] .gallery-hero { min-height:225px; padding:44px 0 42px; background-position:62% center; }
}