/*
Theme Name: Bako
Theme URI: http://pxltheme.club/wp/bako
Author: PxlSolutions
Author URI: http://www.pxltheme.club/
Description: Personal Portfolio & Resume WordPress Theme
Version: 1.0.1
License: GNU General Public License
License URI: https://themeforest.net/licenses
Text Domain: bako
*/

/* استایل پایه برای همه پخش‌کننده‌ها */
.voice-player {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  background: transparent;
  border: none;
  outline: none;
}

/* استایل پنل کنترل‌ها */
.voice-player::-webkit-media-controls-panel {
  background: rgb(209, 219, 231);
  border-radius: 10px;
}

.amin::-webkit-media-controls-panel {
  background: rgb(231, 209, 219);
}

.mohammad::-webkit-media-controls-panel {
  background: rgb(219, 231, 209);
}

/* استایل دکمه‌ها */
.voice-player::-webkit-media-controls-play-button,
.voice-player::-webkit-media-controls-mute-button {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.shahriyar::-webkit-media-controls-play-button,
.shahriyar::-webkit-media-controls-mute-button {
  color: #6a11cb;
}

.amin::-webkit-media-controls-play-button,
.amin::-webkit-media-controls-mute-button {
  color: #cb116a;
}

.mohammad::-webkit-media-controls-play-button,
.mohammad::-webkit-media-controls-mute-button {
  color: #11cb6a;
}

/* حالت hover دکمه‌ها */
.voice-player::-webkit-media-controls-play-button:hover,
.voice-player::-webkit-media-controls-mute-button:hover {
  background-color: rgba(255, 255, 255, 1);
}

/* نمایش زمان پخش */
.voice-player::-webkit-media-controls-current-time-display,
.voice-player::-webkit-media-controls-time-remaining-display {
  color: #333;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
}

/* واکنش‌گرا برای موبایل */
@media (max-width: 768px) {
  .voice-player {
    max-width: 90%;
  }
}