/* BunsBet Casino - styles propres a la page Support */

/* Cartes contact : hauteurs egales dans la grille (une seule colonne sous 960 px). */
.bb-trio>.bb-spot{height:100%}

/* Taille du pictogramme : source unique, reprise par le titre pour l'alignement. */
.bb-spot{--bb-ico:46px}
.bb-spot__ico{flex:0 0 var(--bb-ico);width:var(--bb-ico);height:var(--bb-ico)}

/* Titre d'une carte contact (ancien h3, rendu visuel identique).
   Selecteur descendant obligatoire : il doit primer sur `.bb-spot p` de core.css.
   La hauteur minimale cale le titre sur le centre du pictogramme. */
.bb-spot .bb-spot__hed{
  display:flex;align-items:center;min-height:var(--bb-ico);
  font-family:"Lilita One","Inter",system-ui,sans-serif;
  font-weight:400;
  font-size:clamp(1.15rem,1.8vw,1.45rem);
  line-height:1.12;
  letter-spacing:.4px;
  color:#fff;
  margin:0 0 4px;
}

/* Corps d'une carte contact : pas de debordement horizontal en flex,
   rythme vertical unique pour paragraphes, liste et badge. */
.bb-spot__body{min-width:0;overflow-wrap:break-word}
.bb-spot__body p{margin:0 0 .8em}
.bb-spot__body>:last-child{margin-bottom:0}

.bb-spot__list{
  list-style:none;margin:0 0 .8em;padding:0;
  font-size:.9rem;color:var(--bb-ink-soft);
}
.bb-spot__list li{
  position:relative;padding-left:16px;margin-bottom:.4em;
}
.bb-spot__list li:last-child{margin-bottom:0}
.bb-spot__list li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:6px;height:6px;border-radius:50%;background:var(--bb-orange);
}

.bb-spot__when{
  display:inline-block;margin-top:6px;max-width:100%;
  padding:5px 11px;border-radius:999px;
  background:rgba(245,158,11,.12);border:1px solid var(--bb-line-strong);
  font-size:.74rem;line-height:1.45;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bb-cheese);
}

.bb-table__cap{
  text-align:left;padding:0 0 10px;
  font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:800;color:var(--bb-ink-mute);
}

/* Encadre Joueurs Info Service : respiration avant l'encadre. */
.bb-prose .bb-panel{margin:26px 0 0}

.bb-band__art{
  width:150px;height:150px;border-radius:50%;object-fit:cover;
  margin:0 auto 18px;border:2px solid var(--bb-line-strong);
  box-shadow:0 12px 30px rgba(0,0,0,.5);
}

@media (max-width:640px){
  /* Titre de carte cale sur l'echelle typographique mobile de core.css. */
  .bb-spot .bb-spot__hed{font-size:1.12rem}

  /* Liens du centre d'aide : zone tactile de 40 px sans decaler la mise en page.
     L'ecart entre puces est elargi pour que deux zones ne se chevauchent pas. */
  .bb-spot__list li{margin-bottom:1.15em}
  .bb-spot__list a{position:relative}
  .bb-spot__list a::after{
    content:"";position:absolute;left:0;right:0;
    top:50%;transform:translateY(-50%);height:40px;
  }

  .bb-band__art{width:112px;height:112px;margin-bottom:14px}
}

/* Tres petits ecrans (360 px) : le pictogramme ne doit pas ecraser le texte. */
@media (max-width:400px){
  .bb-spot{--bb-ico:38px}
  .bb-spot__ico svg{width:19px;height:19px}
  .bb-band__art{width:96px;height:96px}
}