/* Le lecteur d'une invocation : haut-parleur animé, pause visible pendant la lecture, forme d'onde,
   position, compteur de répétition ×1 / ×10 / ×20 (mémoriser par la répétition), vitesse. Cibles ≥ 40 px. */
#alaq-omra .audio-slot { border:1px solid #d7c2a3; background:#fffbf5; border-radius:15px; margin-top:20px; padding:14px 16px 12px; }
#alaq-omra .audio-top { display:flex; align-items:center; gap:13px; }
#alaq-omra .audio-play { width:47px; height:47px; flex:0 0 47px; border:0; border-radius:50%; background:#211c1a; color:#efbd70; display:grid; place-items:center; cursor:pointer; }
#alaq-omra .audio-play:focus-visible { outline:3px solid #bd701d; outline-offset:4px; }
#alaq-omra .audio-title b { display:block; color:#362b24; font-size:15px; font-weight:600; line-height:1.5; }
#alaq-omra .speaker { display:inline-block; position:relative; width:26px; height:25px; }
#alaq-omra .speaker::before { content:''; position:absolute; width:16px; height:20px; left:0; top:3px; background:currentColor; clip-path:polygon(0 30%,35% 30%,85% 0,85% 100%,35% 70%,0 70%); }
#alaq-omra .speaker::after { content:''; position:absolute; width:12px; height:20px; right:0; top:3px; border-right:2px solid currentColor; border-radius:50%; }
#alaq-omra .audio-slot.is-playing .speaker { display:none; }
#alaq-omra .audio-slot.is-playing .audio-play::before { content:''; width:4px; height:16px; border-left:4px solid currentColor; border-right:4px solid currentColor; }
#alaq-omra .audio-count { margin-left:auto; min-width:52px; text-align:right; font:500 13px/1.4 'Jost',sans-serif; color:#8a541e; letter-spacing:.04em; }
#alaq-omra .audio-wave { display:block; width:100%; height:68px; margin:10px 0 0; border-radius:3px; }
#alaq-omra .audio-seek { display:block; width:100%; margin:1px 0 4px; accent-color:#8e5a23; height:22px; padding:11px 0; box-sizing:content-box; }
#alaq-omra .audio-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; color:#69594c; font-size:12px; line-height:1.5; }
#alaq-omra .audio-repeat { display:inline-flex; align-items:center; gap:4px; }
#alaq-omra .audio-repeat > span { margin-right:4px; }
#alaq-omra .audio-repeat button { border:1px solid #ccb696; background:#fffaf2; color:#765433; border-radius:20px; padding:0 12px; min-height:40px; min-width:44px; font:500 13px/1.3 'Jost',sans-serif; cursor:pointer; }
#alaq-omra .audio-repeat button[aria-pressed="true"] { background:#765433; border-color:#765433; color:#fdf9f1; }
#alaq-omra .audio-repeat button:focus-visible, #alaq-omra .audio-speed select:focus-visible { outline:2px solid #bd701d; outline-offset:2px; }
#alaq-omra .audio-speed { margin-left:auto; }
#alaq-omra .audio-bottom select { min-height:40px; padding:6px 8px; border:1px solid #ccb696; background:#fffaf2; border-radius:6px; color:#362b24; font:400 13px 'Jost',sans-serif; }
@keyframes al-sound { 0%,100% { opacity:.55; transform:scaleX(.72); } 50% { opacity:1; transform:scaleX(1.15); } }
@container (max-width:700px) { #alaq-omra .audio-slot { padding:13px 12px 10px; } #alaq-omra .audio-play { width:43px; height:43px; flex-basis:43px; } #alaq-omra .audio-wave { height:58px; } #alaq-omra .audio-speed { margin-left:0; } }
@media print { #alaq-omra .audio-slot { display:none !important; } }