/* Daawah Audio Book Player - Styles v1.3.0 (RTL-aware) */
.abp-wrap{background:#2b2737;color:#fff;border-radius:12px;padding:16px;margin:0 0 18px;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.abp-inner{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
/* ثابت الترتيب: زر كبير يسار, الجسم وسط, الغلاف يمين في كل من RTL/LTR */
.abp-left{order:1;flex:0 0 64px;display:flex;align-items:center;justify-content:center}
.abp-body{order:2;flex:1 1 360px;min-width:220px}
.abp-cover{order:3;flex:0 0 120px}
.abp-cover img{width:120px;height:120px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3)}

.abp-bigplay{width:64px;height:64px;border-radius:50%;background:#fff;border:0;display:grid;place-items:center;cursor:pointer;position:relative;transition:transform .15s ease, box-shadow .15s ease}
.abp-bigplay:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.25)}
.abp-bigplay .abp-triangle{width:0;height:0;border-left:18px solid #e74c3c;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}
/* عند التشغيل نحول للوقفة المؤقتة */
.abp-bigplay.paused .abp-triangle{display:block}
.abp-bigplay.playing .abp-triangle{display:none}
.abp-bigplay.playing::before,
.abp-bigplay.playing::after{
  content:""; display:block; width:6px; height:22px;
  background:#e74c3c; position:absolute; border-radius:2px;
}
.abp-bigplay.playing::before{left:23px}
.abp-bigplay.playing::after{right:23px}

.abp-title{font-weight:700;margin-bottom:6px;font-size:1.06rem}
.abp-meta{opacity:.85;font-size:.92rem}
.abp-progress-row{display:flex;align-items:center;gap:12px;margin:8px 0}
/* نثبت اتجاه الشريط LTR حتى في صفحات RTL ليمتد من اليسار لليمين */
.abp-progress{flex:1;appearance:none;-webkit-appearance:none;height:6px;border-radius:6px;background:#3a3547;outline:none;direction:ltr}
.abp-progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #e74c3c;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.abp-times{white-space:nowrap;font-size:.92rem;opacity:.95}

.abp-controls{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.abp-controls button{background:#3a3547;color:#fff;border:0;border-radius:8px;padding:8px 10px;cursor:pointer;min-width:44px;transition:filter .15s ease}
.abp-controls button:hover{filter:brightness(1.08)}
.abp-play{font-size:1.05rem;background:#fff;color:#e74c3c;border:2px solid rgba(0,0,0,.06)}

@media (max-width:720px){
  .abp-left{flex:0 0 56px}
  .abp-bigplay{width:56px;height:56px}
  .abp-cover{flex:0 0 90px}
  .abp-cover img{width:90px;height:90px}
  .abp-body{flex-basis:100%;order:3}
  .abp-cover{order:2} /* على الموبايل نعرض الغلاف قبل الجسم قليلاً */
}

@media (max-width:460px){
  .abp-wrap{padding:12px}
  .abp-progress-row{flex-direction:column;align-items:stretch;gap:8px}
  .abp-times{align-self:flex-end}
}