/* =========================================================
   Lecteur du Saint Coran — HABLOULLAH EL MATINE — V1.0
   Lecture continue inspirée de l'ergonomie Le-Coran.com :
   - flux de versets sans grosses cartes
   - lecteur toujours visible, fixé en bas
   - panneau de sourates escamotable
   - auto-follow souple, suspendu si l'utilisateur défile manuellement
   ========================================================= */

:root{--quran-player-height:126px}
body.quran-page{padding-bottom:calc(var(--quran-player-height) + 18px)}
body.quran-page .mobile-actions{display:none!important}
body.quran-page.quran-drawer-open{overflow:hidden}

.quran-section{padding-top:20px!important}
.quran-topbar{max-width:1080px;margin:0 auto 28px;padding:14px 16px;background:#fff}
.quran-topbar h1{margin:0 0 12px;text-align:center;color:var(--green,#073b32);font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.2}
.quran-top-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) auto minmax(210px,.75fr);gap:10px;align-items:end}
.quran-control{min-width:0}
.quran-control label{display:block;margin:0 0 4px;font-size:.78rem;font-weight:800;color:var(--green,#073b32)}
.quran-control select,.quran-drawer-search input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line,#e7e2d7);border-radius:11px;background:#fff;color:var(--ink,#18231f);font:inherit}
.quran-surah-drawer-open{min-height:42px;padding:9px 13px;border:1px solid var(--line,#e7e2d7);border-radius:11px;background:var(--sand,#f8f4e9);color:var(--green,#073b32);font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.quran-surah-drawer-open:hover{border-color:var(--gold,#c9a64b)}

.quran-mode-switch{border:0;padding:0;margin:0;display:flex;gap:5px;align-items:center;min-height:42px}
.quran-mode-switch label{position:relative;cursor:pointer}
.quran-mode-switch input{position:absolute;opacity:0;pointer-events:none}
.quran-mode-switch span{display:block;padding:9px 10px;border:1px solid var(--line,#e7e2d7);border-radius:999px;background:#fff;color:var(--green,#073b32);font-size:.82rem;font-weight:800;white-space:nowrap}
.quran-mode-switch input:checked+span{background:var(--green,#073b32);border-color:var(--green,#073b32);color:#fff}
#quran-reciter-wrap[hidden]{display:none!important}

.quran-message{max-width:900px;margin:0 auto 20px;padding:12px 14px;border-radius:12px;background:#fff4d6;border:1px solid #eed58b;color:#5e4b13}

.quran-reader{max-width:900px;margin:0 auto}
.quran-surah-header{text-align:center;padding:8px 18px 24px;border-bottom:1px solid var(--line,#e7e2d7);margin-bottom:0}
.quran-surah-position{display:inline-flex;margin:0 0 8px;padding:4px 9px;border-radius:999px;background:var(--sand,#f8f4e9);color:var(--green,#073b32);font-size:.78rem;font-weight:800}
.quran-surah-arabic{font-family:Amiri,serif!important;color:var(--green,#073b32);font-size:clamp(2.15rem,5vw,3.1rem);line-height:1.3;margin:.05em 0}
.quran-surah-header h3{margin:.1em 0;color:var(--green,#073b32);font-size:clamp(1.35rem,3vw,1.85rem)}
.quran-surah-meta{margin:4px 0;color:var(--muted,#68736f)}
.quran-translation-credit{font-size:.84rem;color:var(--muted,#68736f);margin:6px 0 0}
.quran-touch-help{font-size:.78rem;color:var(--muted,#68736f);margin:8px 0 0}
.quran-loading{text-align:center;padding:26px;margin:18px 0;color:var(--muted,#68736f)}

.quran-ayahs{background:#fff}
.ayah-row{position:relative;padding:26px 18px 24px;border-bottom:1px solid var(--line,#e7e2d7);outline:none;transition:background .18s ease,box-shadow .18s ease}
.ayah-row:hover{background:rgba(248,244,233,.55)}
.ayah-row.is-selected{background:#fbf9f2}
.ayah-row.is-active{background:#fffaf0;box-shadow:inset 3px 0 0 var(--gold,#c9a64b)}
.ayah-row:focus-visible{box-shadow:inset 0 0 0 2px var(--gold,#c9a64b)}
.ayah-row-head{display:flex;align-items:center;gap:9px;min-height:34px}
.ayah-number-chip{width:34px;height:34px;border:1px solid var(--line,#e7e2d7);border-radius:50%;background:var(--sand,#f8f4e9);color:var(--green,#073b32);font:inherit;font-size:.83rem;font-weight:800;cursor:pointer;display:grid;place-items:center}
.ayah-row.is-active .ayah-number-chip{background:var(--green,#073b32);border-color:var(--green,#073b32);color:#fff}
.ayah-playing-status{display:none;font-size:.76rem;font-weight:800;color:var(--green,#073b32)}
.ayah-row.is-active .ayah-playing-status{display:inline}
.ayah-arabic{font-family:Amiri,serif;font-size:clamp(1.95rem,4.2vw,2.55rem);line-height:2;text-align:right;color:#102d27;margin:12px 0 13px}
.ayah-translation{font-size:1.02rem;line-height:1.72;color:var(--ink,#18231f);margin:0}

.ayah-context-actions{display:none;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:13px;border-top:1px dashed var(--line,#e7e2d7)}
.ayah-row.is-selected .ayah-context-actions{display:flex}
.ayah-action{border:1px solid var(--line,#e7e2d7);border-radius:999px;background:#fff;color:var(--green,#073b32);padding:7px 11px;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer}
.ayah-action:hover,.ayah-action.is-active{background:var(--sand,#f8f4e9);border-color:var(--gold,#c9a64b)}

.quran-source-section{margin-top:18px}
.quran-sources{max-width:900px;margin:auto}
.quran-sources h2{margin-bottom:18px}
.quran-sources p{margin:.5em 0}

/* Drawer des 114 sourates */
.quran-drawer-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(7,28,24,.46);backdrop-filter:blur(2px)}
.quran-surah-drawer{position:fixed;z-index:1210;top:0;bottom:0;left:0;width:min(390px,92vw);background:#fff;box-shadow:18px 0 45px rgba(0,0,0,.2);transform:translateX(-105%);transition:transform .22s ease;display:grid;grid-template-rows:auto auto 1fr}
.quran-surah-drawer.is-open{transform:translateX(0)}
.quran-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line,#e7e2d7)}
.quran-drawer-header strong{display:block;color:var(--green,#073b32);font-size:1.2rem}
.quran-drawer-header small{display:block;color:var(--muted,#68736f);margin-top:2px}
.quran-drawer-header button{width:38px;height:38px;border:1px solid var(--line,#e7e2d7);border-radius:50%;background:#fff;color:var(--green,#073b32);font-size:1.55rem;line-height:1;cursor:pointer}
.quran-drawer-search{padding:14px 16px;border-bottom:1px solid var(--line,#e7e2d7)}
.quran-drawer-search label{display:block;margin:0 0 5px;font-size:.8rem;font-weight:800;color:var(--green,#073b32)}
.quran-surah-list{overflow:auto;padding:8px}
.quran-surah-item{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:10px 9px;border:0;border-radius:11px;background:transparent;cursor:pointer;color:var(--ink,#18231f)}
.quran-surah-item:hover,.quran-surah-item.is-active{background:var(--sand,#f8f4e9)}
.quran-surah-item.is-active{box-shadow:inset 4px 0 0 var(--gold,#c9a64b)}
.quran-surah-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f2eee5;color:var(--green,#073b32);font-weight:800}
.quran-surah-item strong{display:block;color:var(--green,#073b32)}
.quran-surah-item small{display:block;color:var(--muted,#68736f)}
.quran-surah-name-ar{font-family:Amiri,serif;font-size:1.08rem;color:var(--green,#073b32)}

/* Lecteur fixé en bas */
.quran-fixed-player{position:fixed;z-index:1100;left:0;right:0;bottom:0;background:var(--green,#073b32);color:#fff;border-top:2px solid var(--gold,#c9a64b);box-shadow:0 -10px 34px rgba(0,0,0,.2)}
.quran-fixed-player.is-idle{background:#153d35}
.quran-player-shell{max-width:1200px;margin:0 auto;padding:10px 18px 9px}
.quran-player-primary{display:grid;grid-template-columns:minmax(210px,.9fr) auto minmax(220px,1.2fr) 145px;gap:13px;align-items:center}
.quran-player-info{min-width:0}
.quran-player-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quran-player-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}
.quran-player-info small{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.72);font-size:.74rem}
.quran-player-count{font-size:.72rem;font-weight:800;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.12);white-space:nowrap}
.quran-player-buttons{display:flex;align-items:center;gap:6px}
.quran-player-btn{width:37px;height:37px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font:inherit;font-weight:800}
.quran-player-btn-main{width:43px;height:43px;background:#fff;color:var(--green,#073b32)}
.quran-player-btn:disabled{opacity:.38;cursor:not-allowed}
.quran-progress-wrap input[type="range"],.quran-volume-wrap input[type="range"]{width:100%;accent-color:var(--gold,#c9a64b)}
.quran-volume-wrap{display:flex;align-items:center;gap:6px}
.quran-player-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}
.quran-player-mode{font-size:.75rem;font-weight:800;color:#fff;background:rgba(255,255,255,.1);border-radius:999px;padding:5px 9px;white-space:nowrap}
.quran-player-options{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.quran-player-toggle{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:750;white-space:nowrap;cursor:pointer;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06)}
.quran-player-toggle input{accent-color:var(--gold,#c9a64b)}

.quran-follow-current{position:fixed;z-index:1090;right:18px;bottom:calc(var(--quran-player-height) + 12px);border:0;border-radius:999px;background:var(--gold,#c9a64b);color:#16251f;padding:9px 13px;font:inherit;font-size:.82rem;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.17);cursor:pointer}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:960px){
  .quran-top-controls{grid-template-columns:auto minmax(190px,1fr) auto}
  .quran-reciter-control{grid-column:2/4}
  .quran-player-primary{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)}
  .quran-volume-wrap{display:none}
}

@media(max-width:720px){
  :root{--quran-player-height:154px}
  .quran-section{padding-top:10px!important}
  .quran-topbar{margin-inline:-4px;padding:12px 11px;border-radius:12px}
  .quran-topbar h1{font-size:1.35rem;margin-bottom:10px}
  .quran-top-controls{grid-template-columns:auto minmax(0,1fr);gap:8px}
  .quran-mode-switch{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .quran-mode-switch span{text-align:center;font-size:.78rem;padding:8px 7px}
  .quran-reciter-control{grid-column:1/-1}
  .quran-surah-drawer-open{padding-inline:11px}
  .quran-surah-header{padding-inline:8px}
  .quran-touch-help{display:none}
  .ayah-row{padding:22px 8px 21px}
  .ayah-arabic{font-size:2rem;line-height:1.95}
  .ayah-translation{font-size:.98rem;line-height:1.68}

  .quran-player-shell{padding:8px 10px 8px}
  .quran-player-primary{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}
  .quran-player-info{grid-column:1/2}
  .quran-player-buttons{grid-column:2/3;grid-row:1}
  .quran-progress-wrap{grid-column:1/-1}
  .quran-player-secondary{display:grid;grid-template-columns:1fr;margin-top:5px;gap:5px}
  .quran-player-mode{display:none}
  .quran-player-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .quran-player-toggle{justify-content:center;text-align:center;white-space:normal;font-size:.68rem;padding:5px 4px;line-height:1.15}
  .quran-follow-current{right:10px;font-size:.76rem;padding:8px 11px}
}

@media(max-width:430px){
  :root{--quran-player-height:162px}
  .quran-surah-control select{font-size:.84rem}
  .quran-surah-drawer-open span:last-child{display:none}
  .quran-player-btn{width:34px;height:34px}
  .quran-player-btn-main{width:40px;height:40px}
  .quran-player-info strong{font-size:.86rem}
  .quran-player-info small{font-size:.68rem}
  .ayah-arabic{font-size:1.88rem}
}

@media(prefers-reduced-motion:reduce){
  .quran-surah-drawer,.ayah-row{transition:none}
}


/* ===================== V1.0 ===================== */
.ayah-context-actions{display:none!important}
.ayah-row{cursor:pointer}
.ayah-row.is-selected:not(.is-active){
  background:#f8f5ec;
  box-shadow:inset 3px 0 0 rgba(201,166,75,.72)
}
.ayah-row.is-active{
  background:#fff9ea;
  box-shadow:inset 4px 0 0 var(--green,#073b32)
}
.ayah-row.is-active .ayah-number-chip{
  background:var(--green,#073b32);
  border-color:var(--green,#073b32);
  color:#fff
}
.ayah-row.is-selected:not(.is-active) .ayah-number-chip{
  background:var(--gold,#c9a64b);
  border-color:var(--gold,#c9a64b);
  color:#17251f
}

.quran-ayah-jump-row{display:grid;grid-template-columns:minmax(72px,1fr) auto;gap:6px}
.quran-ayah-jump-row input{
  width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--line,#e7e2d7);
  border-radius:11px;background:#fff;color:var(--ink,#18231f);font:inherit
}
.quran-ayah-jump-row button{
  min-height:42px;padding:8px 11px;border:1px solid var(--line,#e7e2d7);
  border-radius:11px;background:var(--sand,#f8f4e9);color:var(--green,#073b32);
  font:inherit;font-weight:800;cursor:pointer
}
.quran-ayah-jump-row button:hover{border-color:var(--gold,#c9a64b)}

.quran-player-loading{
  display:inline-flex;align-items:center;margin-left:7px;padding:2px 7px;border-radius:999px;
  background:rgba(255,255,255,.12);font-size:.7rem;font-weight:800;white-space:nowrap
}
.quran-player-loading[hidden]{display:none!important}

@media(max-width:960px){.quran-ayah-jump-control{grid-column:1/-1}}
@media(max-width:720px){
  .quran-player-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ============================ V1.0 ============================ */

/* Aller au verset : même hauteur visuelle que les pilules */
.quran-ayah-jump-control{align-self:end}
.quran-ayah-jump-row{
  display:flex;
  align-items:center;
  gap:6px;
}
.quran-ayah-jump-row input,
.quran-ayah-jump-row button{
  min-height:32px!important;
  height:32px!important;
  border-radius:999px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  font-size:.78rem!important;
}
.quran-ayah-jump-row input{
  width:74px!important;
  flex:0 0 74px;
  padding-inline:10px!important;
}
.quran-ayah-jump-row button{
  padding-inline:11px!important;
}

/* Nom français de la sourate */
.quran-surah-fr-name{
  margin:2px 0 0;
  color:var(--muted,#68736f);
  font-size:.92rem;
  font-weight:700;
}

/* Navigation sourate précédente / suivante dans le lecteur */
.quran-player-surah-nav{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:4px;
}
.quran-surah-nav-btn{
  width:27px;
  height:27px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
  color:#fff;
  font:inherit;
  font-size:1.2rem;
  line-height:1;
  cursor:pointer;
}
.quran-surah-nav-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.quran-player-surah-name{
  min-width:0;
  max-width:250px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.78rem;
  font-weight:850;
  color:#fff;
}

/* Progression dans la sourate */
.quran-surah-progress{
  display:grid;
  grid-template-columns:auto minmax(70px,1fr);
  gap:8px;
  align-items:center;
  margin:4px 0 2px;
}
.quran-surah-progress-label{
  font-size:.68rem;
  font-weight:800;
  color:rgba(255,255,255,.78);
  white-space:nowrap;
}
.quran-surah-progress-track{
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  overflow:hidden;
}
.quran-surah-progress-bar{
  display:block;
  height:100%;
  width:0%;
  border-radius:inherit;
  background:var(--gold,#c9a64b);
  transition:width .18s ease;
}

.quran-player-options{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

@media(max-width:900px){
  .quran-player-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  .quran-player-surah-name{max-width:190px}
  .quran-surah-nav-btn{width:25px;height:25px}
  .quran-surah-progress{grid-template-columns:auto minmax(60px,1fr)}
}

@media(max-width:430px){
  .quran-player-surah-name{max-width:145px}
}


/* V1.0
   La page Coran conserve le header officiel partagé,
   mais n'affiche volontairement pas le footer.
   Le lecteur fixe reste le dernier élément visuel de la page.
*/