/* Giri Assistance — Lecteur audio premium (client + admin) */
.gaa-player{
  --gaa-accent: var(--accent, #c9a961);
  --gaa-accent-2: var(--accent-2, #8b6914);
  --gaa-track: rgba(201,169,97,.26);
  width:100%;
  max-width:340px;
  box-sizing:border-box;
  padding:10px 13px;
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.05)),
    var(--bg-secondary, rgba(40,28,14,.42));
  border:1px solid rgba(201,169,97,.30);
  box-shadow:0 4px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.gaa-row{ display:flex; align-items:center; gap:11px; }

/* bouton play */
.gaa-play{
  flex:0 0 auto;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  border:0; cursor:pointer; padding:0;
  border-radius:50%;
  color:#fffaf2;
  background:radial-gradient(120% 120% at 30% 25%, #e9cd86 0%, var(--gaa-accent) 42%, var(--gaa-accent-2) 100%);
  box-shadow:0 3px 10px rgba(139,105,20,.42), inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
.gaa-play:hover{ transform:translateY(-1px) scale(1.04); filter:brightness(1.06); }
.gaa-play:active{ transform:scale(.95); }
.gaa-play svg{ margin-left:0; }
.gaa-player.playing .gaa-play{ box-shadow:0 0 0 4px rgba(201,169,97,.18), 0 3px 10px rgba(139,105,20,.5); }

/* waveform */
.gaa-wave{
  flex:1 1 auto;
  display:flex; align-items:center; gap:2px;
  height:34px; min-width:60px;
  cursor:pointer; touch-action:none;
  outline:none;
}
.gaa-wave:focus-visible{ box-shadow:0 0 0 2px rgba(201,169,97,.5); border-radius:6px; }
.gaa-bar{
  flex:1 1 0; min-width:2px; max-width:5px;
  height:30%;
  border-radius:3px;
  background:var(--gaa-track);
  transition:background .12s ease, transform .12s ease;
}
.gaa-bar.on{
  background:linear-gradient(180deg, #f0d999, var(--gaa-accent));
  box-shadow:0 0 5px rgba(201,169,97,.5);
}
.gaa-player.playing .gaa-bar.on:last-of-type{ transform:scaleY(1.08); }

/* temps */
.gaa-time{
  flex:0 0 auto;
  font-variant-numeric:tabular-nums;
  font-size:12px; font-weight:600;
  letter-spacing:.02em;
  color:var(--text-soft, rgba(245,236,220,.82));
  min-width:34px; text-align:right;
}

/* vitesse */
.gaa-speed{
  flex:0 0 auto;
  border:1px solid rgba(201,169,97,.42);
  background:rgba(201,169,97,.10);
  color:var(--gaa-accent);
  font-size:11px; font-weight:700;
  padding:4px 8px; border-radius:999px;
  cursor:pointer; line-height:1;
  font-variant-numeric:tabular-nums;
  transition:background .15s ease, color .15s ease;
}
.gaa-speed:hover{ background:var(--gaa-accent); color:#2a1d08; }

/* download — premium (même famille visuelle que le bouton play) */
.gaa-dl{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%;
  color:var(--gaa-accent); text-decoration:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.04)),
    rgba(201,169,97,.14);
  border:1px solid rgba(201,169,97,.42);
  box-shadow:0 2px 8px rgba(139,105,20,.24), inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease, background .2s ease, color .2s ease;
}
.gaa-dl svg{ filter:drop-shadow(0 1px 1px rgba(0,0,0,.12)); }
.gaa-dl:hover{
  transform:translateY(-1px) scale(1.07);
  background:radial-gradient(120% 120% at 30% 25%, #e9cd86 0%, var(--gaa-accent) 55%, var(--gaa-accent-2) 100%);
  color:#2a1d08;
  box-shadow:0 3px 12px rgba(139,105,20,.42), inset 0 1px 0 rgba(255,255,255,.32);
}
.gaa-dl:active{ transform:scale(.93); }

.gaa-player audio{ display:none !important; }

/* légère adaptation thèmes clairs */
html[data-theme="light"] .gaa-player,
body.light .gaa-player{
  background:linear-gradient(180deg, #fffdf7, #f7efdd);
  border-color:rgba(139,105,20,.30);
}
html[data-theme="light"] .gaa-time,
body.light .gaa-time{ color:#6b5836; }
html[data-theme="light"] .gaa-dl,
body.light .gaa-dl{ color:#8b6914; border-color:rgba(139,105,20,.35); background:rgba(139,105,20,.08); }

@media (max-width:420px){
  .gaa-player{ max-width:100%; }
  .gaa-speed{ padding:4px 6px; }
}