/* 360 AXE — discreet site Listen / Ouvir control */
.axe-listen-btn{
  font-family:'Syne',system-ui,sans-serif;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:none;
  color:#c9a227;
  background:rgba(143,109,24,.12);
  border:1px solid rgba(201,162,39,.55);
  border-radius:999px;
  padding:.42rem .95rem;
  cursor:pointer;
  line-height:1.2;
  white-space:nowrap;
  transition:border-color .2s,color .2s,background .2s,opacity .2s;
  -webkit-appearance:none;
  appearance:none;
}
.axe-listen-btn:hover,
.axe-listen-btn:focus-visible{
  border-color:rgba(143,109,24,.85);
  color:#c9a227;
  background:rgba(143,109,24,.08);
  outline:none;
}
.axe-listen-btn.is-playing{
  border-color:rgba(143,109,24,.7);
  color:#c9a227;
  background:rgba(143,109,24,.12);
}
.axe-listen-btn:disabled{opacity:.45;cursor:wait}

/* Prefer as last nav item */
nav .nav-links .axe-listen-li{list-style:none;display:flex;align-items:center}
nav .nav-links .axe-listen-btn{margin:0}

/* Fallback fixed control (no nav found) */
.axe-listen-fab{
  position:fixed;
  z-index:48;
  right:1rem;
  bottom:1rem;
}
@media(min-width:721px){
  .axe-listen-fab{bottom:auto;top:1.05rem;right:1.25rem}
}

/* Voice sheet */
.axe-listen-sheet-backdrop{
  position:fixed;inset:0;z-index:60;
  background:rgba(7,9,15,.55);
  opacity:0;pointer-events:none;
  transition:opacity .2s ease;
}
.axe-listen-sheet-backdrop.open{opacity:1;pointer-events:auto}
.axe-listen-sheet{
  position:fixed;z-index:61;
  left:50%;bottom:1.25rem;
  transform:translateX(-50%) translateY(12px);
  width:min(320px,calc(100vw - 2rem));
  background:#0c1018;
  border:1px solid rgba(143,109,24,.35);
  border-radius:14px;
  padding:1.1rem 1.15rem 1rem;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.axe-listen-sheet.open{
  opacity:1;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.axe-listen-sheet h3{
  font-family:'Syne',system-ui,sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  color:rgba(232,228,220,.92);
  margin:0 0 .85rem;
}
.axe-listen-voices{display:flex;flex-direction:column;gap:.55rem}
.axe-listen-voice{
  font-family:'Syne',system-ui,sans-serif;
  font-size:.82rem;
  font-weight:600;
  text-align:left;
  color:#e8e4dc;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:.7rem .85rem;
  cursor:pointer;
  transition:border-color .15s,background .15s,color .15s;
}
.axe-listen-voice:hover,
.axe-listen-voice:focus-visible{
  border-color:rgba(143,109,24,.65);
  background:rgba(143,109,24,.1);
  color:#c9a227;
  outline:none;
}
.axe-listen-sheet-close{
  position:absolute;top:.55rem;right:.65rem;
  width:28px;height:28px;
  border:none;background:transparent;
  color:rgba(232,228,220,.45);
  font-size:1.1rem;line-height:1;cursor:pointer;
}
.axe-listen-sheet-close:hover{color:#c9a227}
.axe-listen-hidden{display:none !important}

@media(max-width:720px){
  nav .nav-links .axe-listen-li{display:none}
  .axe-listen-fab{display:block}
}
@media(min-width:721px){
  .axe-listen-fab.axe-listen-in-nav{display:none}
}
