.elementor-1058 .elementor-element.elementor-element-486d02b{--display:flex;overflow:visible;}.elementor-1058 .elementor-element.elementor-element-d320d93{text-align:center;}.elementor-1058 .elementor-element.elementor-element-8106c83{--display:flex;overflow:visible;}.elementor-1058 .elementor-element.elementor-element-59bc05b{--spacer-size:25px;}.elementor-1058 .elementor-element.elementor-element-b96ec72{--display:flex;overflow:visible;}.elementor-1058 .elementor-element.elementor-element-3ad10d9 .ekit-audio-player .mejs-playpause-button button{font-size:12px;color:#ffffff;}.elementor-1058 .elementor-element.elementor-element-3ad10d9 .ekit-audio-player .mejs-playpause-button button:hover{color:#ffffff;}.elementor-1058 .elementor-element.elementor-element-3ad10d9 .ekit-audio-player .mejs-time-total .mejs-time-hovered{background:#FFFFFF00;}.elementor-1058 .elementor-element.elementor-element-3ad10d9 .ekit-audio-player .mejs-time span{font-size:12px;}.elementor-1058 .elementor-element.elementor-element-3ad10d9 .ekit-audio-player .mejs-volume-button button{font-size:12px;color:#ffffff;}.elementor-1058 .elementor-element.elementor-element-3ad10d9 .ekit-audio-player .mejs-volume-button button:hover{color:#ffffff;}@media(max-width:767px){.elementor-1058 .elementor-element.elementor-element-d320d93 .elementor-heading-title{line-height:1.5em;}}/* Start custom CSS for container, class: .elementor-element-b96ec72 *//* =========================
   ONE-BOX Podcast Player UI
   Wrapper class on Container: podcast-box
   Put header HTML + audio widget inside this container
   ========================= */

.podcast-box{
  --pp-bg:#0b1220;
  --pp-bg2:#111a2e;
  --pp-text:#f6f8ff;
  --pp-muted:rgba(246,248,255,.68);
  --pp-border:rgba(255,255,255,.10);
  --pp-accent:#67e8f9;
  --pp-accent2:#8b5cf6;
  --pp-radius:18px;
  --pp-shadow: 0 18px 55px rgba(0,0,0,.45);

  background:
    radial-gradient(900px 320px at 10% 0%, rgba(103,232,249,.12), transparent 60%),
    radial-gradient(700px 320px at 95% 30%, rgba(139,92,246,.14), transparent 55%),
    linear-gradient(180deg, var(--pp-bg), var(--pp-bg2));
  border: 1px solid var(--pp-border);
  border-radius: var(--pp-radius);
  box-shadow: var(--pp-shadow);
  overflow: hidden;

  /* spacing inside one box */
  padding: 16px;
}

/* remove extra inner backgrounds some widgets add */
.podcast-box .elementor-widget-container,
.podcast-box .ekit-wid-con{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Header area */
.podcast-box .podcast-head{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 6px 4px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 12px;
}

/* Equalizer */
.podcast-box .podcast-eq{
  width: 44px;
  height: 44px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  padding: 9px 7px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  flex-shrink: 0;
}
.podcast-box .podcast-eq span{
  display:block;
  width:4px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--pp-accent), var(--pp-accent2));
  transform-origin: bottom;
  animation: ppEq 1s ease-in-out infinite;
  opacity: .9;
}
.podcast-box .podcast-eq span:nth-child(1){ animation-delay: 0s;   height: 35%; }
.podcast-box .podcast-eq span:nth-child(2){ animation-delay: .12s; height: 78%; }
.podcast-box .podcast-eq span:nth-child(3){ animation-delay: .24s; height: 55%; }
.podcast-box .podcast-eq span:nth-child(4){ animation-delay: .36s; height: 92%; }
.podcast-box .podcast-eq span:nth-child(5){ animation-delay: .48s; height: 45%; }

@keyframes ppEq{
  0%,100%{ transform: scaleY(.45); opacity:.65; }
  50%{ transform: scaleY(1); opacity:1; }
}

