/* Commande musicale commune à toutes les pages, indépendante de la vidéo muette. */
.home-music {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 9;
  color: #5d5b52;
}
.home-music[hidden], .home-music audio { display: none; }
.label-intro-pending .home-music { visibility: hidden; }
.home-music__toggle {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 6px;
  border: 1px solid rgba(93, 91, 82, .15);
  border-radius: 50%;
  background: rgba(243, 241, 235, .94);
  box-shadow: 0 2px 14px rgba(40, 36, 29, .07);
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: opacity .2s ease;
}
.home-music__toggle:hover { opacity: .7; }
.home-music__toggle svg { width: 27px; height: 25px; overflow: visible; pointer-events: none; }
.home-music__waves { display: none; }
.home-music__toggle[aria-pressed="true"] .home-music__waves { display: block; }
.home-music__toggle[aria-pressed="true"] .home-music__cross { display: none; }
.home-music__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.home-music__status {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: min(260px, calc(100vw - 40px));
  padding: 10px 14px;
  border-radius: 3px;
  color: #35332c;
  background: #f3f1eb;
  font: 400 12px/1.5 var(--font-main);
}
.home-music__status:empty { display: none; }
@media (max-width: 700px) {
  .home-music {
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(18px + env(safe-area-inset-bottom));
  }
  .home-music__toggle { width: 46px; height: 46px; }
}
html[data-page-loading] a { cursor: progress; }
@media print { .home-music { display: none; } }