.elementor-465 .elementor-element.elementor-element-5b1ea0e{--display:flex;}.elementor-465 .elementor-element.elementor-element-843149d{--display:flex;}.elementor-465 .elementor-element.elementor-element-b804b71{--display:flex;}.elementor-465 .elementor-element.elementor-element-564cbd2{--display:flex;}.elementor-465 .elementor-element.elementor-element-7075a3c{--display:flex;}.elementor-465 .elementor-element.elementor-element-6f0db0b{--display:flex;}/* Start custom CSS */<style>
/* === Icône SON via CSS mask (aucune dépendance aux styles SVG du thème) === */
/* Base du bouton : tu gardes tes styles actuels. On n'ajoute QUE les pseudo-éléments. */
.sound-toggle{position:relative;}

/* Speaker (jaune) — commun ON/OFF */
.sound-toggle::before{
  content:"";
  display:block;
  width:24px; height:24px;
  background-color:#F4E04D;              /* JAUNE du site */
  /* Masque : forme du haut-parleur */
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M10 4 L6.8 7 H4 v10 h2.8 L10 20 V4 Z'/>\
</svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M10 4 L6.8 7 H4 v10 h2.8 L10 20 V4 Z'/>\
</svg>") no-repeat center / contain;
}

/* ONDES (ON uniquement) : on ajoute un 2e masque en fond via ::after */
.sound-toggle[data-state="on"]::after{
  content:"";
  position:absolute; inset:auto 9px 9px auto;  /* place les ondes à droite-bas du bouton */
  width:24px; height:24px;
  background-color:#F4E04D;                    /* mêmes couleur & taille */
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M15 9a4 4 0 0 1 0 6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/>\
<path d='M17.3 6.7a7.5 7.5 0 0 1 0 10.6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/>\
</svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M15 9a4 4 0 0 1 0 6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/>\
<path d='M17.3 6.7a7.5 7.5 0 0 1 0 10.6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/>\
</svg>") no-repeat center / contain;
}

/* BARRE DE MUTE (OFF uniquement) */
.sound-toggle[data-state="off"]::after{
  content:"";
  position:absolute; inset:auto 9px 9px auto;
  width:24px; height:24px;
  background-color:#111;                      /* barre noire pour contraste */
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M15 8.5l6 6M21 8.5l-6 6' stroke='black' stroke-width='2.25' stroke-linecap='round' fill='none'/>\
</svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M15 8.5l6 6M21 8.5l-6 6' stroke='black' stroke-width='2.25' stroke-linecap='round' fill='none'/>\
</svg>") no-repeat center / contain;
}

/* Ajuste un peu la position si besoin selon ton padding interne du bouton */
.sound-toggle{display:inline-flex; align-items:center; justify-content:center;}
.sound-toggle::before{ /* centre le pictogramme principal */
  margin:0;
}

/* Mobile : réduit légèrement */
@media (max-width:767px){
  .sound-toggle::before,
  .sound-toggle::after{ width:22px; height:22px; }
}
</style>/* End custom CSS */