/* PRATINIUM v310 — Mon compte : remplacer le bloc hero par le bandeau bleu de connexion
   Objectif : bloc identique à l'esprit de la page connexion, avec le texte demandé. */
html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero,
html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero,
html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero,
html body#my-account .pratinium-v188-dashboard .pratinium-v310-auth-hero,
html body.page-my-account .pratinium-v188-dashboard .pratinium-v310-auth-hero,
html body[class*="my-account"] .pratinium-v188-dashboard .pratinium-v310-auth-hero{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:178px!important;
  width:100%!important;
  margin:0 0 0!important;
  padding:46px 86px!important;
  border-radius:32px 32px 0 0!important;
  border:0!important;
  background:
    radial-gradient(560px 260px at 88% 28%, rgba(45, 189, 230, .32), transparent 66%),
    linear-gradient(112deg, #0c2242 0%, #12365e 42%, #258eb7 100%)!important;
  box-shadow:none!important;
}
html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero::before,
html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero::before,
html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero::before{
  content:""!important;
  position:absolute!important;
  inset:auto 44px -80px auto!important;
  width:190px!important;
  height:190px!important;
  border-radius:42px!important;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.13) 0 2px, transparent 2px 14px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  transform:rotate(8deg)!important;
  pointer-events:none!important;
}
html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero::after,
html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero::after,
html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero::after{
  content:""!important;
  position:absolute!important;
  right:-36px!important;
  top:-42px!important;
  width:240px!important;
  height:240px!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(255,255,255,.10), transparent 62%)!important;
  pointer-events:none!important;
}
html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy,
html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy,
html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy{
  position:relative!important;
  z-index:2!important;
  max-width:860px!important;
}
html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy p,
html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy p,
html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy p{
  display:block!important;
  max-width:900px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(26px, 3.05vw, 44px)!important;
  line-height:1.16!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  text-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-visual,
html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-visual,
html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-visual{
  display:none!important;
}
@media (max-width: 991px){
  html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero,
  html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero,
  html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero{
    min-height:150px!important;
    padding:34px 34px!important;
    border-radius:26px 26px 0 0!important;
  }
}
@media (max-width: 575px){
  html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero,
  html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero,
  html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero{
    min-height:128px!important;
    padding:26px 22px!important;
    border-radius:22px 22px 0 0!important;
  }
  html body#my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy p,
  html body.page-my-account .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy p,
  html body[class*="my-account"] .pratinium-v203-dashboard .pratinium-v203-hero .pratinium-v188-hero-copy p{
    font-size:24px!important;
    line-height:1.18!important;
  }
}