/* © 2025-2026 Hamsat Quran - All Rights Reserved */
.ayah-play-btn{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:50%;background:rgba(212,175,55,.15);border:1.5px solid rgba(212,175,55,.3);color:var(--gold-primary,#d4af37);font-size:14px;cursor:pointer;opacity:0;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:5;padding:0;line-height:1}.ayah-playing .ayah-play-btn,.ayah:focus-within .ayah-play-btn,.ayah:hover .ayah-play-btn{opacity:1}.ayah-play-btn:active{transform:scale(.9);background:rgba(212,175,55,.3)}@media (max-width:768px){.ayah-play-btn{opacity:.6;width:28px;height:28px;font-size:12px}}.ayah{position:relative}.ayah-playing{background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(212,175,55,.15))!important;border-right:4px solid var(--gold-primary,#d4af37)!important;border-radius:12px;box-shadow:0 0 20px rgba(212,175,55,.15),inset 0 0 30px rgba(212,175,55,.05);animation:ayahGlow 2s ease-in-out infinite alternate;transition:all .4s ease}.ayah-playing .ayah-play-btn{opacity:1;background:var(--gold-primary,#d4af37);color:#fff;border-color:var(--gold-primary,#d4af37)}.ayah-paused{animation:none!important;border-right-color:rgba(212,175,55,.4)!important;box-shadow:0 0 10px rgba(212,175,55,.08)}@keyframes ayahGlow{0%{box-shadow:0 0 15px rgba(212,175,55,.1),inset 0 0 20px rgba(212,175,55,.03)}100%{box-shadow:0 0 25px rgba(212,175,55,.2),inset 0 0 40px rgba(212,175,55,.08)}}body.dark-mode .ayah-playing{background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(212,175,55,.2))!important;box-shadow:0 0 25px rgba(212,175,55,.2),inset 0 0 30px rgba(212,175,55,.08)}.mini-player{position:fixed;bottom:70px;left:0;right:0;background:linear-gradient(135deg,#0d1b2a,#1b2838);border-top:1px solid rgba(212,175,55,.3);z-index:99;transition:all .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.3);max-height:65px}.mini-player.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.mini-player-progress{height:3px;background:rgba(255,255,255,.1);cursor:pointer;position:relative}.mini-player-progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#e8c547);width:0%;transition:width .3s linear;border-radius:0 3px 3px 0}.mini-player-progress:hover{height:6px}.mini-player-content{display:flex;align-items:center;padding:8px 16px;gap:12px}.mini-player-left{flex:1;min-width:0}.mini-player-info{color:#fff;font-size:13px;font-weight:700;font-family:Tajawal,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-time{color:rgba(255,255,255,.5);font-size:11px;font-family:Tajawal,sans-serif;direction:ltr;text-align:right}.mini-player-controls{display:flex;align-items:center;gap:6px}.mp-btn{width:38px;height:38px;border-radius:50%;background:0 0;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.mp-btn:hover{background:rgba(255,255,255,.1)}.mp-btn:active{transform:scale(.9)}.mp-btn-play{width:44px;height:44px;background:linear-gradient(135deg,#d4af37,#b8960c);font-size:18px;box-shadow:0 2px 10px rgba(212,175,55,.4)}.mp-btn-play:hover{background:linear-gradient(135deg,#e8c547,#d4af37)}.mp-btn-sm{width:32px;height:32px;font-size:13px}.mini-player-right{display:flex;align-items:center;gap:4px}.mini-player-expanded{max-height:0;overflow:hidden;background:rgba(0,0,0,.3);transition:max-height .3s ease}.mini-player-expanded.show{max-height:200px;border-top:1px solid rgba(212,175,55,.15)}.mp-expanded-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:rgba(255,255,255,.7);font-size:13px;font-family:Tajawal,sans-serif}.mp-speed-btns{display:flex;gap:6px}.mp-speed-btn{padding:5px 10px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-size:12px;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .2s}.mp-speed-btn.active{background:rgba(212,175,55,.2);border-color:#d4af37;color:#d4af37;font-weight:700}.mp-speed-btn:hover{background:rgba(255,255,255,.15)}.mp-download-btn{padding:6px 16px;border-radius:12px;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.3);color:#d4af37;font-size:12px;font-family:Tajawal,sans-serif;font-weight:700;cursor:pointer;transition:all .2s}.mp-download-btn:hover{background:rgba(212,175,55,.25)}.mp-download-btn:disabled{opacity:.6;cursor:not-allowed}body.has-mini-player .main-content{padding-bottom:180px}body.has-mini-player .page-section{padding-bottom:180px}body.has-mini-player .ayat-container{padding-bottom:100px}@media (max-width:768px){.mini-player{bottom:max(64px,calc(60px + env(safe-area-inset-bottom)))}.mini-player-content{padding:6px 12px;gap:8px}.mini-player-info{font-size:12px}.mini-player-time{font-size:10px}.mp-btn{width:34px;height:34px;font-size:14px}.mp-btn-play{width:40px;height:40px;font-size:16px}.mp-btn-sm{width:28px;height:28px;font-size:11px}.mp-speed-btn{padding:4px 8px;font-size:11px}body.has-mini-player .main-content,body.has-mini-player .page-section{padding-bottom:170px}}@media (max-width:375px){.mini-player-controls{gap:4px}.mp-btn{width:30px;height:30px;font-size:13px}.mp-btn-play{width:36px;height:36px}.mini-player-right .mp-btn-sm:last-child{display:none}}@media (min-width:769px){.mini-player{bottom:0;border-radius:16px 16px 0 0;max-width:600px;left:50%;transform:translateX(-50%)}.mini-player.hidden{transform:translateX(-50%) translateY(100%)}}.surah-play-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:2px solid rgba(212,175,55,.3);border-radius:20px;color:var(--gold-primary,#d4af37);font-family:Tajawal,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;margin:10px auto}.surah-play-btn:hover{background:linear-gradient(135deg,rgba(212,175,55,.25),rgba(212,175,55,.1));border-color:#d4af37}.surah-play-btn:active{transform:scale(.95)}.audio-section-title{color:var(--gold-primary,#d4af37);font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;margin:24px 0 12px;padding:0 4px}.audio-now-playing{background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(212,175,55,.04));border:2px solid rgba(212,175,55,.3);border-radius:16px;padding:16px;margin-bottom:20px;animation:audioNpPulse 3s ease-in-out infinite alternate}@keyframes audioNpPulse{0%{border-color:rgba(212,175,55,.3)}100%{border-color:rgba(212,175,55,.6)}}.audio-np-header{color:var(--gold-primary,#d4af37);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.audio-np-body{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-np-surah{color:#fff;font-size:16px;font-weight:700;font-family:Amiri,serif}.audio-np-reciter{color:rgba(255,255,255,.6);font-size:13px;margin-top:2px}.audio-np-controls{display:flex;align-items:center;gap:6px}.audio-ctrl-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.audio-ctrl-btn:hover{background:rgba(255,255,255,.15)}.audio-ctrl-btn:active{transform:scale(.92)}.audio-ctrl-play{width:48px;height:48px;background:linear-gradient(135deg,#d4af37,#b8960c);border-color:#d4af37;font-size:18px;box-shadow:0 3px 12px rgba(212,175,55,.4)}.audio-ctrl-play:hover{background:linear-gradient(135deg,#e8c547,#d4af37)}.audio-ctrl-sm{width:34px;height:34px;font-size:13px}.audio-card{display:flex;align-items:center;gap:14px;padding:16px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .3s;margin-bottom:12px}.audio-card:hover{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.3)}.audio-card:active{transform:scale(.98)}.audio-card-icon{font-size:28px;width:44px;text-align:center;flex-shrink:0}.audio-card-text{flex:1}.audio-card-title{color:#fff;font-size:15px;font-weight:700}.audio-card-desc{color:rgba(255,255,255,.5);font-size:12px;margin-top:2px}.audio-card-arrow{color:rgba(255,255,255,.3);font-size:18px}.audio-reciters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.audio-reciter-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:rgba(13,27,42,.06);border:1.5px solid rgba(13,27,42,.12);border-radius:14px;cursor:pointer;transition:all .3s;text-align:center}.audio-reciter-card:hover{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.3)}.audio-reciter-card.active{background:rgba(212,175,55,.15);border-color:var(--gold-primary,#d4af37);box-shadow:0 0 12px rgba(212,175,55,.2)}.reciter-avatar{font-size:28px;width:44px;height:44px;border-radius:50%;background:rgba(212,175,55,.1);display:flex;align-items:center;justify-content:center}.audio-reciter-card.active .reciter-avatar{background:rgba(212,175,55,.2);box-shadow:0 0 10px rgba(212,175,55,.3)}.reciter-name{color:var(--text-primary,#333);font-size:13px;font-weight:700;line-height:1.3;min-height:2.6em;display:flex;flex-direction:column;align-items:center;justify-content:center}.audio-reciter-card.active .reciter-name{color:var(--gold-dark,#b8960c)}body.dark-mode .audio-reciter-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}body.dark-mode .reciter-name{color:rgba(255,255,255,.8)}body.dark-mode .audio-reciter-card.active .reciter-name{color:var(--gold-primary,#d4af37)}.audio-surah-picker{display:flex;gap:10px;align-items:center;margin-bottom:10px}.audio-surah-picker .setting-select{flex:1}.audio-play-surah-btn{padding:10px 22px;background:linear-gradient(135deg,#d4af37,#b8960c);border:none;border-radius:12px;color:#0d1b2a;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .3s}.audio-play-surah-btn:hover{background:linear-gradient(135deg,#e8c547,#d4af37);box-shadow:0 3px 12px rgba(212,175,55,.4)}.audio-play-surah-btn:active{transform:scale(.95)}.audio-surah-info{display:flex;align-items:center;gap:12px;padding:10px 0;color:rgba(255,255,255,.5);font-size:13px;flex-wrap:wrap}.audio-download-btn{padding:8px 16px;background:rgba(212,175,55,.1);border:1.5px solid rgba(212,175,55,.3);border-radius:10px;color:var(--gold-primary,#d4af37);font-family:Tajawal,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.audio-download-btn:hover{background:rgba(212,175,55,.2)}.audio-download-btn:disabled{opacity:.5;cursor:not-allowed}.audio-speed-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.audio-speed-pill{padding:8px 16px;border-radius:20px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.audio-speed-pill:hover{background:rgba(255,255,255,.12)}.audio-speed-pill.active{background:rgba(212,175,55,.15);border-color:var(--gold-primary,#d4af37);color:var(--gold-primary,#d4af37);font-weight:700}@media (max-width:768px){.audio-reciters-grid{grid-template-columns:repeat(3,1fr);gap:8px}.audio-reciter-card{padding:10px 6px}.reciter-avatar{font-size:24px;width:38px;height:38px}.reciter-name{font-size:11px}.audio-surah-picker{flex-direction:column}.audio-play-surah-btn{width:100%}.audio-np-body{flex-direction:column;text-align:center}}@media (max-width:375px){.audio-reciters-grid{grid-template-columns:repeat(2,1fr)}}.audio-repeat-mode-row{margin-bottom:16px}.audio-repeat-mode-row .setting-select{width:100%;padding:12px 16px;font-size:15px;font-weight:700}.audio-repeat-options{background:rgba(212,175,55,.05);border:1.5px solid rgba(212,175,55,.2);border-radius:16px;padding:16px;margin-bottom:16px;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audio-repeat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.audio-repeat-field{display:flex;flex-direction:column;gap:6px}.audio-repeat-field.full-width{grid-column:1/-1}.audio-repeat-field label{color:rgba(255,255,255,.7);font-size:12px;font-weight:600;font-family:Tajawal,sans-serif}.audio-repeat-field .setting-input,.audio-repeat-field .setting-select{padding:10px 12px;font-size:13px;border-radius:10px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);color:#fff;font-family:Tajawal,sans-serif}.audio-repeat-field .setting-input{width:100%}.audio-repeat-start-btn{width:100%;padding:14px;background:linear-gradient(135deg,#d4af37,#b8960c);border:none;border-radius:14px;color:#0d1b2a;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(212,175,55,.3)}.audio-repeat-start-btn:hover{background:linear-gradient(135deg,#e8c547,#d4af37);box-shadow:0 6px 20px rgba(212,175,55,.5);transform:translateY(-1px)}.audio-repeat-start-btn:active{transform:scale(.97)}@media (max-width:375px){.audio-repeat-grid{grid-template-columns:1fr}.audio-repeat-options{padding:12px}}.reciter-name-en{display:block;font-size:10px;font-weight:400;color:rgba(255,255,255,.45);margin-top:2px;font-family:'Tajawal',sans-serif;direction:ltr;text-align:center}body.dark-mode .reciter-name-en{color:rgba(255,255,255,.4)}.audio-reciter-card.active .reciter-name-en{color:rgba(212,175,55,.7)}@media (max-width:768px){.reciter-name-en{font-size:9px}}