/* Text */
.podcast-box .podcast-meta{ min-width:0; }
.podcast-box .podcast-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  color: var(--pp-accent);
  margin-bottom: 6px;
}
.podcast-box .podcast-badge::before{
  content:"";
  width:8px; height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow: 0 0 0 6px rgba(34,197,94,.10), 0 0 12px rgba(34,197,94,.55);
}
.podcast-box .podcast-title{
  color: var(--pp-text);
  font-weight: 850;
  font-size: 18px;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.podcast-box .podcast-subtitle{
  margin-top: 4px;
  color: var(--pp-muted);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Audio widget styling (native audio) */
.podcast-box audio{
  width: 100%;
  display:block;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
}

/* Chrome/Edge */
.podcast-box audio::-webkit-media-controls-enclosure{
  background: rgba(255,255,255,.06);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  padding: 10px;
}
.podcast-box audio::-webkit-media-controls-panel{ background: transparent; }
.podcast-box audio::-webkit-media-controls-current-time-display,
.podcast-box audio::-webkit-media-controls-time-remaining-display{
  color: var(--pp-text);
  font-weight: 700;
}
.podcast-box audio::-webkit-media-controls-timeline{
  margin: 0 10px;
}

/* Responsive */
@media (max-width: 767px){
  .podcast-box{ padding: 14px; border-radius: 16px; }
  .podcast-box .podcast-title{ font-size: 16px; white-space: normal; overflow: visible; }
  .podcast-box .podcast-subtitle{ white-space: normal; overflow: visible; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .podcast-box .podcast-eq span{ animation:none !important; }
}


/* =========================
   PODCAST PLAYER - AUDIO AREA
   Use inside .podcast-box
   ========================= */

.podcast-box .elementor-widget-audio,
.podcast-box .elementor-widget-elementskit-audio-player,
.podcast-box .ekit-audio-player,
.podcast-box .elementor-widget-container{
  position: relative;
}

/* باکس داخلی پلیر */
.podcast-box .podcast-player-area,
.podcast-box .ekit-audio-player,
.podcast-box .elementor-widget-audio{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(8px);
}

/* اگر المنت‌کیت wrapper داخلی داشت */
.podcast-box .ekit-audio-player *,
.podcast-box .elementor-widget-audio *{
  box-sizing: border-box;
}

/* خود audio */
.podcast-box audio{
  width: 100%;
  display: block;
  border-radius: 14px;
  outline: none;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.18));
  background: rgba(255,255,255,.06);
}

/* Webkit player shell */
.podcast-box audio::-webkit-media-controls-enclosure{
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 30px rgba(0,0,0,.20);
  padding: 10px;
}

/* control panel */
.podcast-box audio::-webkit-media-controls-panel{
  background: transparent;
}

/* play button */
.podcast-box audio::-webkit-media-controls-play-button{
  background-color: rgba(103,232,249,.14);
  border-radius: 50%;
}

/* timeline */
.podcast-box audio::-webkit-media-controls-timeline{
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 999px;
}

/* volume slider */
.podcast-box audio::-webkit-media-controls-volume-slider{
  border-radius: 999px;
  padding: 0 4px;
}

/* time text */
.podcast-box audio::-webkit-media-controls-current-time-display,
.podcast-box audio::-webkit-media-controls-time-remaining-display{
  color: #f8fbff;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
}

/* سایر کنترل‌ها */
.podcast-box audio::-webkit-media-controls-mute-button,
.podcast-box audio::-webkit-media-controls-fullscreen-button{
  border-radius: 8px;
}

/* فایرفاکس - محدودتره */
.podcast-box audio{
  color-scheme: dark;
}

/* اگر المنت‌کیت لینک دانلود/عنوان داخلی می‌سازه */
.podcast-box .ekit-audio-player a,
.podcast-box .elementor-widget-audio a{
  color: #67e8f9;
  text-decoration: none;
}
.podcast-box .ekit-audio-player a:hover,
.podcast-box .elementor-widget-audio a:hover{
  color: #8b5cf6;
}

/* اگر عنوان داخلی پلیر داشت */
.podcast-box .ekit-audio-player .title,
.podcast-box .ekit-audio-player .audio-title,
.podcast-box .elementor-widget-audio .elementor-heading-title{
  color: #f8fbff;
  font-weight: 700;
}

/* اگر دکمه دانلود یا اکشن داشت */
.podcast-box .ekit-audio-player button,
.podcast-box .ekit-audio-player .btn,
.podcast-box .elementor-widget-audio button{
  background: linear-gradient(135deg, #67e8f9, #8b5cf6);
  color: #081120;
  border: 0;
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 700;
  transition: .25s ease;
}
.podcast-box .ekit-audio-player button:hover,
.podcast-box .ekit-audio-player .btn:hover,
.podcast-box .elementor-widget-audio button:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(139,92,246,.25);
}

/* spacing between head and player if needed */
.podcast-box .elementor-widget-audio,
.podcast-box .elementor-widget-elementskit-audio-player,
.podcast-box .ekit-audio-player{
  margin-top: 0 !important;
}

/* mobile */
@media (max-width: 767px){
  .podcast-box .podcast-player-area,
  .podcast-box .ekit-audio-player,
  .podcast-box .elementor-widget-audio{
    padding: 10px;
    border-radius: 14px;
  }

  .podcast-box audio::-webkit-media-controls-enclosure{
    padding: 8px;
  }
}/* End custom CSS */