/**
 * SEO MAG Podcast Creator - frontend player styles.
 *
 * Minimalne style dla shortcode'ow [smpc_player] i [smpc_video].
 * Wykorzystuje natywne kontrolki <audio> i <video> HTML5.
 */

.smpc-player,
.smpc-video {
  margin: 1.5em 0;
  max-width: 100%;
}

.smpc-player__audio {
  width: 100%;
  display: block;
  border-radius: 8px;
  background: #F3F4F6;
}

.smpc-video__player {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  background: #000000;
  aspect-ratio: 16 / 9;
}

.smpc-player-error,
.smpc-video-error {
  margin: 1.5em 0;
  padding: 12px 16px;
  background: #FEF2F2;
  border-left: 3px solid #EF4444;
  color: #1F2937;
  font-size: 14px;
  border-radius: 6px;
}

.smpc-player-error em,
.smpc-video-error em {
  font-style: normal;
  color: #4B5563;
}