/* Ηχητικές ειδήσεις. Sits above the article, out of the way of the text. */

/* `hidden` is only an attribute, and a theme rule with a real selector beats
   its default styling. Scoped to our own block. */
.xtaudio [hidden] { display: none !important; }

.xtaudio { margin: 0 0 1.2em; }

.xtaudio__button {
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  /* 44px: the smallest comfortable tap target on a phone. */
  min-height: 44px;
  padding: 0.5em 1.1em;
  font: inherit;
  font-weight: 600;
  color: inherit;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 999px;
}
.xtaudio__button:hover { background: rgba(0, 0, 0, 0.08); }
.xtaudio__button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.xtaudio__icon { font-size: 0.9em; line-height: 1; }
.xtaudio.is-busy .xtaudio__button { opacity: 0.6; cursor: progress; }

.xtaudio__player { width: 100%; max-width: 420px; margin-top: 0.3em; }

.xtaudio__message:empty { display: none; }
.xtaudio__message { margin: 0.4em 0 0; font-size: 0.9em; opacity: 0.85; }