/* © 2025-2026 Hamsat Quran - All Rights Reserved */
.ayah-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ayah-menu-overlay.show{opacity:1;visibility:visible}.ayah-action-menu{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#1a2332 0,#0d1b2a 100%);border-radius:24px 24px 0 0;z-index:200;transform:translateY(100%);transition:transform .35s cubic-bezier(.32, .72, 0, 1);padding:0 20px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;overscroll-behavior:contain}.ayah-action-menu.show{transform:translateY(0)}.ayah-menu-handle{width:36px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin:12px auto 8px}.ayah-menu-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 12px}.ayah-menu-title{color:var(--gold-primary,#d4af37);font-family:Amiri,serif;font-size:17px;font-weight:700}.ayah-menu-close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.5);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ayah-menu-preview{font-family:Amiri,serif;color:rgba(255,255,255,.65);font-size:15px;line-height:1.8;direction:rtl;text-align:right;padding:10px 14px;background:rgba(255,255,255,.04);border-radius:12px;margin-bottom:16px;max-height:80px;overflow:hidden;border-right:3px solid var(--gold-primary,#d4af37)}.ayah-menu-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}.ayah-action-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .2s;min-height:64px}.ayah-action-btn:hover{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.3)}.ayah-action-btn:active{transform:scale(.93);background:rgba(212,175,55,.15)}.ayah-action-icon{font-size:22px}.ayah-action-label{font-family:Tajawal,sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,.7)}.ayah-menu-repeat-panel{padding-top:16px;border-top:1px solid rgba(255,255,255,.08);margin-top:12px;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.repeat-panel-title{color:var(--gold-primary,#d4af37);font-size:14px;font-weight:700;margin-bottom:12px;font-family:Tajawal,sans-serif}.repeat-panel-options{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.repeat-count-btn{padding:8px 14px;border-radius:20px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.repeat-count-btn:hover{background:rgba(255,255,255,.12)}.repeat-count-btn.active{background:rgba(212,175,55,.15);border-color:var(--gold-primary,#d4af37);color:var(--gold-primary,#d4af37)}.repeat-panel-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.repeat-panel-row>span{color:rgba(255,255,255,.5);font-size:13px;font-family:Tajawal,sans-serif;white-space:nowrap}.repeat-after-options,.repeat-count-options,.repeat-delay-options{display:flex;gap:4px;flex-wrap:wrap}.repeat-after-btn,.repeat-delay-btn{padding:6px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.6);font-family:Tajawal,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.repeat-after-btn.active,.repeat-delay-btn.active{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.4);color:var(--gold-primary,#d4af37)}.ayah-menu-range-panel{padding-top:12px}.range-panel-info{color:var(--gold-primary,#d4af37);font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;text-align:center;margin-bottom:14px;padding:10px;background:rgba(212,175,55,.08);border-radius:12px}.range-panel-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.range-panel-row>span{color:rgba(255,255,255,.5);font-size:13px;font-family:Tajawal,sans-serif;white-space:nowrap}.range-panel-actions{display:flex;gap:10px}.range-play-btn{flex:1;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}.range-play-btn:disabled{opacity:.4;cursor:not-allowed}.range-play-btn:not(:disabled):hover{box-shadow:0 4px 15px rgba(212,175,55,.4)}.range-cancel-btn{padding:14px 20px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;color:rgba(255,255,255,.6);font-family:Tajawal,sans-serif;font-size:14px;cursor:pointer}.ayah-selected{background:rgba(212,175,55,.08)!important;border-radius:8px;outline:2px solid rgba(212,175,55,.3);outline-offset:2px}.ayah-bookmarked{position:relative}.ayah-bookmarked::after{content:'⭐';position:absolute;top:4px;left:4px;font-size:12px;opacity:.7;pointer-events:none}[dir=rtl] .ayah-bookmarked::after{left:auto;right:4px}.ayah-range-selected{background:rgba(212,175,55,.12)!important;border-radius:4px;box-shadow:inset 0 0 0 2px rgba(212,175,55,.25)}.ayah-range-start{border-radius:12px 12px 4px 4px!important;border-top:3px solid var(--gold-primary,#d4af37)!important}.ayah-range-end{border-radius:4px 4px 12px 12px!important;border-bottom:3px solid var(--gold-primary,#d4af37)!important}@media (max-width:768px){.ayah-action-menu{padding:0 16px 16px}.ayah-menu-actions{grid-template-columns:repeat(4,1fr);gap:6px}.ayah-action-btn{padding:10px 3px;min-height:58px}.ayah-action-icon{font-size:20px}.ayah-action-label{font-size:10px}}@media (max-width:375px){.ayah-menu-actions{grid-template-columns:repeat(4,1fr);gap:4px}.ayah-action-btn{padding:8px 2px;min-height:52px}.ayah-action-icon{font-size:18px}.ayah-action-label{font-size:9px}.repeat-count-btn{padding:6px 10px;font-size:12px}.repeat-after-btn,.repeat-delay-btn{padding:5px 8px;font-size:11px}}@media (min-width:769px){.ayah-action-menu{max-width:500px;left:50%;right:auto;transform:translateX(-50%) translateY(100%);border-radius:24px 24px 0 0}.ayah-action-menu.show{transform:translateX(-50%) translateY(0)}}