/* BallPosition — bandeaux illustrés et raccourci Notifications.
   Visuels WebP originaux BallPosition, optimisés pour les bandeaux.
   Les pages d'accueil et logiciel conservent leurs propres héros. */
body[data-bp-universe="training"]{--bp-banner-photo:url('../assets/banner-training.webp')}
body[data-bp-universe="creations"]{--bp-banner-photo:url('../assets/banner-creations.webp')}
body[data-bp-universe="notebook"]{--bp-banner-photo:url('../assets/banner-notebook.webp')}
body[data-bp-universe="community"]{--bp-banner-photo:url('../assets/banner-community.webp')}
body[data-bp-universe="clubs"]{--bp-banner-photo:url('../assets/banner-clubs.webp')}
body[data-bp-universe="competitions"]{--bp-banner-photo:url('../assets/banner-competitions.webp')}
body[data-bp-universe="software"]{--bp-banner-photo:url('../assets/home-screen.webp')}
body[data-bp-universe="offers"]{--bp-banner-photo:url('../assets/banner-offers.webp')}
body[data-bp-universe="account"]{--bp-banner-photo:url('../assets/banner-account.webp')}
body[data-bp-universe="notifications"]{--bp-banner-photo:url('../assets/banner-account.webp')}
body[data-bp-universe="support"]{--bp-banner-photo:url('../assets/banner-home.webp')}
body[data-bp-universe="home"]{--bp-banner-photo:url('../assets/banner-home.webp')}
body[data-bp-universe] .bp-structure-hero,
body[data-bp-universe] .page-head{
  background-color:#071723;
  background-image:linear-gradient(95deg,rgba(5,16,27,.78) 0%,rgba(5,17,28,.42) 46%,rgba(4,16,26,.14) 100%),var(--bp-banner-photo);
  background-position:center,center 55%;
  background-size:cover;
  background-repeat:no-repeat;
  color:#f4f8fc;
  border-bottom:1px solid rgba(255,255,255,.13);
}
body[data-bp-universe] .bp-structure-hero{padding-top:clamp(32px,4vw,62px);padding-bottom:clamp(34px,4vw,62px)}
body[data-bp-universe] .page-head:not(.cn-heading){padding-top:clamp(38px,4vw,64px);padding-bottom:clamp(38px,4vw,64px);min-height:210px}
body[data-bp-universe] .page-head.cn-heading{padding-top:clamp(22px,3vw,43px);padding-bottom:clamp(22px,3vw,43px);margin-bottom:24px}
body[data-bp-universe] .page-head h1,body[data-bp-universe] .page-head h2,
body[data-bp-universe] .page-head p,body[data-bp-universe] .page-head .eyebrow,
body[data-bp-universe] .bp-structure-hero h1,body[data-bp-universe] .bp-structure-hero h2,
body[data-bp-universe] .bp-structure-hero p,
body[data-bp-universe] .bp-structure-hero .bp-crumbs,
body[data-bp-universe] .bp-structure-hero .bp-crumbs [aria-current=page]{color:#f5f8fc}
body[data-bp-universe] .page-head p,body[data-bp-universe] .bp-structure-hero p{color:#d8e3ee}
body[data-bp-universe] .bp-structure-hero .bp-crumbs a{color:#e4eff8}
body[data-bp-universe] .bp-structure-hero .bp-kicker,
body[data-bp-universe] .page-head .text-heat{color:#ff9e54}
body[data-bp-universe] .bp-structure-hero .btn-outline{color:#fff;border-color:#ffffff75}
body[data-bp-universe] .page-head .container,
body[data-bp-universe] .bp-structure-hero .container{position:relative;z-index:1}
.site-header .nav-tools .bp-notify-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  width:38px;
  min-width:38px;
  height:38px;
  border:1px solid var(--stroke);
  border-radius:9px;
  color:var(--text);
  background:var(--panel-soft);
  transition:color .2s,border-color .2s;
}
.site-header .nav-tools .bp-notify-link:hover,
.site-header .nav-tools .bp-notify-link[aria-current=page]{color:var(--accent);border-color:var(--accent)}
.site-header .nav-tools .bp-notify-link svg{display:block;width:19px;height:19px;flex:none}
.site-header .nav-tools .bp-notify-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1340px){
  .site-header .nav-tools .bp-notify-link{display:inline-flex!important;flex:0 0 38px;width:38px;min-width:38px}
  .site-header .nav-shell{min-width:0;gap:7px}
  .site-header .nav-tools{min-width:0;gap:5px;flex:0 0 auto}
}
@media(max-width:700px){
  body[data-bp-universe] .page-head:not(.cn-heading){min-height:155px;padding-top:31px;padding-bottom:31px}
  body[data-bp-universe] .bp-structure-hero{padding-top:26px;padding-bottom:31px}
  body[data-bp-universe] .bp-structure-hero h1{font-size:clamp(42px,10vw,62px)}
  body[data-bp-universe] .page-head.cn-heading{margin-bottom:15px}
  .site-header .nav-tools .bp-notify-link{flex:0 0 34px;width:34px;min-width:34px;height:34px}
}
@media(max-width:420px){
  .site-header .nav-tools .bp-notify-link{flex:0 0 32px;width:32px;min-width:32px;height:34px}
  .site-header .nav-tools{gap:3px}
}
@media(prefers-reduced-motion:reduce){.site-header .nav-tools .bp-notify-link{transition:none}}

/* Les règles historiques cachent tous les contrôles sauf menu/compte/panier sur mobile.
   Donner explicitement priorité à la cloche, y compris dans Mon carnet. */
@media(max-width:1340px){
 body .site-header .nav-tools > a.bp-notify-link:not(#menuToggle):not(.header-cart):not(.bp-mobile-account-shortcut){display:inline-flex!important}
}
