/* ===================================================================
   Le-Coran.com — CSS sourates, lectures, mushaf, tajwid et audio
   =================================================================== */

/* Source: styles sourate migrés depuis l'ancien fichier global */

.lc-word-sync-ready .lc-k-word {
  cursor: pointer;
  display: inline;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: baseline;
  word-spacing: inherit;
  transition: color 90ms linear;
}

.lc-k-word:hover,
.lc-k-word:focus {
  color: var(--lc-green-d, #5f7300) !important;
  outline: none;
}

.lc-word-sync-ready .lc-k-word:hover,
.lc-word-sync-ready .lc-k-word:focus {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lc-green-d, #5f7300) !important;
  outline: none;
  text-decoration: none !important;
}

.lc-word-sync-ready .lc-k-word--active {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
}

.lc-word-sync-ready .lc-k-word--range-inside {
  background: transparent !important;
  color: var(--lc-green-d, #5f7300);
}

.lc-word-sync-ready .lc-k-word--active.lc-k-word--range-inside,
.lc-word-sync-ready .lc-k-word--active.lc-k-word--range-start,
.lc-word-sync-ready .lc-k-word--active.lc-k-word--range-end {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
}

.lc-word-sync-ready .lc-k-word--range-start,
.lc-word-sync-ready .lc-k-word--range-end {
  box-shadow: none !important;
  color: var(--lc-green, #6f8428);
}

.lc-word-sync-ready .lc-verse-active {
  background: transparent !important;
}

.lc-ab-loop {
  background: #fff;
  border: 1px solid rgba(37, 43, 29, 0.14);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  color: #23261d;
  margin: 0 0 14px;
  padding: 14px;
}

.page_sourate .tableau_option_audio td.lc-learning-trainer-cell {
  height: auto;
  min-width: 0;
  padding: 12px 0 !important;
  position: static;
  text-align: left;
  white-space: normal;
  width: auto;
}

.page_sourate .tableau_option_audio td.lc-learning-trainer-cell::before,
.page_sourate .tableau_option_audio td.lc-learning-trainer-cell::after {
  content: none !important;
}

.page_sourate .tableau_option_audio .lc-learning-trainer-slot:empty {
  display: none;
}

.page_sourate .tableau_option_audio .lc-learning-trainer-cell .lc-ab-loop {
  margin: 0;
}

.lc-ab-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.lc-learning-trainer {
  scroll-margin-top: 96px;
}

.lc-ab-head strong,
.lc-ab-head span,
.lc-ab-field span,
.lc-ab-quick span {
  display: block;
}

.lc-ab-head strong {
  font-size: 15px;
}

.lc-ab-head span,
.lc-ab-field span,
.lc-ab-quick span {
  color: #62675a;
  font-size: 12px;
}

.lc-ab-state {
  background: #eef0e6;
  border-radius: 999px;
  color: #4f5f1e;
  flex: 0 0 auto;
  font-size: 12px;
  padding: 5px 9px;
}

.lc-ab-state[data-state="active"] {
  background: #e4efd4;
  color: #3f6500;
}

.lc-ab-tools {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0 0 12px;
}

.lc-ab-speed-field span {
  color: #62675a;
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}

.lc-ab-speed-field select {
  min-height: 34px;
}

.lc-ab-reset {
  align-items: center;
  background: #f5f6ef;
  border: 1px solid rgba(37, 43, 29, 0.16);
  border-radius: 6px;
  color: #23261d;
  cursor: pointer;
  display: inline-flex;
  gap: 7px;
  min-height: 34px;
  padding: 7px 10px;
}

.lc-ab-field {
  display: block;
  margin-bottom: 10px;
}

.lc-ab-field select,
.lc-ab-quick select {
  border: 1px solid rgba(37, 43, 29, 0.18);
  border-radius: 6px;
  color: #23261d;
  min-height: 34px;
  padding: 5px 8px;
  width: 100%;
}

.lc-ab-range-row {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.lc-ab-field input[type="range"] {
  width: 100%;
}

.lc-ab-quick,
.lc-ab-actions,
.lc-ab-word-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.lc-ab-quick button,
.lc-ab-actions button,
.lc-ab-word-actions button {
  background: #f5f6ef;
  border: 1px solid rgba(37, 43, 29, 0.16);
  border-radius: 6px;
  color: #23261d;
  cursor: pointer;
  min-height: 34px;
  padding: 7px 10px;
}

.lc-ab-actions .lc-ab-play {
  background: #6f8428;
  color: #fff;
}

.lc-ab-word {
  margin-top: 0;
}

.lc-ab-word-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.lc-ab-word-head strong {
  font-size: 14px;
}

.lc-ab-word-state {
  background: #eef0e6;
  border-radius: 999px;
  color: #4f5f1e;
  flex: 0 0 auto;
  font-size: 11px;
  padding: 4px 8px;
}

.lc-ab-word-selected {
  align-items: stretch;
  display: flex;
  gap: 6px;
  margin-top: 9px;
}

.lc-ab-word-selected .lc-ab-word-start,
.lc-ab-word-selected .lc-ab-word-end {
  background: #f8f9f3;
  border: 1px solid rgba(37, 43, 29, 0.12);
  border-radius: 6px;
  color: #4e5542;
  flex: 1 1 0;
  font-size: 13px;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  padding: 8px 9px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lc-ab-word-selected .lc-ab-word-arrow {
  align-self: center;
  color: var(--lc-green, #6f8428);
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 800;
}

/* Bannière de guidage pendant la sélection du passage (mode capture) */
.lc-ab-capture-banner[hidden] { display: none !important; }
.lc-ab-capture-banner {
  position: fixed;
  left: 50%;
  /* En HAUT (près des versets à toucher), pas en bas de l'écran. */
  top: calc(72px + env(safe-area-inset-top, 0px));
  transform: translateX(-50%);
  z-index: 2400;
  max-width: 94vw;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 7px 6px 13px;
  border-radius: 999px;
  background: #1f6f78;
  color: #fff;
  font-size: .82rem;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .26);
  animation: lcAbBannerIn .18s ease;
}
.lc-ab-capture-banner > i { font-size: .92rem; opacity: .9; flex: 0 0 auto; }
.lc-ab-cap-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-ab-capture-banner b { font-weight: 800; }
.lc-ab-capture-banner sup { font-size: .7em; }
.lc-ab-capture-banner .lc-ab-capture-cancel {
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, .5);
  background: transparent;
  color: #fff;
  border-radius: 999px;
  padding: 4px 11px;
  font: inherit;
  font-size: .76rem;
  cursor: pointer;
}
.lc-ab-capture-banner .lc-ab-capture-cancel:active { background: rgba(255, 255, 255, .18); }
@keyframes lcAbBannerIn { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* Parcours guidé : pendant la SÉLECTION et la BOUCLE, le lecteur principal
   s'efface au profit de la consigne / de la barre de boucle dédiée. */
body.lc-ab-capturing #lc-player,
body.lc-ab-loop-ready #lc-player { display: none !important; }
/* le lecteur parti, la bannière de consigne descend au bas de l'écran */
body.lc-ab-capturing .lc-ab-capture-banner { top: calc(72px + env(safe-area-inset-top, 0px)); }

/* Barre de lecture dédiée au passage choisi (remplace le lecteur, ne joue que la boucle) */
.lc-ab-loopbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2350;
  display: flex; align-items: center; gap: 12px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
  background: var(--lc-surface, #fff);
  border-top: 1px solid var(--lc-line, #e4e5dc);
  box-shadow: 0 -6px 20px rgba(15, 40, 25, .12);
  animation: lcAbBannerIn .18s ease;
}
.lc-ab-loopbar-play {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
  border: 0; background: var(--lc-green, #6f8f00); color: #fff;
  font-size: 1.05rem; cursor: pointer;
  box-shadow: 0 3px 10px rgba(15, 122, 79, .3);
}
.lc-ab-loopbar-info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.lc-ab-loopbar-info b { font-size: .92rem; color: var(--lc-ink, #23261d); }
.lc-ab-loopbar-range { font-size: .78rem; color: var(--lc-ink-soft, #6b6b60); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-ab-loopbar-count-wrap { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; font-size: .82rem; color: var(--lc-ink-soft, #6b6b60); }
.lc-ab-loopbar-count { padding: 6px 8px; border-radius: 8px; border: 1px solid var(--lc-line, #e4e5dc); background: var(--lc-surface, #fff); color: var(--lc-ink, #23261d); font: inherit; }
.lc-ab-loopbar-clear {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid var(--lc-line, #e4e5dc); background: transparent;
  color: var(--lc-ink-soft, #6b6b60); cursor: pointer; font-size: .95rem;
}
html.lc-dark .lc-ab-loopbar { background: var(--lc-surface, #1e211d); border-color: var(--lc-line, #2f332c); }
html.lc-dark .lc-ab-loopbar-info b { color: var(--lc-ink, #e8e9e0); }
html.lc-dark .lc-ab-loopbar-count { background: var(--lc-surface-2, #24271f); border-color: var(--lc-line, #2f332c); color: var(--lc-ink, #e8e9e0); }

/* Mode sélection actif : le texte arabe devient « cliquable » de façon évidente */
body.lc-ab-capturing .lc-mushaf-word,
body.lc-ab-capturing .lc-ar-line-text .lc-mushaf-word,
body.lc-ab-capturing .verset_en_arabe .lc-k-word {
  cursor: pointer;
}
/* pendant la capture, les outils au survol NE DOIVENT PAS intercepter les clics sur les mots */
body.lc-ab-capturing .outils_ayah,
body.lc-ab-capturing .lc-mushaf-line-tools,
body.lc-ab-capturing .lc-inline-verse-tools,
body.lc-ab-capturing .lc-mushaf-hover-note {
  display: none !important;
  pointer-events: none !important;
}
body.lc-ab-capturing .lc-mushaf-word:hover,
body.lc-ab-capturing .lc-k-word:hover {
  background: color-mix(in srgb, var(--lc-green, #6f8428) 20%, transparent);
  border-radius: .18em;
}
/* le mot de départ déjà choisi reste visible pendant l'étape 2 */
body.lc-ab-capturing .lc-k-word.lc-ab-range-start::before,
body.lc-ab-capturing .lc-k-word.lc-ab-range-start {
  background: color-mix(in srgb, var(--lc-green, #6f8428) 28%, transparent);
  border-radius: .18em;
}

.lc-ab-word-equivalents {
  background: #fffef9;
  border: 1px solid rgba(148, 177, 0, 0.2);
  border-radius: 6px;
  color: #4e5542;
  font-size: 11px;
  line-height: 1.45;
  margin-top: 7px;
  max-height: 92px;
  overflow: auto;
  padding: 7px 8px;
  white-space: pre-line;
}

.lc-ab-word[data-word-ready="0"] {
  opacity: .68;
}

.lc-ab-word-actions button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lc-ab-word-actions .lc-ab-word-play:not(:disabled) {
  background: #6f8428;
  color: #fff;
}

.lc-ab-word-capture {
  align-items: center;
  background: #6f8428;
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
  margin-top: 10px;
  min-height: 38px;
  padding: 9px 12px;
  width: 100%;
}

.lc-ab-word-capture.is-capturing {
  background: #1f6f78;
}

.lc-ab-word-legacy {
  display: none !important;
}

/* ── Mode nuit : l'entraîneur A-B suivait un fond blanc en dur ── */
html.lc-dark .lc-ab-loop {
  background: var(--lc-surface, #1e211d);
  border-color: var(--lc-line, #2f332c);
  color: var(--lc-ink, #e8e9e0);
  box-shadow: none;
}
html.lc-dark .lc-ab-head strong { color: var(--lc-ink, #e8e9e0); }
html.lc-dark .lc-ab-head span,
html.lc-dark .lc-ab-field span,
html.lc-dark .lc-ab-quick span,
html.lc-dark .lc-ab-word-head strong,
html.lc-dark .lc-ab-word-state { color: var(--lc-ink-soft, #a7a99b); }
html.lc-dark .lc-ab-state { background: var(--lc-surface-2, #24271f); color: var(--lc-green, #aecb4a); }
html.lc-dark .lc-ab-word-selected .lc-ab-word-start,
html.lc-dark .lc-ab-word-selected .lc-ab-word-end,
html.lc-dark .lc-ab-word-equivalents,
html.lc-dark .lc-ab-speed,
html.lc-dark .lc-ab-verse,
html.lc-dark .lc-ab-count,
html.lc-dark .lc-ab-reset {
  background: var(--lc-surface-2, #24271f);
  border-color: var(--lc-line, #2f332c);
  color: var(--lc-ink, #e8e9e0);
}
html.lc-dark .lc-ab-advanced,
html.lc-dark .lc-pronunciation { border-color: var(--lc-line, #2f332c); }
html.lc-dark .lc-ab-advanced summary,
html.lc-dark .lc-pronunciation summary { color: var(--lc-ink-soft, #a7a99b); }

.lc-ab-advanced {
  border-top: 1px solid rgba(37, 43, 29, 0.12);
  margin-top: 13px;
  padding-top: 10px;
}

.lc-pronunciation {
  border-top: 1px solid rgba(37, 43, 29, 0.12);
  margin-top: 13px;
  padding-top: 10px;
}

.lc-pronunciation summary {
  align-items: center;
  color: #4f5f1e;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  gap: 10px;
  justify-content: space-between;
}

.lc-pronunciation-state {
  background: #eef0e6;
  border-radius: 999px;
  color: #4f5f1e;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
}

.lc-pronunciation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.lc-pronunciation-actions button {
  align-items: center;
  background: #f5f6ef;
  border: 1px solid rgba(37, 43, 29, 0.16);
  border-radius: 6px;
  color: #23261d;
  cursor: pointer;
  display: inline-flex;
  gap: 7px;
  min-height: 34px;
  padding: 7px 10px;
}

.lc-pronunciation-actions .lc-pronunciation-record {
  background: #6f8428;
  color: #fff;
}

.lc-pronunciation-actions button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lc-pronunciation-result {
  color: #62675a;
  font-size: 12px;
  margin-top: 10px;
}

.lc-pronunciation-summary {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.lc-pronunciation-counts,
.lc-pronunciation-engine,
.lc-pronunciation-error {
  font-size: 11px;
  line-height: 1.35;
  margin-top: 5px;
}

.lc-pronunciation-engine {
  color: #6c6d61;
  font-weight: 700;
}

.lc-pronunciation-error {
  color: #963323;
}

.lc-pronunciation-words {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.lc-pronunciation-words span {
  background: #f8f9f3;
  border: 1px solid rgba(37, 43, 29, 0.12);
  border-radius: 5px;
  color: #62675a;
  padding: 3px 6px;
}

.lc-pronunciation-words span[data-status="correct"] {
  background: #e4efd4;
  color: #315d00;
}

.lc-pronunciation-words span[data-status="unknown"],
.lc-pronunciation-words span[data-status="needs_review"] {
  background: #fff3c7;
  color: #765300;
}

.lc-pronunciation-words span[data-status="too_short"] {
  background: #efe6ff;
  color: #4b347d;
}

.lc-pronunciation-words span[data-status="silence"] {
  background: #eceff3;
  color: #4d5865;
}

.lc-pronunciation-words span[data-status="noisy"] {
  background: #ffe8c7;
  color: #7a4300;
}

.lc-pronunciation-words span[data-status="wrong"],
.lc-pronunciation-words span[data-status="skipped"] {
  background: #f8e6e1;
  color: #963323;
}

.lc-tafsir-section {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 28px 0 34px;
  padding: 0 2px;
}

.lc-tafsir-head {
  align-items: flex-start;
  border-bottom: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 0 4px;
}

.lc-tafsir-head h2 {
  font-size: 1.35rem;
  margin: 0 0 4px;
}

.lc-tafsir-head p,
.lc-tafsir-source {
  color: var(--lc-ink-soft, #807b6d);
  font-size: .82rem;
  margin: 0;
}

.lc-tafsir-select label span {
  color: var(--lc-ink-soft, #807b6d);
  display: block;
  font-size: .75rem;
  margin-bottom: 4px;
}

.lc-tafsir-select select {
  min-width: 210px;
}

.lc-tafsir-list {
  display: grid;
  gap: 16px;
}

.lc-tafsir-entry,
.lc-tafsir-inline {
  background: #fbfbf3;
  background: color-mix(in srgb, var(--lc-surface, #fff) 90%, var(--lc-green, #8bb500) 10%);
  border: 0;
  border-radius: 6px;
  box-shadow: inset 3px 0 0 rgba(125, 150, 0, .22);
  padding: 17px 20px 18px;
}

.lc-tafsir-inline {
  margin: 12px 0 22px;
}

.lc-tafsir-inline-slot {
  direction: ltr;
  margin: 4px 0 22px;
}

.lc-tafsir-inline-slot .lc-mushaf-hover-note__tafsir--full {
  display: grid;
  gap: 10px;
  border-top: 0;
  margin-top: 0;
  max-height: none;
  overflow: visible;
  padding-top: 0;
}

.lc-tafsir-inline-slot .lc-tafsir-inline,
.lc-tafsir-inline-slot .lc-tafsir-entry {
  background: #fbfbf3;
  background: color-mix(in srgb, var(--lc-surface, #fff) 90%, var(--lc-green, #8bb500) 10%);
  border: 0;
  border-radius: 6px;
  box-shadow: inset 3px 0 0 rgba(125, 150, 0, .22);
  margin: 0;
  padding: 17px 20px 18px;
}

.lc-tafsir-inline-slot .lc-mushaf-hover-note__tafsir .lc-tafsir-entry:first-child,
.lc-tafsir-inline-slot .lc-mushaf-hover-note__tafsir .lc-tafsir-inline:first-child {
  margin: 0;
  padding: 17px 20px 18px;
}

.lc-tafsir-entry h4,
.lc-tafsir-inline h4 {
  font-family: var(--lc-sans);
  font-size: .95rem;
  font-weight: 800;
  margin: 0 0 10px;
}

.lc-tafsir-content {
  color: var(--lc-ink, #565348);
  font-size: .95rem;
  line-height: 1.82;
}

.lc-tafsir-content p {
  margin: 0 0 .78em;
}

.lc-tafsir-content p:last-child {
  margin-bottom: 0;
}

.lc-tafsir-source {
  border-top: 1px solid var(--lc-line, #e1e0d4);
  margin-top: 10px;
  padding-top: 8px;
}

@media (max-width: 720px) {
  .lc-tafsir-head {
    display: block;
  }

  .lc-tafsir-select {
    margin-top: 12px;
  }
}

.lc-view-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 10px 0 20px;
}

.lc-view-switch-label,
.lc-reading-mode-label {
  color: var(--lc-ink, #565348);
  font-size: .86rem;
  font-weight: 800;
}

.lc-view-switch a,
.lc-view-switch button {
  background: transparent;
  border: 1px solid var(--lc-line, #e1e0d4);
  border-radius: 999px;
  color: var(--lc-ink, #565348);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  padding: 7px 13px;
}

.lc-view-switch a.is-active,
.lc-view-switch button.is-active {
  background: var(--lc-green, #94b100);
  border-color: var(--lc-green, #94b100);
  color: #fff;
}

.lc-tafsir-lang-controls {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.lc-tafsir-lang-button {
  appearance: none;
  background: transparent;
  border: 1px solid var(--lc-line, #e1e0d4);
  border-radius: 999px;
  color: var(--lc-ink, #565348);
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
  min-height: 30px;
  padding: 6px 10px;
}

.lc-tafsir-lang-button.is-active {
  background: var(--lc-green, #94b100);
  border-color: var(--lc-green, #94b100);
  color: #fff;
}

button.langaudio {
  background: transparent;
  font: inherit;
}

button.langaudio.langaudioactive,
button.langaudio.is-active {
  background: var(--lc-green, #94b100);
  border-color: var(--lc-green, #94b100);
  color: #fff;
}

button.langaudio:disabled {
  opacity: 1;
}

body.lc-juz-page.lc-juz-reading #div_des_versets {
  display: block !important;
  overflow: visible !important;
}

body.lc-juz-page.lc-juz-reading:not(.lc-mushaf-mode) #div_des_versets {
  background: var(--lc-surface, #fff);
  border: 1px solid var(--lc-line, #e1e0d4);
  border-radius: var(--lc-r, 8px);
}

body.page_sourate.lc-reading-range .transition_sourate {
  align-items: center;
  background: var(--lc-green-tint, #eef5d8);
  border: 1px solid var(--lc-line, #e1e0d4);
  border-radius: 8px;
  color: var(--lc-ink, #34342d);
  display: flex;
  font-family: var(--lc-serif, inherit);
  font-size: 1.05rem;
  font-weight: 700;
  gap: 10px;
  line-height: 1.35;
  margin: 18px 0 10px;
  padding: 12px 16px;
}

.lc-reading-mode-config {
  border-bottom: 1px solid var(--lc-line, #e1e0d4);
  margin: 0 0 12px;
  padding: 0 0 12px;
}

.lc-reading-mode-controls.lc-view-switch {
  gap: 6px;
  justify-content: flex-start;
  margin: 7px 0 6px;
}

.lc-reading-mode-controls.lc-view-switch button {
  font-size: .85rem;
  line-height: 1.2;
  min-height: 34px;
  padding: 6px 10px;
}

.lc-tajwid-toggle-inline {
  align-items: center;
  color: var(--lc-ink, #565348);
  display: flex;
  font-size: .86rem;
  font-weight: 700;
  gap: 10px;
  justify-content: space-between;
}

.lc-mushaf-mode .annonceverset {
  display: none !important;
}

body.lc-mushaf-mode #div_des_versets {
  border: 0 !important;
  box-shadow: none !important;
}

.lc-mushaf-pages {
  display: block;
  overflow: visible;
  width: 100%;
}

.lc-mushaf-page {
  --lc-mushaf-line-font-size: var(--lc-user-mushaf-size, 39px);
  --lc-mushaf-row-height: calc(var(--lc-mushaf-line-font-size) * 1.62);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  contain: layout style;
  content-visibility: auto;
  contain-intrinsic-size: auto 980px;
  margin: 0;
  max-width: none;
  overflow: visible;
  overflow-clip-margin: 28px;
  padding: 8px 10px 12px;
  width: 100%;
}

.lc-mushaf-page > header {
  border: 0;
  color: #6d6f66;
  font-size: .82rem;
  font-weight: 800;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
}

.lc-mushaf-page-body {
  direction: rtl;
  display: grid;
  grid-template-rows: repeat(var(--lc-mushaf-page-rows, 15), var(--lc-mushaf-row-height));
  overflow: visible;
  width: 100%;
}

.lc-mushaf-line {
  direction: rtl;
  display: block;
  height: var(--lc-mushaf-row-height);
  font-size: var(--lc-mushaf-line-font-size);
  line-height: var(--lc-mushaf-row-height);
  margin: 0;
  min-height: var(--lc-mushaf-row-height);
  overflow: visible;
  grid-row: var(--lc-mushaf-line-row, auto);
  text-align: center;
  text-align-last: center;
  white-space: nowrap;
  width: 100%;
}

.lc-mushaf-line--short {
  text-align: center;
  text-align-last: center;
}

.lc-mushaf-page--partial .lc-mushaf-line {
  line-height: var(--lc-mushaf-row-height);
  min-height: var(--lc-mushaf-row-height);
  text-align: center;
  text-align-last: center;
}

.lc-mushaf-mode .lc-mushaf-page .ayah_wrapper.verset,
.lc-mushaf-mode .lc-mushaf-page p.ayah_wrapper,
.lc-mushaf-page .ayah_wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  width: auto !important;
}

.lc-mushaf-mode .lc-mushaf-page .verset_en_arabe.lc-mushaf-word,
.lc-mushaf-mode .lc-mushaf-word.lc-k-word,
.lc-mushaf-page .verset_en_arabe,
.lc-mushaf-word {
  color: #1f211b;
  display: inline-block !important;
  font-family: "Amiri Quran", var(--lc-arab, "Amiri", serif);
  font-size: inherit !important;
  line-height: inherit;
  margin-inline: .015em !important;
  padding: 0 !important;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  width: auto !important;
}

.lc-mushaf-line--qcf {
  align-items: baseline;
  display: block;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: center;
  text-align: center;
  text-align-last: center;
}

.lc-mushaf-line--qcf.lc-mushaf-line--short,
.lc-mushaf-page--partial .lc-mushaf-line--qcf {
  justify-content: center;
}

.lc-mushaf-line--qcf .ayah_wrapper {
  display: contents !important;
}

.lc-mushaf-word--qcf {
  color: #1f211b;
  font-family: inherit !important;
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: inherit !important;
  letter-spacing: 0 !important;
  line-height: inherit;
  margin-inline: .006em !important;
  overflow: visible;
  position: relative;
}

.lc-mushaf-mode .lc-mushaf-word.lc-mushaf-word--qcf,
.lc-mushaf-mode .lc-mushaf-word.lc-mushaf-word--qcf.lc-k-word {
  font-size: inherit !important;
}

.lc-mushaf-word--qcf::before,
.lc-mushaf-word-glyph {
  color: currentColor;
  display: inline-block;
  font-family: inherit;
  font-size: var(--lc-mushaf-line-font-size, 31px) !important;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  user-select: none;
}

.lc-mushaf-word--qcf::before {
  content: none;
  display: none;
}

.lc-mushaf-word-readable {
  border: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  white-space: nowrap !important;
  width: auto !important;
}

body.page_sourate.lc-ar-line-mode #div_des_versets {
  overflow: visible;
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-pages {
  direction: ltr;
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-ayah {
  align-items: start;
  grid-template-columns: 36px minmax(0, 1fr);
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-text {
  color: #1f211b;
  direction: rtl;
  font-family: "Amiri Quran", var(--lc-arab, "Amiri", serif);
  font-size: var(--lc-user-ar-text-size, 25px) !important;
  line-height: 2.25;
  overflow: visible;
  text-align: right;
  white-space: normal;
}

body.page_sourate.lc-ar-line-mode .lc-mushaf-word,
body.page_sourate.lc-ar-line-mode .lc-mushaf-word.lc-k-word {
  background: transparent;
  color: inherit;
  display: inline !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit;
  margin-inline: .025em !important;
  padding: 0 .015em !important;
  white-space: nowrap;
}

body.page_sourate.lc-ar-line-mode .lc-mushaf-ayah-mark {
  align-items: center;
  border: 1.4px solid #1f211b;
  border-radius: 50%;
  color: #1f211b;
  display: inline-flex;
  font-family: var(--lc-sans);
  font-size: .34em;
  font-weight: 700;
  height: 2.05em;
  justify-content: center;
  line-height: 1;
  margin-inline: .14em;
  min-width: 2.05em;
  padding: 0 .22em;
  transform: translateY(-.02em);
  vertical-align: middle;
}

/* Vue ligne par ligne : mêmes glyphes QCF que le mode mushaf. La police
   varie par page mushaf donc par mot (--lc-qcf-font posée en inline par PHP).
   Avant chargement de la police, le mot garde le texte Uthmani lisible ;
   une fois la police prête (lc-qcf-ready), le glyphe remplace le texte. */
body.lc-ar-line-mode .lc-ar-line-text .lc-mushaf-word.lc-mushaf-word--qcf.lc-qcf-ready {
  font-family: var(--lc-qcf-font) !important;
  font-size: 0 !important;
}

body.lc-ar-line-mode .lc-ar-line-text .lc-mushaf-word--qcf.lc-qcf-ready::before {
  color: currentColor;
  content: attr(data-lc-glyph);
  display: inline-block;
  font-family: inherit;
  font-size: calc(var(--lc-user-ar-text-size, 25px) * 1.3) !important;
  font-style: normal;
  font-weight: inherit;
  line-height: 1;
  user-select: none;
  vertical-align: middle;
}

/* Karaoké / survol en tajwid (glyphes colorés : `color` sans effet) */
body.lc-ar-line-mode.lc-tajwid-mode .lc-ar-line-text .lc-mushaf-word--qcf:is(.lc-k-word--active, :hover, :focus)::before,
.mapprar-var .lc-mushaf-word--qcf:is(.lc-k-word--active, :hover, :focus)::before {
  background: color-mix(in srgb, var(--lc-green-d, #5f7300) 22%, transparent);
  border-radius: .14em;
}

/* Pages Apprendre (body lc-tool-page, sans page_sourate) : activer le
   remplacement texte -> glyphe du mode mushaf. */
body.lc-tool-page.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word--qcf {
  font-size: 0 !important;
}

body.lc-tool-page.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word--qcf::before {
  content: attr(data-lc-glyph);
  display: inline-block;
}

/* Pages Apprendre, vue ligne par ligne (cartes verset) */
.mapprar-var .lc-mushaf-word.lc-mushaf-word--qcf.lc-qcf-ready {
  font-family: var(--lc-qcf-font) !important;
  font-size: 0 !important;
}

.mapprar-var .lc-mushaf-word--qcf.lc-qcf-ready::before {
  color: currentColor;
  content: attr(data-lc-glyph);
  display: inline-block;
  font-family: inherit;
  font-size: 2.2rem !important;
  line-height: 1;
  user-select: none;
  vertical-align: middle;
}

@media (max-width: 860px) {
  .mapprar-var .lc-mushaf-word--qcf.lc-qcf-ready::before {
    font-size: 1.9rem !important;
  }
}

.lc-tajwid-legend {
  direction: ltr;
  font-family: var(--lc-sans);
  margin: 0 auto 18px;
  max-width: min(1040px, 100%);
  padding: 0 0 14px;
  text-align: left;
}

.lc-tajwid-legend header {
  align-items: baseline;
  border-bottom: 1px solid var(--lc-line, #e4e5dc);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding-bottom: 14px;
}

.lc-tajwid-legend header strong {
  color: var(--lc-ink, #23261d);
  font-size: .98rem;
  font-weight: 900;
}

.lc-tajwid-legend header span {
  color: var(--lc-ink-soft, #6b6b60);
  font-size: .82rem;
}

.lc-tajwid-legend ul {
  border-top: 1px solid rgba(0, 0, 0, .06);
  display: grid;
  gap: 9px 16px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  padding-top: 10px;
}

.lc-tajwid-legend li {
  align-items: flex-start;
  color: var(--lc-ink, #23261d);
  display: flex;
  font-size: .8rem;
  gap: 8px;
  line-height: 1.25;
  min-width: 0;
}

.lc-tajwid-legend__swatch {
  background: currentColor;
  border-radius: 999px;
  display: inline-block !important;
  flex: 0 0 auto;
  height: 7px;
  margin-top: .35em;
  width: 22px;
}

.lc-tajwid-legend__text {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.lc-tajwid-legend__main {
  color: var(--lc-ink, #23261d);
  font-weight: 900;
}

.lc-tajwid-legend__rules {
  color: var(--lc-ink-soft, #6b6b60);
  font-size: .75rem;
}

@media (max-width: 520px) {
  .lc-tajwid-legend {
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .lc-tajwid-legend header {
    gap: 4px 8px;
    padding-bottom: 10px;
  }

  .lc-tajwid-legend ul {
    gap: 8px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 8px;
    padding-top: 9px;
  }

  .lc-tajwid-legend li {
    align-items: center;
    font-size: .78rem;
  }

  .lc-tajwid-legend__swatch {
    height: 6px;
    margin-top: 0;
    width: 18px;
  }

  .lc-tajwid-legend__rules {
    display: none;
  }
}

body {
  --lc-user-text-size: 14px;
  --lc-user-ar-text-size: 25px;
  --lc-user-mushaf-size: clamp(30px, 2.85vw, 46px);
}

.page_sourate .lc-sourate-layout > #gauche {
  display: flex;
  flex-direction: column;
}

.page_sourate #gauche > .audio_gauche.nopadding { order: 0; }
.page_sourate #gauche > .audio_gauche2 { order: 1; }
.page_sourate #gauche > .audio_gauche1 { order: 2; }
.page_sourate #gauche > .audio_gauche3 { order: 3; }
/* Pub Refinery89 (wrapper injecté après .audio_gauche2) : la placer en dernier,
   sous la carte Apprentissage, avec le même espacement que les cartes (16px). */
.page_sourate #gauche > [id^="r89-"] { order: 4; margin: 0 0 16px !important; }
.page_sourate #gauche > .lc-ad-notice { order: 5; }
.page_sourate #gauche > .lc-ad-center { order: 80; }
.page_sourate #gauche > #fin_gauche { order: 99; }

body .texte_verset .pd-behind,
body .ayah_wrapper .pd-behind,
body .verset_en_francais_depuis,
body .verset_en_phonetique_depuis,
body .lc-mushaf-note-translation,
body .lc-mushaf-note-phonetic {
  font-size: var(--lc-user-text-size) !important;
}

body .verset_en_arabe,
body .verset_en_arabe_depuis {
  font-size: var(--lc-user-ar-text-size) !important;
}

body.lc-mushaf-mode .lc-mushaf-word,
body.lc-mushaf-mode .verset_en_arabe.lc-mushaf-word {
  font-size: inherit !important;
}

.lc-mushaf-ayah-mark {
  align-items: center;
  border: 1.5px solid #1f211b;
  border-radius: 999px;
  color: #1f211b;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--lc-sans);
  font-size: .34em;
  font-weight: 800;
  height: 2em;
  justify-content: center;
  line-height: 1;
  margin-inline: .1em;
  min-width: 2em;
  padding: 0 .28em;
  transform: translateY(-.08em);
}

.lc-mushaf-page > footer {
  display: none !important;
}

.lc-mushaf-notes {
  direction: ltr;
  margin: 22px 0 0;
  text-align: left;
}

.lc-mushaf-note {
  border-top: 1px solid rgba(0, 0, 0, .08);
  color: var(--lc-ink, #33362d);
  font-family: var(--lc-sans);
  font-size: .95rem;
  line-height: 1.55;
  margin: 0;
  padding: 10px 0;
}

.lc-mushaf-note-num {
  color: var(--lc-green-d, #5f7300);
  font-weight: 800;
  margin-right: 8px;
}

.lc-mushaf-note-phonetic {
  color: var(--lc-ink-soft, #696b60);
  display: block;
  font-style: italic;
  margin-top: 4px;
}

@media (max-width: 720px) {
  .lc-mushaf-mode .lc-sourate-layout {
    flex-direction: column;
    width: min(100% - 14px, 1320px) !important;
  }

  .lc-mushaf-mode .lc-sourate-layout > #gauche,
  .lc-mushaf-mode .lc-sourate-layout > #centre,
  .lc-mushaf-mode .lc-sourate-layout > #rail {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .lc-mushaf-line {
    font-size: var(--lc-mushaf-line-font-size);
    height: var(--lc-mushaf-row-height);
    line-height: var(--lc-mushaf-row-height);
    min-height: var(--lc-mushaf-row-height);
    white-space: nowrap;
  }

  .lc-mushaf-page {
    --lc-mushaf-line-font-size: clamp(18px, 5.8vw, 30px);
    --lc-mushaf-row-height: calc(var(--lc-mushaf-line-font-size) * 1.62);
    overflow-clip-margin: 36px;
    padding: 10px 12px 14px;
  }

  .lc-mushaf-page .verset_en_arabe,
  .lc-mushaf-word {
    font-size: inherit !important;
    line-height: inherit;
  }
}

.lc-ab-advanced summary {
  color: #4f5f1e;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.lc-ab-advanced[open] summary {
  margin-bottom: 10px;
}

.lc-ab-selected {
  background: transparent !important;
  box-shadow: none !important;
}

.lc-ab-looping {
  background: rgba(148, 177, 0, 0.12) !important;
}

body.lc-mushaf-mode .lc-mushaf-line {
  position: relative;
}

body.lc-mushaf-mode .lc-mushaf-ayah-mark[role="button"] {
  cursor: pointer;
}

body.lc-mushaf-mode .lc-mushaf-ayah-mark[role="button"]:hover,
body.lc-mushaf-mode .lc-mushaf-ayah-mark[role="button"]:focus {
  border-color: var(--lc-green-d, #5f7300);
  color: var(--lc-green-d, #5f7300);
  outline: none;
}

body.lc-mushaf-mode .lc-mushaf-line-tools {
  direction: ltr;
  display: block;
  font-family: var(--lc-sans);
  font-size: 16px;
  line-height: 1;
  left: 0;
  position: absolute;
  right: auto;
  top: 2px;
  z-index: 12;
}

body.lc-mushaf-mode .lc-mushaf-line-tools .outils_ayah {
  display: block !important;
  position: static;
}

body.lc-mushaf-mode .lc-mushaf-line-tools .outils_ayah .options {
  background: rgba(255, 255, 255, .92);
  border: 1px solid var(--lc-line, #e4e5dc);
  border-radius: 999px;
  box-shadow: var(--lc-shadow-sm);
  padding: 3px;
}

body.lc-mushaf-mode .lc-mushaf-blockinteraction,
body.lc-mushaf-mode .lc-mushaf-page + .blockinteraction {
  direction: ltr;
  font-family: var(--lc-sans);
  margin: 12px 0 26px;
  text-align: left;
}

.lc-juz-page .tableau_option_audio td {
  height: 28px;
  min-width: 50px;
  padding: 0;
  position: relative;
  width: 50px;
}

.lc-juz-page .tableau_option_audio td::before {
  background: var(--lc-line-2, #e4e5dc);
  border-radius: 999px;
  content: "";
  height: 26px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 160ms ease;
  width: 46px;
}

.lc-juz-page .tableau_option_audio td::after {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(16, 40, 28, 0.35);
  content: "";
  height: 20px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  transition: right 160ms ease;
  width: 20px;
}

.page_sourate .tableau_option_audio td:has(.lc-toggle-icon.is-on:not([hidden]))::before,
.lc-juz-page .tableau_option_audio td:has(.lc-toggle-icon.is-on:not([hidden]))::before {
  background: var(--lc-green, #6f8428);
}

.page_sourate .tableau_option_audio td:has(.lc-toggle-icon.is-on:not([hidden]))::after,
.lc-juz-page .tableau_option_audio td:has(.lc-toggle-icon.is-on:not([hidden]))::after {
  right: 2px;
}

.page_sourate .tableau_option_audio td .lc-toggle-icon,
.lc-juz-page .tableau_option_audio td .lc-toggle-icon {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  z-index: 3;
}

.page_sourate .tableau_option_audio td .lc-toggle-icon[hidden],
.lc-juz-page .tableau_option_audio td .lc-toggle-icon[hidden] {
  display: none !important;
}

.page_sourate .tableau_option_audio td .lc-toggle-icon:focus-visible,
.lc-juz-page .tableau_option_audio td .lc-toggle-icon:focus-visible {
  outline: 2px solid var(--lc-green, #6f8428);
  outline-offset: 3px;
}

.lc-floating-popover {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10050;
  width: min(860px, calc(100vw - 32px));
  max-height: min(82vh, calc(100vh - 112px));
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  background: #fff;
  border: 1px solid var(--lc-line, #e4e5dc);
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
  color: var(--lc-ink, #23261d);
  direction: ltr;
  text-align: left;
}

.lc-floating-popover__inner {
  padding: 18px 20px 20px;
}

.lc-mushaf-hover-note {
  background: rgba(255, 255, 255, .98);
  border: 1px solid var(--lc-line, #e4e5dc);
  border-radius: 10px;
  box-shadow: 0 14px 40px -22px rgba(16, 40, 28, .35);
  color: var(--lc-ink, #23261d);
  direction: ltr;
  font-family: var(--lc-sans, system-ui, sans-serif);
  font-size: 13px;
  line-height: 1.4;
  max-width: min(360px, calc(100vw - 24px));
  padding: 10px 12px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  z-index: 10045;
}

.lc-mushaf-hover-note__ref {
  color: var(--lc-green-d, #5f7300);
  font-weight: 800;
  margin-bottom: 4px;
}

.lc-mushaf-hover-note p {
  margin: 0;
}

.lc-mushaf-hover-note__phonetic {
  color: var(--lc-ink-soft, #696b60);
  font-style: italic;
  margin-top: 5px !important;
}

.lc-mushaf-hover-note__tafsir {
  border-top: 1px solid var(--lc-line, #e4e5dc);
  margin-top: 8px;
  max-height: min(42vh, 360px);
  overflow: auto;
  padding-top: 8px;
  pointer-events: auto;
}

.lc-mushaf-hover-note__tafsir strong {
  color: var(--lc-ink, #23261d);
  display: block;
  font-size: .86rem;
  margin-bottom: 4px;
}

.lc-mushaf-hover-note__tafsir .lc-tafsir-entry,
.lc-mushaf-hover-note__tafsir .lc-tafsir-inline {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--lc-line, #e4e5dc);
  border-radius: 0;
  box-shadow: none;
  margin: 8px 0 0;
  padding: 8px 0 0;
}

.lc-mushaf-hover-note__tafsir .lc-tafsir-entry:first-child,
.lc-mushaf-hover-note__tafsir .lc-tafsir-inline:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.lc-mushaf-hover-note__tafsir .lc-tafsir-content {
  font-size: .86rem;
  line-height: 1.58;
}

.lc-mushaf-popup-note {
  border-bottom: 1px solid var(--lc-line, #e4e5dc);
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.lc-verse-popup .blockinteraction,
.lc-popup-blockinteraction {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.lc-verse-popup .blockinteraction:before,
.lc-popup-blockinteraction:before {
  margin: 0 82px 14px 0;
}

.lc-verse-popup .fermer_boite_interaction,
.lc-popup-blockinteraction .fermer_boite_interaction {
  top: -3px;
  right: 0;
}

.lc-word-popup {
  width: min(520px, calc(100vw - 24px));
}

.lc-word-popup__verse {
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid var(--lc-line, #e4e5dc);
  border-radius: var(--lc-r-sm, 8px);
  background: #fff;
  font-family: var(--lc-arab, "Amiri Quran", "Amiri", serif);
  font-size: clamp(1.45rem, 3.6vw, 2.15rem);
  line-height: 1.9;
  color: #12140f;
  text-align: right;
}

.lc-word-popup__verse-word {
  display: inline;
}

.lc-word-popup__verse-word.is-clicked {
  color: var(--lc-green-d, #5f7300);
  font-weight: 800;
}

.lc-word-popup__word {
  font-family: var(--lc-arab, "Amiri Quran", "Amiri", serif);
  font-size: 1.9rem;
  line-height: 1.55;
  text-align: right;
  direction: rtl;
  color: var(--lc-ink, #23261d);
  word-break: normal;
  overflow-wrap: anywhere;
}

.lc-word-popup__meta {
  margin-top: 2px;
  color: var(--lc-ink-soft, #6b6b60);
  font-size: .78rem;
  font-weight: 700;
}

.lc-word-popup__equiv {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--lc-line, #e4e5dc);
  border-radius: var(--lc-r-sm, 8px);
  background: var(--lc-surface-2, #f8f8f2);
  color: var(--lc-ink, #23261d);
  font-size: .8rem;
  line-height: 1.4;
}

.lc-word-popup__equiv span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.lc-word-popup__equiv b {
  margin-right: 6px;
  color: var(--lc-green-d, #5f7300);
  font-size: .72rem;
}

.lc-word-popup__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.lc-word-popup__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--lc-line, #e4e5dc);
  border-radius: var(--lc-r-sm, 8px);
  background: var(--lc-surface, #fff);
  color: var(--lc-ink, #23261d);
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.1;
}

.lc-word-popup__actions button:hover,
.lc-word-popup__actions button:focus {
  border-color: var(--lc-green, #8bb400);
  background: var(--lc-green-tint, #f1f7d8);
  color: var(--lc-green-d, #5f7300);
}

.lc-reciter-form {
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
}

.lc-reciter-form label {
  color: var(--lc-ink-soft, #6b6b60);
  font-size: .82rem;
  font-weight: 800;
}

.lc-reciter-form select {
  width: 100%;
}

@media (max-width: 640px) {
  .lc-ab-range-row {
    grid-template-columns: 1fr;
  }

  .lc-floating-popover {
    max-height: 68vh;
  }

  .lc-word-popup__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Source: blocs sourate du socle v2 migrés dans le CSS de page */

/* ===================================================================
   13. PAGE SOURATE (page_sourate) — restyle (hooks préservés)
   =================================================================== */
.page_sourate .zone_titre {
  align-items: center;
  background: var(--lc-green-tint);
  border-radius: var(--lc-r);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  min-height: clamp(138px, 12vw, 170px);
  padding: clamp(18px, 2.2vw, 28px) clamp(76px, 8vw, 112px);
  position: relative;
  text-align: center;
}
.page_sourate .zone_titre .ar {
  color: var(--lc-green);
  display: block;
  font-family: var(--lc-arab);
  font-size: clamp(1.65rem, 1.25rem + 1vw, 2.05rem);
  line-height: 1.2;
}
.page_sourate .zone_titre h1 {
  font-family: var(--lc-sans);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 2px 0;
  max-width: none;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  white-space: nowrap;
}
.page_sourate .zone_titre p { color: var(--lc-ink-soft); margin: 0; }
.page_sourate .zone_titre .precedent,
.page_sourate .zone_titre .suivant {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--lc-surface); border: 1px solid var(--lc-line); color: var(--lc-green);
  box-shadow: var(--lc-shadow-sm);
}
.page_sourate .zone_titre .precedent { left: clamp(20px, 3vw, 44px); }
.page_sourate .zone_titre .suivant { right: clamp(20px, 3vw, 44px); }
.page_sourate .zone_titre .precedent:hover,
.page_sourate .zone_titre .suivant:hover { background: var(--lc-green); color: #fff; border-color: var(--lc-green); }

/* tabs langue déjà en pills via .choix_langue ; on centre */
.page_sourate .choix_langue { margin: 4px; }
.page_sourate .lc-lang-switch {
  margin-bottom: 10px;
  text-align: center;
}
.page_sourate .lc-fb-like-wrap {
  height: 25px;
  margin-top: 10px;
}
.page_sourate .lc-sourate-shortdesc {
  background-color: #e8eadd;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  padding: 11px;
  text-align: center;
}

/* description */
#explications, .my_text {
  max-width: 860px; margin: 10px auto 8px; padding: 16px 20px;
  background: var(--lc-surface); border: 1px solid var(--lc-line);
  border-radius: var(--lc-r); color: var(--lc-ink-soft); font-size: .95rem;
}
#m-titre-description { color: var(--lc-ink); }

/* layout sourate : colonnes dédiées, sans flotteurs Bootstrap */
.page_sourate .lc-sourate-layout {
  display: flex;
  align-items: flex-start;
  gap: 0;
  max-width: 1840px;
  width: 100%;
  margin: 0 !important;
}
.page_sourate .lc-sourate-layout > #gauche,
.page_sourate .lc-sourate-layout > #centre,
.page_sourate .lc-sourate-layout > #rail {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
}
.page_sourate .lc-sourate-layout > #gauche {
  display: flex;
  flex-direction: column;
}
.page_sourate #gauche > .audio_gauche.nopadding { order: 0; }
.page_sourate #gauche > .audio_gauche2 { order: 1; }
.page_sourate #gauche > .audio_gauche1 { order: 2; }
.page_sourate #gauche > .audio_gauche3 { order: 3; }
/* Pub Refinery89 (wrapper injecté après .audio_gauche2) : la placer en dernier,
   sous la carte Apprentissage, avec le même espacement que les cartes (16px). */
.page_sourate #gauche > [id^="r89-"] { order: 4; margin: 0 0 16px !important; }
.page_sourate #gauche > .lc-ad-notice { order: 5; }
.page_sourate #gauche > .lc-ad-center { order: 80; }
.page_sourate #gauche > #fin_gauche { order: 99; }
@media (min-width: 992px) {
  .page_sourate .lc-sourate-layout > #gauche {
    flex: 0 0 22%;
    max-width: 22%;
    padding: 0 18px 0 0;
    width: 22%;
  }
  .page_sourate .lc-sourate-layout > #centre {
    flex: 0 0 56%;
    max-width: 56%;
    padding: 0 12px;
    width: 56%;
  }
  .page_sourate .lc-sourate-layout > #rail {
    flex: 0 0 22%;
    max-width: 22%;
    padding: 0 0 0 18px;
    width: 22%;
  }
}
@media (max-width: 991px) {
  .page_sourate .lc-sourate-layout {
    flex-direction: column;
  }
  .page_sourate .lc-sourate-layout > #gauche,
  .page_sourate .lc-sourate-layout > #centre,
  .page_sourate .lc-sourate-layout > #rail {
    flex: 0 0 auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  body.page_sourate > .container {
    max-width: 1880px !important;
    width: calc(100% - 48px) !important;
  }

  body.page_sourate .lc-sourate-layout {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1840px !important;
    width: min(100%, 1840px) !important;
  }

  body.page_sourate.lc-reading-range .lc-sourate-layout {
    max-width: 1880px !important;
    width: min(100%, 1880px) !important;
  }
}

@media (min-width: 1600px) {
  body.page_sourate .lc-sourate-layout > #gauche,
  body.page_sourate .lc-sourate-layout > #rail {
    flex-basis: 21% !important;
    max-width: 21% !important;
    width: 21% !important;
  }

  body.page_sourate .lc-sourate-layout > #centre,
  body.page_sourate .lc-sourate-centre {
    flex-basis: 58% !important;
    max-width: 58% !important;
    width: 58% !important;
  }
}
/* #gauche : colonne normale (pas de sticky pour éviter le clipping) */

/* cartes de configuration */
.audio_gauche {
  background: var(--lc-surface); border: 1px solid var(--lc-line);
  border-radius: var(--lc-r); margin-bottom: 16px; overflow: hidden;
}

/* ── Carte « Apprentissage » (.audio_gauche3) ────────────────────────── */
.confappr { display: flex; flex-direction: column; gap: 12px; }
.lc-appr-hint { margin: 0; font-size: .85rem; color: var(--lc-ink-soft); }
.lc-appr-slot:empty { display: none; }
/* Bouton « Réciter de mémoire » (monté par lc-recite.js) et action Mémoriser */
.lcr-appr-btn,
.lc-appr-action {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--lc-line);
  background: var(--lc-surface); color: var(--lc-ink); cursor: pointer;
  text-align: left; text-decoration: none; font: inherit;
  transition: border-color var(--lc-trans), background var(--lc-trans), box-shadow var(--lc-trans);
}
.lcr-appr-btn { margin-bottom: 4px; }
@media (hover: hover) {
  .lcr-appr-btn:hover,
  .lc-appr-action:hover { border-color: var(--lc-green); background: var(--lc-green-tint); }
}
.lcr-appr-btn:active,
.lc-appr-action:active { border-color: var(--lc-green); background: var(--lc-green-tint); }
.lcr-appr-btn > i,
.lc-appr-action > i {
  flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--lc-green); color: #fff; font-size: 1rem;
}
.lcr-appr-tx,
.lc-appr-action-tx { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lcr-appr-tx b,
.lc-appr-action-tx b { font-size: .96rem; font-weight: 700; }
.lcr-appr-tx small,
.lc-appr-action-tx small { font-size: .8rem; color: var(--lc-ink-soft); line-height: 1.25; }

/* ── Toast de confirmation (marque-page, actions verset…) ─────────────── */
.lc-toast {
  position: fixed; left: 50%; bottom: 88px; transform: translate(-50%, 12px);
  z-index: 4000; max-width: min(90vw, 420px);
  padding: 12px 18px; border-radius: 12px;
  background: #23261d; color: #fff; font-size: .95rem; font-weight: 600;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  opacity: 0; pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.lc-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.lc-toast--ok  { background: linear-gradient(135deg, var(--lc-green), var(--lc-green-d)); color: #fff; }
.lc-toast--err { background: #b0362c; color: #fff; }
@media (prefers-reduced-motion: reduce) { .lc-toast { transition: opacity .01s; } }

/* ── « Réciter de mémoire » : CTA phare (fonctionnalité vedette) ───────── */
.lcr-appr-btn {
  margin-bottom: 10px;
  padding: 15px 16px;
  border-color: transparent;
  background: linear-gradient(135deg, var(--lc-green) 0%, var(--lc-green-d) 100%);
  color: #fff;
  box-shadow: 0 8px 22px rgba(148,177,0,.30);
}
.lcr-appr-btn > i {
  background: rgba(255,255,255,.22); color: #fff; position: relative;
}
/* halo pulsant autour du micro pour attirer l'œil */
.lcr-appr-btn > i::after {
  content: ""; position: absolute; inset: -4px; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.55); opacity: 0;
  animation: lcr-pulse 2.6s ease-out infinite;
}
@keyframes lcr-pulse {
  0%   { transform: scale(.85); opacity: .7; }
  70%  { transform: scale(1.35); opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .lcr-appr-btn > i::after { animation: none; } }
.lcr-appr-btn .lcr-appr-tx b { font-size: 1.02rem; }
.lcr-appr-btn .lcr-appr-tx small { color: rgba(255,255,255,.88); }
@media (hover: hover) {
  .lcr-appr-btn:hover {
    border-color: transparent;
    background: linear-gradient(135deg, var(--lc-green) 0%, var(--lc-green) 100%);
    box-shadow: 0 10px 26px rgba(148,177,0,.42);
    transform: translateY(-1px);
  }
}
.lcr-appr-btn:active {
  border-color: transparent; background: linear-gradient(135deg, var(--lc-green-d), var(--lc-green-d));
  transform: translateY(0);
}
/* La barre hifz dans la carte : pas de double encadré */
.confappr #lc-hifz-bar { margin: 0; }
.audio_gauche.nopadding { padding: 0; }
.audio_gauche audio { width: 100%; display: block; }
#div_audio { padding: 14px; }
.gestiondelaudio {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 14px 16px; font-weight: 700; cursor: pointer; color: var(--lc-ink);
  border-bottom: 1px solid var(--lc-line-2);
}
.gestiondelaudio::after { content: "\f078"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:.75rem; color: var(--lc-ink-faint); }
.padding_gauche { padding: 14px 16px; }
.confecoute, .conflecture, .contblog { padding: 4px 16px 16px; }

/* audio language pills */
.langaudio {
  display: inline-block; padding: .35em .8em; margin: 2px; border-radius: var(--lc-pill);
  border: 1px solid var(--lc-line); color: var(--lc-ink); font-size: .85rem; font-weight: 600; cursor: pointer;
}
.langaudio:hover { border-color: var(--lc-green); color: var(--lc-green); }
.langaudioactive { background: var(--lc-green); border-color: var(--lc-green); color: #fff; }

/* sliders / selects / checkboxes config */
#gauche input[type="range"] { width: 100%; accent-color: var(--lc-green); }
#gauche select { margin: 4px 0; }
#gauche .options, #gauche table { width: 100%; }
#gauche table td { border: 0; padding: 8px 6px; vertical-align: middle; }
#gauche input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--lc-green); }
#vitesse2 { font-weight: 700; color: var(--lc-green); }

/* taille texte */
#taille_text img, .options img { cursor: pointer; }
#agrandirtext, #diminuertext { display: inline-flex; align-items:center; justify-content:center; width: 34px; height: 34px; border:1px solid var(--lc-line); border-radius: 50%; background: var(--lc-surface-2); }

/* thème jour/nuit (segmented) */
#theme .btn-group, .btn-group[data-toggle="buttons"] { display: inline-flex; gap: 6px; }
#jour, #nuit { border: 1px solid var(--lc-line) !important; border-radius: var(--lc-pill) !important; padding: .4em 1em !important; cursor: pointer; background: var(--lc-surface); }

/* MP3 download icon */
.audio_gauche .agrandir, #telecharger_sourate img { max-width: 44px; }

/* liste des sourates */
#liste_des_sourates2 { background: var(--lc-surface); border:1px solid var(--lc-line); border-radius: var(--lc-r); overflow:hidden; margin-bottom:16px; }
.listetitre, .listefermer { padding: 12px 16px; font-weight: 700; cursor: pointer; display:block; }
#liste_cache { max-height: 320px; overflow:auto; padding: 6px 10px; }
.une_sourate { padding: 8px 6px; border-bottom: 1px solid var(--lc-line-2); font-size: .88rem; }
.numero_sourate { color: var(--lc-ink-faint); font-weight:700; margin-right:6px; }

/* ---- colonne versets ---- */
.annonceverset {
  background: var(--lc-green-tint); border: 1px solid var(--lc-line);
  border-radius: var(--lc-r) var(--lc-r) 0 0; padding: 12px 16px; color: var(--lc-ink);
  font-size: .9rem; margin-bottom: 14px;
}
#div_des_versets { background: var(--lc-surface); border: 1px solid var(--lc-line); border-radius: var(--lc-r); overflow: hidden; }
.verset.ayah_wrapper, p.ayah_wrapper {
  display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 14px; row-gap: 8px; align-items: start;
  margin: 0; padding: 18px 20px; border-bottom: 1px solid var(--lc-line-2);
  cursor: pointer; transition: background var(--lc-trans);
}
.verset.ayah_wrapper:hover { background: var(--lc-surface-2); }
.num_verset {
  grid-column: 1; grid-row: 1; width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--lc-green-tint); color: var(--lc-green); font-weight: 700; font-size: .85rem;
  margin-top: .18em;
}
.pd-behind { display: block; grid-column: 2; min-width: 0; font-size: 1.05rem; line-height: 1.65; color: var(--lc-ink); }
.page_sourate .pd-behind { font-size: 1em; }
.pdepuis, .verset_en_arabe { display: block; margin-top: 8px; }
.pd-behind.verset_en_arabe { margin-top: 0; }
.page_sourate .texte_verset > .pdepuis,
.page_sourate .texte_verset > .verset_en_arabe,
.page_sourate .texte_verset > .verset_en_francais,
.page_sourate .texte_verset > .verset_en_phonetique {
  grid-column: 2;
  min-width: 0;
  width: 100%;
}
.verset_en_arabe, .verset_arabe { font-family: var(--lc-arab); font-size: 1.5rem; line-height: 2; color: var(--lc-ink); text-align: right; direction: rtl; }
.verset_en_phonetique { color: var(--lc-ink-soft); font-style: italic; }
/* Lignes secondaires (arabe/phonétique affichées SOUS un verset français/phonétique) :
   bloc compact, on supprime le grand vide vertical (line-height:2 réservé à la lecture arabe principale). */
.verset_en_arabe:not(.pd-behind) { line-height: 1.5; margin-top: 4px; }
.verset_en_phonetique:not(.pd-behind) { margin-top: 2px; line-height: 1.4; }
.verset_pos_0 { justify-content: center; text-align: center; color: var(--lc-green); font-family: var(--lc-arab); font-size: 1.4rem; }
.lc-text-10 { --lc-txt-size: 10px; }
.lc-text-11 { --lc-txt-size: 11px; }
.lc-text-12 { --lc-txt-size: 12px; }
.lc-text-13 { --lc-txt-size: 13px; }
.lc-text-14 { --lc-txt-size: 14px; }
.lc-text-15 { --lc-txt-size: 15px; }
.lc-text-16 { --lc-txt-size: 16px; }
.lc-text-17 { --lc-txt-size: 17px; }
.lc-text-18 { --lc-txt-size: 18px; }
.lc-text-19 { --lc-txt-size: 19px; }
.lc-text-20 { --lc-txt-size: 20px; }
.lc-text-21 { --lc-txt-size: 21px; }
.lc-text-22 { --lc-txt-size: 22px; }
.lc-text-23 { --lc-txt-size: 23px; }
.lc-text-24 { --lc-txt-size: 24px; }
.lc-text-25 { --lc-txt-size: 25px; }
.lc-text-26 { --lc-txt-size: 26px; }
.lc-text-27 { --lc-txt-size: 27px; }
.lc-text-28 { --lc-txt-size: 28px; }
.lc-text-29 { --lc-txt-size: 29px; }
.lc-text-30 { --lc-txt-size: 30px; }
.lc-text-31 { --lc-txt-size: 31px; }
.lc-text-32 { --lc-txt-size: 32px; }
.lc-text-33 { --lc-txt-size: 33px; }
.lc-text-34 { --lc-txt-size: 34px; }
.lc-text-35 { --lc-txt-size: 35px; }
.lc-text-36 { --lc-txt-size: 36px; }
.lc-text-37 { --lc-txt-size: 37px; }
.lc-text-38 { --lc-txt-size: 38px; }
.lc-text-39 { --lc-txt-size: 39px; }
.lc-text-40 { --lc-txt-size: 40px; }
.lc-artext-16 { --lc-ar-txt-size: 16px; }
.lc-artext-17 { --lc-ar-txt-size: 17px; }
.lc-artext-18 { --lc-ar-txt-size: 18px; }
.lc-artext-19 { --lc-ar-txt-size: 19px; }
.lc-artext-20 { --lc-ar-txt-size: 20px; }
.lc-artext-21 { --lc-ar-txt-size: 21px; }
.lc-artext-22 { --lc-ar-txt-size: 22px; }
.lc-artext-23 { --lc-ar-txt-size: 23px; }
.lc-artext-24 { --lc-ar-txt-size: 24px; }
.lc-artext-25 { --lc-ar-txt-size: 25px; }
.lc-artext-26 { --lc-ar-txt-size: 26px; }
.lc-artext-27 { --lc-ar-txt-size: 27px; }
.lc-artext-28 { --lc-ar-txt-size: 28px; }
.lc-artext-29 { --lc-ar-txt-size: 29px; }
.lc-artext-30 { --lc-ar-txt-size: 30px; }
.lc-artext-31 { --lc-ar-txt-size: 31px; }
.lc-artext-32 { --lc-ar-txt-size: 32px; }
.lc-artext-33 { --lc-ar-txt-size: 33px; }
.lc-artext-34 { --lc-ar-txt-size: 34px; }
.lc-artext-35 { --lc-ar-txt-size: 35px; }
.lc-artext-36 { --lc-ar-txt-size: 36px; }
.lc-artext-37 { --lc-ar-txt-size: 37px; }
.lc-artext-38 { --lc-ar-txt-size: 38px; }
.lc-artext-39 { --lc-ar-txt-size: 39px; }
.lc-artext-40 { --lc-ar-txt-size: 40px; }
.lc-artext-41 { --lc-ar-txt-size: 41px; }
.lc-artext-42 { --lc-ar-txt-size: 42px; }
.lc-artext-43 { --lc-ar-txt-size: 43px; }
.lc-artext-44 { --lc-ar-txt-size: 44px; }
.lc-artext-45 { --lc-ar-txt-size: 45px; }
.lc-artext-46 { --lc-ar-txt-size: 46px; }
.lc-artext-47 { --lc-ar-txt-size: 47px; }
.lc-artext-48 { --lc-ar-txt-size: 48px; }
.lc-artext-49 { --lc-ar-txt-size: 49px; }
.lc-artext-50 { --lc-ar-txt-size: 50px; }
.lc-artext-51 { --lc-ar-txt-size: 51px; }
.lc-artext-52 { --lc-ar-txt-size: 52px; }
.page_sourate #div_des_versets { font-size: calc(var(--lc-txt-size, 14px) + 2px); }
.page_sourate .texte_verset .verset_en_arabe.pd-behind,
.page_sourate .verset_pos_0.verset_en_arabe {
  font-size: var(--lc-ar-txt-size, 25px);
}
.page_sourate .texte_verset .verset_en_arabe_depuis {
  font-size: calc(var(--lc-txt-size, 14px) + 4px);
}
.page_sourate .texte_verset .verset_en_francais_depuis,
.page_sourate .texte_verset .verset_en_phonetique_depuis {
  font-size: max(14px, var(--lc-txt-size, 14px));
}
.page_sourate .is-requested-verse {
  background: #e8eadd !important;
}
.page_sourate .lc-verse-playing {
  background: rgba(148, 177, 0, 0.2);
  color: var(--lc-ink);
}
.page_sourate .lc-verse-open {
  background: rgba(148, 177, 0, 0.2);
  color: var(--lc-ink);
}
.lc-juz-page .lc-verse-playing {
  background: rgba(148, 177, 0, 0.2);
  color: var(--lc-ink);
}
.page_sourate .lc-verse-playing-night {
  background: rgba(148, 177, 0, 0.6);
  color: #fff;
}
.page_sourate .lc-verse-playing-night.lc-verse-open,
.page_sourate .lc-verse-open.lc-verse-playing-night {
  background: rgba(148, 177, 0, 0.6);
  color: #fff;
}

/* mode ligne/texte + mémorisation */
.lien_memo_sourate { font-size: .85rem; }

/* nav bas de page */
.nav_bas_page { display: flex; justify-content: space-between; gap: 12px; margin: 22px 0; }
.nav_bas_page .btn-primary { flex: 0 1 auto; }

/* responsive : voir .lc-sourate-layout */

/* Page sourate : rail droit (Progression / Aller au verset / nav) */
.lc-srail-card { background: var(--lc-surface); border: 1px solid var(--lc-line); border-radius: var(--lc-r); padding: 18px; }
.lc-srail-h { font-weight: 700; display: flex; gap: 8px; align-items: center; margin-bottom: 10px; }
.lc-srail-h i { color: var(--lc-green); }
.lc-srail-total { font-size: .9rem; margin: 0 0 6px; }
.lc-srail-label { display: block; margin: 10px 0 6px; }
.lc-srail-nav { margin: 12px 0 0; }
.lc-srail-link { font-weight: 600; font-size: .9rem; }
.lc-srail .btn-primary { margin-top: 12px; }
@media (max-width: 991px) { .page_sourate .lc-srail { margin-top: 16px; } }

/* ===================================================================
   17. Select "Navigation rapide" designé + SEO dans un panel moderne
   =================================================================== */
/* --- Select navigation rapide --- */
.lc-surah-nav { display: inline-flex; align-items: center; gap: 10px; }
.lc-surah-nav::before { content: "Navigation rapide"; color: var(--lc-ink-soft); font-size: .92rem; font-weight: 600; white-space: nowrap; }
.lc-surah-nav .nav_rapide {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  min-width: 250px; max-width: 320px; cursor: pointer;
  font-family: var(--lc-sans); font-size: .92rem; font-weight: 600; color: var(--lc-ink);
  padding: 11px 42px 11px 18px;
  border: 1px solid var(--lc-line); border-radius: var(--lc-pill);
  background-color: var(--lc-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2394b100' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center; background-size: 12px 8px;
  box-shadow: var(--lc-shadow-sm); transition: border-color var(--lc-trans), box-shadow var(--lc-trans);
}
.lc-surah-nav .nav_rapide:hover { border-color: var(--lc-green); }
.lc-surah-nav .nav_rapide:focus { outline: none; border-color: var(--lc-green); box-shadow: 0 0 0 3px var(--lc-green-tint); }

/* --- SEO dans un panel moderne (fond) --- */
.lc-seo {
  background: var(--lc-surface);
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r);
  box-shadow: var(--lc-shadow-sm);
  padding: clamp(28px, 4vw, 60px) !important;
  margin: 46px 0 0 !important;
  border-top: 1px solid var(--lc-line);
}
.lc-seo .lc-seo-body blockquote {
  background: var(--lc-surface-2);
  border-left: 4px solid var(--lc-green);
}

/* ===================================================================
   22. PAGE SOURATE v2 — maquette « Première proposition »
   Hero fix, lecteur audio sticky, rail droit enrichi, actions verset
   =================================================================== */

/* --- 22.1 Hero : le titre ne doit jamais passer sous les flèches --- */
.page_sourate .zone_titre { padding-left: clamp(50px, 8vw, 74px); padding-right: clamp(50px, 8vw, 74px); }
.page_sourate .zone_titre .ar { line-height: 1.2; margin-bottom: 2px; }
.page_sourate .zone_titre h1 { line-height: 1.2; }
.page_sourate .zone_titre p { font-weight: 600; }
.page_sourate .zone_titre .precedent { left: clamp(20px, 3vw, 44px); }
.page_sourate .zone_titre .suivant { right: clamp(20px, 3vw, 44px); }
@media (max-width: 600px){
  .page_sourate .zone_titre { padding-left: 46px; padding-right: 46px; }
  .page_sourate .zone_titre .precedent, .page_sourate .zone_titre .suivant { width: 38px; height: 38px; }
  .page_sourate .zone_titre .precedent { left: 12px; }
  .page_sourate .zone_titre .suivant { right: 12px; }
}

/* --- 22.2 Lecteur audio sticky (bas de page) --- */
/* on masque le lecteur natif : il reste fonctionnel, piloté par la barre */
.page_sourate #audioPlayer, .page_sourate #audioPlayer_arabe { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
/* carte « lecteur brut » côté français : vide une fois le natif masqué → on la retire */
.page_sourate .audio_gauche--frempty { display: none; }
/* récitateur (arabe/phonétique) : le conteneur du <audio> caché ne doit pas laisser de vide */
.page_sourate #div_audio { padding: 0; }
.page_sourate #choix_recitateur, .page_sourate #choix_recitateur select { margin: 0; }
body.page_sourate { padding-bottom: 96px; }

#lc-player {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1200;
  display: flex; align-items: center; gap: clamp(12px, 2vw, 26px);
  padding: 10px clamp(12px, 3vw, 30px);
  background: var(--lc-surface); border-top: 1px solid var(--lc-line);
  box-shadow: 0 -6px 24px rgba(15, 40, 25, .10);
}
.lc-pl-info { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; min-width: 0; width: clamp(180px, 22%, 300px); }
.lc-pl-badge { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px; background: var(--lc-green-tint); color: var(--lc-green); display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.lc-pl-meta { min-width: 0; line-height: 1.3; }
.lc-pl-meta b { display: block; color: var(--lc-ink); font-size: .95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lc-pl-meta small { color: var(--lc-ink-soft); font-size: .8rem; }

.lc-pl-center { flex: 1 1 auto; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lc-pl-btns { display: flex; align-items: center; justify-content: center; gap: 14px; }
.lc-pl-btn { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--lc-ink-soft); cursor: pointer; width: 38px; height: 38px; border-radius: 50%; font-size: 1rem; position: relative; transition: color var(--lc-trans), background var(--lc-trans); }
/* survol seulement sur pointeur fin (souris) : sur tactile le tap ne laisse pas
   le bouton « collé » en vert ; le feedback tactile passe par :active */
@media (hover: hover) { .lc-pl-btn:hover { color: var(--lc-green); background: var(--lc-surface-2); } }
.lc-pl-btn:active { color: var(--lc-green); background: var(--lc-surface-2); }
.lc-pl-mlbl { display: none; } /* mini-libellé des modes : mobile seulement */
.lc-pl-skip::after { content: attr(data-sec); position: absolute; bottom: 3px; right: 3px; font-size: .5rem; font-weight: 800; background: var(--lc-surface); border-radius: 4px; padding: 0 1px; line-height: 1.1; }
.lc-pl-play { width: 50px; height: 50px; background: var(--lc-green); color: #fff; font-size: 1.15rem; box-shadow: 0 3px 10px rgba(15,122,79,.35); }
.lc-pl-play:hover { background: var(--lc-green); color: #fff; filter: brightness(.95); }
.lc-pl-mode {
  border: 1px solid transparent;
}
.lc-pl-mode.is-on {
  background: var(--lc-green-tint);
  border-color: rgba(15, 122, 79, .22);
  color: var(--lc-green);
}
.lc-pl-mode.is-on::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 6px;
  width: 7px;
  height: 7px;
  border: 2px solid var(--lc-surface);
  border-radius: 50%;
  background: var(--lc-green);
}
.lc-pl-mode-next::before {
  align-items: center;
  background: var(--lc-surface);
  border: 1px solid rgba(15, 122, 79, .22);
  border-radius: 50%;
  color: var(--lc-green);
  content: "\f0e7";
  display: inline-flex;
  font-family: "Font Awesome 5 Free";
  font-size: .48rem;
  font-weight: 900;
  height: 14px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
  width: 14px;
}
.lc-pl-progress { display: flex; align-items: center; gap: 10px; }
.lc-pl-progress time { font-size: .72rem; color: var(--lc-ink-soft); font-variant-numeric: tabular-nums; flex: 0 0 auto; min-width: 34px; }
.lc-pl-progress time.lc-pl-dur { text-align: right; }
.lc-range { -webkit-appearance: none; appearance: none; height: 6px; border-radius: 6px; background: linear-gradient(var(--lc-green), var(--lc-green)) no-repeat, var(--lc-line-2); background-size: var(--pct,0%) 100%, 100% 100%; cursor: pointer; outline: none; }
.lc-pl-seek { flex: 1 1 auto; }
.lc-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; background: var(--lc-green); border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.lc-range::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: var(--lc-green); }
.lc-pl-side {
  align-items: stretch;
  display: flex;
  flex: 0 0 clamp(118px, 14%, 168px);
  flex-direction: column;
  gap: 6px;
}
.lc-pl-modes {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.lc-pl-vol-wrap { display: flex; align-items: center; gap: 8px; width: 100%; }
.lc-pl-vol-wrap i { color: var(--lc-ink-soft); }
.lc-pl-vol { width: 100%; }
@media (max-width: 820px){
  .lc-pl-info { width: auto; }
  .lc-pl-meta { display: none; }
  .lc-pl-side { flex: 0 0 auto; }
  .lc-pl-vol-wrap { display: none; }
}

/* --- 22.3 Rail droit enrichi --- */
.lc-srail-card + .lc-srail-card { margin-top: 16px; }
.lc-srail-progress { margin: 4px 0 2px; }
.lc-srail-bar { height: 8px; border-radius: 8px; background: var(--lc-line-2); overflow: hidden; }
.lc-srail-bar > i { display: block; height: 100%; width: 0; background: var(--lc-green); border-radius: 8px; transition: width .2s ease; }
.lc-srail-pct { display: block; font-weight: 700; color: var(--lc-green); font-size: .9rem; text-align: right; }
.lc-srail-actions { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
.lc-srail-act { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-radius: var(--lc-r-sm); color: var(--lc-ink); text-decoration: none; cursor: pointer; border: 0; background: transparent; width: 100%; text-align: left; transition: background var(--lc-trans); font-size: .92rem; }
.lc-srail-act:hover { background: var(--lc-surface-2); color: var(--lc-ink); }
.lc-srail-act > i { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: var(--lc-green-tint); color: var(--lc-green); display: inline-flex; align-items: center; justify-content: center; font-size: .9rem; }
.lc-srail-act span { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.lc-srail-act span small { color: var(--lc-ink-soft); font-size: .76rem; }
.lc-srail-navcards { display: flex; flex-direction: column; gap: 8px; }
.lc-srail-navcard { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border: 1px solid var(--lc-line); border-radius: var(--lc-r-sm); color: var(--lc-ink); text-decoration: none; transition: border-color var(--lc-trans), background var(--lc-trans); }
.lc-srail-navcard:hover { border-color: var(--lc-green); background: var(--lc-green-tint); color: var(--lc-ink); }
.lc-srail-navcard small { display: block; color: var(--lc-ink-soft); font-size: .72rem; text-transform: uppercase; letter-spacing: .4px; }
.lc-srail-navcard b { font-size: .92rem; }
.lc-srail-navcard i { color: var(--lc-green); flex: 0 0 auto; }

/* --- 22.4 Outils du verset au survol (.outils_ayah générés côté payload) ---
   Positionné en absolu top-right, hors flux -> le texte du verset garde toute la largeur. */
.verset.ayah_wrapper { position: relative; }
.outils_ayah {
  position: absolute; top: 6px; right: 10px; z-index: 3;
  display: none;
}
.verset.ayah_wrapper:hover .outils_ayah { display: block; }
.outils_ayah .options { display: flex; align-items: center; gap: 4px; }
.outils_ayah .lien_option {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; margin: 0; border-radius: 50%;
  background: var(--lc-surface); border: 1px solid var(--lc-line);
  color: var(--lc-ink-faint) !important; text-decoration: none !important; cursor: pointer;
  box-shadow: var(--lc-shadow-sm);
  transition: background var(--lc-trans), color var(--lc-trans), border-color var(--lc-trans), transform var(--lc-trans);
}
.outils_ayah .lien_option:hover, .outils_ayah .lien_option:focus { background: var(--lc-green-tint); border-color: var(--lc-green); color: var(--lc-green) !important; transform: translateY(-1px); }
.outils_ayah .lien_option i { display: block; font-size: .82rem; opacity: 1; }
.outils_ayah .lien_option i.is-active { color: var(--lc-green) !important; opacity: 1; }
.outils_ayah .lien_option .fa-facebook-f { color: #1877f2; }
.outils_ayah .lien_option .fa-twitter { color: #1d9bf0; }
.outils_ayah .lien_option .fa-whatsapp { color: #22c55e; }
.outils_ayah .lien_option .fa-telegram-plane { color: #229ed9; }
/* état actif (marque-page / mémorisé posé) */
.outils_ayah .lien_option i[style*="opacity:1"], .outils_ayah .lien_option i[style*="opacity: 1"] { color: var(--lc-green) !important; }
/* infobulle */
.outils_ayah .infobulle {
  display: none; position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%);
  white-space: nowrap; margin: 0; padding: 4px 9px; border-radius: 7px;
  background: var(--lc-ink); color: #fff; font-size: .7rem; font-weight: 600; line-height: 1.2;
  box-shadow: var(--lc-shadow); z-index: 6; pointer-events: none;
}
.outils_ayah .lien_option:hover .infobulle { display: block; }
/* tactile / mobile : pas de survol -> on s'appuie sur le panneau au clic */
@media (hover: none), (max-width: 820px) { .outils_ayah { display: none !important; } }

.lc-member-modal[hidden] { display: none !important; }
.lc-member-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 3000;
}
.lc-member-modal__backdrop {
  background: rgba(22, 29, 24, .48);
  inset: 0;
  position: absolute;
}
.lc-member-modal__panel {
  background: var(--lc-surface);
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r);
  box-shadow: var(--lc-shadow-lg);
  color: var(--lc-ink);
  max-width: 430px;
  padding: 24px;
  position: relative;
  width: min(100%, 430px);
}
.lc-member-modal__close {
  align-items: center;
  background: var(--lc-surface-2);
  border: 1px solid var(--lc-line);
  border-radius: 50%;
  color: var(--lc-ink-soft);
  cursor: pointer;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 34px;
}
.lc-member-modal__icon {
  align-items: center;
  background: var(--lc-green-tint);
  border-radius: 14px;
  color: var(--lc-green);
  display: inline-flex;
  font-size: 1.1rem;
  height: 46px;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
}
.lc-member-modal__head {
  align-items: center;
  display: flex;
  gap: 14px;
  margin: 0 42px 18px 0;
}
.lc-member-modal h2 { font-family: var(--lc-serif); font-size: 1.45rem; margin: 0 0 4px; }
.lc-member-modal p { color: var(--lc-ink-soft); line-height: 1.5; margin: 0; }
.lc-member-login-form { display: flex; flex-direction: column; gap: 12px; }
.lc-member-login-form label { color: var(--lc-ink); display: flex; flex-direction: column; font-size: .86rem; font-weight: 700; gap: 5px; }
.lc-member-login-form input {
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  color: var(--lc-ink);
  font: inherit;
  padding: 11px 12px;
}
.lc-member-login-form input:focus { border-color: var(--lc-green); box-shadow: 0 0 0 3px var(--lc-green-tint); outline: none; }
.lc-member-modal[data-mode="login"] .lc-member-modal__register-only { display: none; }
.lc-member-login-form .lc-member-modal__check {
  align-items: flex-start;
  color: var(--lc-ink-soft);
  flex-direction: row;
  font-size: .78rem;
  font-weight: 500;
  gap: 9px;
  line-height: 1.35;
}
.lc-member-modal__check input { flex: 0 0 auto; margin-top: 2px; width: auto; }
.lc-member-modal__error { color: #b42318 !important; font-size: .86rem; margin: -2px 0 0 !important; min-height: 1.2em; }
.lc-member-modal__success { color: var(--lc-green) !important; font-size: .86rem; font-weight: 700; min-height: 1.2em; }
.lc-member-modal__submit {
  background: var(--lc-green);
  border: 0;
  border-radius: var(--lc-pill);
  color: #fff;
  cursor: pointer;
  font-weight: 800;
  padding: 12px 18px;
}
.lc-member-modal__submit:disabled { cursor: wait; opacity: .62; }
.lc-member-modal__links { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: space-between; margin-top: 16px; }
.lc-member-modal__links button {
  background: transparent;
  border: 0;
  color: var(--lc-green);
  cursor: pointer;
  font: inherit;
  font-size: .9rem;
  font-weight: 700;
  padding: 0;
  text-decoration: none;
}
.lc-member-modal__primary-link {
  background: var(--lc-green-tint) !important;
  border-radius: var(--lc-pill);
  padding: 8px 14px;
}

.lc-share-modal[hidden] { display: none !important; }
.lc-share-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  /* Au-dessus du popup verset (.lc-verse-popup z-index:10050) : sinon le modal
     de partage ouvert depuis un verset s'affiche derrière et devient invisible. */
  z-index: 10100;
}
.lc-share-modal__backdrop {
  background: rgba(22, 29, 24, .48);
  inset: 0;
  position: absolute;
}
.lc-share-modal__panel {
  background: var(--lc-surface);
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r);
  box-shadow: var(--lc-shadow-lg);
  color: var(--lc-ink);
  max-width: 520px;
  padding: 24px;
  position: relative;
  width: min(100%, 520px);
}
.lc-share-modal__close {
  align-items: center;
  background: var(--lc-surface-2);
  border: 1px solid var(--lc-line);
  border-radius: 50%;
  color: var(--lc-ink-soft);
  cursor: pointer;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 34px;
}
.lc-share-modal__head {
  align-items: center;
  display: flex;
  gap: 14px;
  margin: 0 42px 18px 0;
}
.lc-share-modal__head > span {
  align-items: center;
  background: var(--lc-green-tint);
  border-radius: 14px;
  color: var(--lc-green);
  display: inline-flex;
  flex: 0 0 46px;
  height: 46px;
  justify-content: center;
  width: 46px;
}
.lc-share-modal h2 { font-family: var(--lc-serif); font-size: 1.45rem; margin: 0 0 4px; }
.lc-share-modal p { color: var(--lc-ink-soft); line-height: 1.5; margin: 0; }
.lc-share-modal__actions {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 18px 0 14px;
}
.lc-share-modal__actions a,
.lc-share-modal__actions button {
  align-items: center;
  background: var(--lc-surface);
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  color: var(--lc-ink);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-weight: 700;
  gap: 10px;
  padding: 11px 12px;
  text-align: left;
  text-decoration: none;
}
.lc-share-modal__actions a:hover,
.lc-share-modal__actions button:hover { border-color: var(--lc-green); background: var(--lc-green-tint); color: var(--lc-ink); }
.lc-share-modal__actions i {
  align-items: center;
  background: var(--lc-green-tint);
  border-radius: 50%;
  color: var(--lc-green);
  display: inline-flex;
  flex: 0 0 30px;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.lc-share-modal__url {
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  color: var(--lc-ink-soft);
  font: inherit;
  padding: 10px 12px;
  width: 100%;
}
.lc-share-modal__copied {
  color: var(--lc-green) !important;
  display: none;
  font-size: .88rem;
  font-weight: 700;
  margin-top: 8px !important;
}
.lc-share-modal.is-copied .lc-share-modal__copied { display: block; }
@media (max-width: 520px) {
  .lc-share-modal__actions { grid-template-columns: 1fr; }
}

/* --- 22.7 Panneau d'interaction verset (au clic sur un verset) — porté de le-coran.com, adapté v2 --- */
.blockinteraction {
  position: relative; clear: both; margin: 2px 0 10px; padding: 16px;
  background: transparent; border: 1px solid var(--lc-line);
  border-radius: var(--lc-r); box-shadow: none;
}
.blockinteraction:before {
  content: "Options du verset"; display: block;
  margin: 0 0 12px; color: var(--lc-ink); font-size: 1rem; font-weight: 700;
}
.fermer_boite_interaction {
  position: absolute; top: 12px; right: 14px;
  display: inline-flex; align-items: center; justify-content: center;
  margin: 0; padding: 6px 12px; border-radius: var(--lc-pill);
  background: var(--lc-surface); color: var(--lc-ink-soft); border: 1px solid var(--lc-line);
  cursor: pointer; font-size: .76rem; font-weight: 700; line-height: 1;
}
.fermer_boite_interaction:hover { background: var(--lc-green-tint); color: var(--lc-green-d); }
.blockinteraction #interaction {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; clear: both; text-align: left;
}
.blockinteraction .partager {
  display: flex !important; align-items: center; justify-content: flex-start; gap: 10px;
  min-height: 44px; margin: 0; padding: 10px 12px;
  border: 1px solid var(--lc-line); border-radius: var(--lc-r-sm);
  background: var(--lc-surface) !important; color: var(--lc-ink) !important;
  text-decoration: none !important; font-size: .82rem; font-weight: 600; line-height: 1.25;
  cursor: pointer; box-shadow: var(--lc-shadow-sm);
  transition: background var(--lc-trans), border-color var(--lc-trans), box-shadow var(--lc-trans), transform var(--lc-trans);
}
.blockinteraction .partager:hover, .blockinteraction .partager:focus {
  background: var(--lc-green-tint) !important; border-color: var(--lc-green);
  transform: translateY(-1px); color: var(--lc-ink) !important;
}
.blockinteraction .partager:before {
  content: "\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 900;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
  background: var(--lc-green-tint); color: var(--lc-green); font-size: .82rem;
}
.blockinteraction .lien_option.partager:before { content: "\f02e"; }
.blockinteraction #reprendre:before, .blockinteraction #reprendre2:before { content: "\f04b"; }
.blockinteraction #telecharger_verset:before { content: "\f019"; }
.blockinteraction .pfacebook:before { content: "\f39e"; font-family: "Font Awesome 5 Brands"; background: #edf4ff; color: #1877f2; }
.blockinteraction .ptwitter:before  { content: "\f099"; font-family: "Font Awesome 5 Brands"; background: #edf8ff; color: #1d9bf0; }
.blockinteraction .pwhatsapp:before { content: "\f232"; font-family: "Font Awesome 5 Brands"; background: #ecfdf3; color: #22c55e; }
.blockinteraction .ptelegram:before { content: "\f3fe"; font-family: "Font Awesome 5 Brands"; background: #eef8ff; color: #229ed9; }
.blockinteraction audio { grid-column: 1 / -1; width: 100%; margin: 4px 0 8px; border-radius: var(--lc-r-sm); }
.blockinteraction #interaction b { display: block; grid-column: 1 / -1; margin-top: 4px; padding: 10px 12px; border-radius: var(--lc-r-sm); background: var(--lc-surface-2); color: var(--lc-ink); font-size: .78rem; line-height: 1.45; word-break: break-word; }
.blockinteraction .verse-share-link {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin-top: 4px;
  padding: 12px 14px;
  border-radius: var(--lc-r-sm);
  background: var(--lc-surface-2);
  color: var(--lc-ink-soft);
  font-size: .78rem;
  line-height: 1.5;
  border: 1px solid var(--lc-line);
}
.blockinteraction .verse-share-link__label { flex: 0 0 auto; }
.blockinteraction .verse-share-link__url {
  flex: 1 1 360px;
  color: var(--lc-ink);
  font-weight: 700;
  min-width: 0;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.blockinteraction .verse-share-link__url:hover,
.blockinteraction .verse-share-link__url:focus { color: var(--lc-green); }
.blockinteraction .verse-share-link__copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-pill);
  background: var(--lc-surface);
  color: var(--lc-ink);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 6px 10px;
}
.blockinteraction .verse-share-link__copy:hover,
.blockinteraction .verse-share-link__copy:focus {
  border-color: var(--lc-green);
  color: var(--lc-green);
}
.blockinteraction .verse-share-link__copied {
  color: var(--lc-green);
  display: none;
  font-style: normal;
  font-weight: 700;
}
.blockinteraction .verse-share-link.is-copied .verse-share-link__copied { display: inline; }
@media (max-width: 640px) { .blockinteraction #interaction { grid-template-columns: minmax(0, 1fr); } }

.lc-floating-popover {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10050;
  width: min(860px, calc(100vw - 32px));
  max-height: min(82vh, calc(100vh - 112px));
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  background: #fff;
  border: 1px solid var(--lc-line);
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
  color: var(--lc-ink);
  direction: ltr;
  text-align: left;
}
.lc-floating-popover__inner {
  padding: 18px 20px 20px;
}
.lc-mushaf-hover-note {
  background: rgba(255, 255, 255, .98);
  border: 1px solid var(--lc-line);
  border-radius: 10px;
  box-shadow: 0 14px 40px -22px rgba(16, 40, 28, .35);
  color: var(--lc-ink);
  direction: ltr;
  font-family: var(--lc-sans);
  font-size: 13px;
  line-height: 1.4;
  max-width: min(360px, calc(100vw - 24px));
  padding: 10px 12px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  z-index: 10045;
}
.lc-mushaf-hover-note__ref {
  color: var(--lc-green-d);
  font-weight: 800;
  margin-bottom: 4px;
}
.lc-mushaf-hover-note p {
  margin: 0;
}
.lc-mushaf-hover-note__phonetic {
  color: var(--lc-ink-soft);
  font-style: italic;
  margin-top: 5px !important;
}
.lc-mushaf-hover-note__tafsir {
  border-top: 1px solid var(--lc-line);
  margin-top: 8px;
  max-height: min(42vh, 360px);
  overflow: auto;
  padding-top: 8px;
  pointer-events: auto;
}
.lc-mushaf-hover-note__tafsir strong {
  color: var(--lc-ink);
  display: block;
  font-size: .86rem;
  margin-bottom: 4px;
}
.lc-mushaf-hover-note__tafsir .lc-tafsir-entry,
.lc-mushaf-hover-note__tafsir .lc-tafsir-inline {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--lc-line);
  border-radius: 0;
  box-shadow: none;
  margin: 8px 0 0;
  padding: 8px 0 0;
}
.lc-mushaf-hover-note__tafsir .lc-tafsir-entry:first-child,
.lc-mushaf-hover-note__tafsir .lc-tafsir-inline:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.lc-mushaf-hover-note__tafsir .lc-tafsir-content {
  font-size: .86rem;
  line-height: 1.58;
}

.lc-tafsir-inline-slot {
  direction: ltr;
  margin: 4px 0 22px;
}

.lc-tafsir-inline-slot .lc-mushaf-hover-note__tafsir--full {
  display: grid;
  gap: 10px;
  border-top: 0;
  margin-top: 0;
  max-height: none;
  overflow: visible;
  padding-top: 0;
}

.lc-tafsir-inline-slot .lc-tafsir-inline,
.lc-tafsir-inline-slot .lc-tafsir-entry {
  background: #fbfbf3;
  background: color-mix(in srgb, var(--lc-surface) 90%, var(--lc-green) 10%);
  border: 0;
  border-radius: 6px;
  box-shadow: inset 3px 0 0 rgba(125, 150, 0, .22);
  margin: 0;
  padding: 17px 20px 18px;
}

.lc-tafsir-inline-slot .lc-mushaf-hover-note__tafsir .lc-tafsir-entry:first-child,
.lc-tafsir-inline-slot .lc-mushaf-hover-note__tafsir .lc-tafsir-inline:first-child {
  margin: 0;
  padding: 17px 20px 18px;
}

.lc-tafsir-section {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 28px 0 34px;
  padding: 0 2px;
}
.lc-tafsir-head {
  align-items: flex-start;
  border-bottom: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 0 4px;
}
.lc-tafsir-head h2 {
  font-size: 1.35rem;
  margin: 0 0 4px;
}
.lc-tafsir-list {
  display: grid;
  gap: 16px;
}
.lc-tafsir-entry,
.lc-tafsir-inline {
  background: #fbfbf3;
  background: color-mix(in srgb, var(--lc-surface) 90%, var(--lc-green) 10%);
  border: 0;
  border-radius: 6px;
  box-shadow: inset 3px 0 0 rgba(125, 150, 0, .22);
  padding: 17px 20px 18px;
}
.lc-tafsir-inline {
  margin: 12px 0 22px;
}
.lc-tafsir-entry h4,
.lc-tafsir-inline h4 {
  font-family: var(--lc-sans);
  font-size: .95rem;
  font-weight: 800;
  margin: 0 0 10px;
}
.lc-tafsir-content {
  color: var(--lc-ink);
  font-size: .95rem;
  line-height: 1.82;
}
.lc-tafsir-content p {
  margin: 0 0 .78em;
}
.lc-tafsir-content p:last-child {
  margin-bottom: 0;
}

.lc-mushaf-popup-note {
  border-bottom: 1px solid var(--lc-line);
  margin: 0 0 10px;
  padding: 0 0 10px;
}
.lc-verse-popup .blockinteraction,
.lc-popup-blockinteraction {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.lc-verse-popup .blockinteraction:before,
.lc-popup-blockinteraction:before {
  margin: 0 82px 14px 0;
}
.lc-verse-popup .fermer_boite_interaction,
.lc-popup-blockinteraction .fermer_boite_interaction {
  top: -3px;
  right: 0;
}
.lc-word-popup {
  width: min(520px, calc(100vw - 24px));
}
.lc-word-popup__verse {
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  background: #fff;
  font-family: var(--lc-arab, "Amiri Quran", "Amiri", serif);
  font-size: clamp(1.45rem, 3.6vw, 2.15rem);
  line-height: 1.9;
  color: #12140f;
  text-align: right;
}
.lc-word-popup__verse-word {
  display: inline;
}
.lc-word-popup__verse-word.is-clicked {
  color: var(--lc-green-d);
  font-weight: 800;
}
.lc-word-popup__word {
  font-family: var(--lc-arab, "Amiri Quran", "Amiri", serif);
  font-size: 1.9rem;
  line-height: 1.55;
  text-align: right;
  direction: rtl;
  color: var(--lc-ink);
  word-break: normal;
  overflow-wrap: anywhere;
}
.lc-word-popup__meta {
  margin-top: 2px;
  color: var(--lc-ink-soft);
  font-size: .78rem;
  font-weight: 700;
}
.lc-word-popup__equiv {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  background: var(--lc-surface-2);
  color: var(--lc-ink);
  font-size: .8rem;
  line-height: 1.4;
}
.lc-word-popup__equiv span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.lc-word-popup__equiv b {
  margin-right: 6px;
  color: var(--lc-green-d);
  font-size: .72rem;
}
.lc-word-popup__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.lc-word-popup__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  background: var(--lc-surface);
  color: var(--lc-ink);
  cursor: pointer;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.1;
}
.lc-word-popup__actions button:hover,
.lc-word-popup__actions button:focus {
  border-color: var(--lc-green);
  background: var(--lc-green-tint);
  color: var(--lc-green-d);
}
.lc-reciter-form {
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
}
.lc-reciter-form label {
  color: var(--lc-ink-soft);
  font-size: .82rem;
  font-weight: 800;
}
.lc-reciter-form select {
  width: 100%;
}
@media (max-width: 640px) {
  .lc-floating-popover {
    max-height: 68vh;
  }
  .lc-word-popup__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* --- 22.5 Onglets langue + polish sidebar --- */
.page_sourate .choix_langue { font-weight: 600; }
.page_sourate .langaudio { line-height: 1.2; }
#barreaudessusaudio { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-bottom: 8px; color: var(--lc-ink-soft); font-size: .85rem; }

/* --- 22.6 Polish sidebar : chevrons, toggles, thème --- */
/* un seul chevron : on masque l'icône inline, on garde ::after */
.gestiondelaudio > i.fa-chevron-down { display: none; }

/* toggles « afficher arabe/phonétique/français » : ligne propre, contrôle à droite */
.tableau_option_audio { width: 100%; border-collapse: collapse; }
.tableau_option_audio tr { border-bottom: 1px solid var(--lc-line-2); }
.tableau_option_audio tr:last-child { border-bottom: 0; }
.tableau_option_audio th { text-align: left; font-weight: 500; font-size: .88rem; color: var(--lc-ink-soft); padding: 12px 10px 12px 0; vertical-align: middle; }
.tableau_option_audio td { text-align: right; vertical-align: middle; white-space: nowrap; width: 44px; padding: 8px 0; }
.tableau_option_audio td img { width: 26px; height: 26px; cursor: pointer; vertical-align: middle; }

/* taille du texte + thème */
#taille_text, #theme { margin-top: 14px; }
#taille_text > span, #theme > span { font-weight: 600; color: var(--lc-ink); font-size: .9rem; }
#taille_text img { width: 34px; height: 34px; cursor: pointer; vertical-align: middle; margin-top: 6px; }
#theme .btn-group { margin-top: 6px; }
#jour.active, #jour.btn-success.active { background: var(--lc-green); border-color: var(--lc-green) !important; color: #fff; }
#jour input, #nuit input { display: none; }

/* icône MP3 téléchargement dans la config écoute */
#telecharger_sourate img, .agrandir { width: 40px; height: auto; }

/* ===================================================================
   22.8 COLONNE GAUCHE (#gauche) — redesign élément par élément
   =================================================================== */
/* cartes de config : en-tête cliquable propre */
.page_sourate #gauche .audio_gauche { box-shadow: var(--lc-shadow-sm); }
.page_sourate .gestiondelaudio { font-size: .98rem; letter-spacing: -.01em; }
.page_sourate .gestiondelaudio:hover { color: var(--lc-green-d); }
.page_sourate .padding_gauche { padding: 16px; }
.page_sourate .confecoute, .page_sourate .conflecture, .page_sourate .contblog { padding: 6px 16px 18px; }

/* récitateur (arabe/phonétique) */
.page_sourate #choix_recitateur select.form-control,
.page_sourate #gauche select.form-control {
  width: 100%; padding: 10px 12px; border: 1px solid var(--lc-line); border-radius: var(--lc-r-sm);
  background: var(--lc-surface); color: var(--lc-ink); font-size: .88rem; font-weight: 600; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394b100' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 36px;
}
.page_sourate #choix_recitateur { padding: 14px; }

/* audio : pills langue */
.page_sourate #barreaudessusaudio { font-weight: 600; color: var(--lc-ink-soft); margin-bottom: 10px; }
.page_sourate .langaudio { padding: .4em .9em; }

/* vitesse de lecture */
.page_sourate #vitesse { width: 100%; accent-color: var(--lc-green); margin: 8px 0 4px; }
.page_sourate #vitesse2 { display: inline-block; margin-bottom: 12px; font-weight: 700; color: var(--lc-green-d); font-size: .85rem; }

/* bouton télécharger MP3 (remplace l'icône brute t_mp3.png) */
.page_sourate .confecoute p:has(> a[href*="telecharger_fichier"]) { margin: 4px 0 14px; }
.page_sourate .confecoute a[href*="telecharger_fichier"] {
  display: flex; align-items: center; gap: 10px; padding: 10px 14px;
  border: 1px solid var(--lc-line); border-radius: var(--lc-r-sm); background: var(--lc-surface);
  color: var(--lc-ink) !important; font-weight: 600; font-size: .85rem; text-decoration: none !important;
  transition: background var(--lc-trans), border-color var(--lc-trans);
}
.page_sourate .confecoute a[href*="telecharger_fichier"]:hover { background: var(--lc-green-tint); border-color: var(--lc-green); }
.page_sourate .confecoute a[href*="telecharger_fichier"] img { display: none; }
.page_sourate .confecoute a[href*="telecharger_fichier"]::before { content: "\f019"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--lc-green); font-size: 1rem; }
.page_sourate .confecoute a[href*="telecharger_fichier"]::after { content: "Télécharger la sourate (MP3)"; }

/* « Écouter chaque verset » : label au-dessus, [select | OK] sur la même ligne */
.page_sourate .lc-rep-form { margin: 6px 0 4px; }
.page_sourate .lc-rep-label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--lc-ink); font-size: .88rem; }
.page_sourate .lc-rep-row { display: flex; align-items: center; gap: 8px; }
.page_sourate .confecoute select[name="nbr_repetition"] {
  flex: 1 1 auto; min-width: 0; margin: 0; padding: 9px 12px; border: 1px solid var(--lc-line); border-radius: var(--lc-r-sm);
  background: var(--lc-surface); color: var(--lc-ink); font-size: .86rem; font-weight: 600;
}
.page_sourate .lc-rep-row input[type="submit"], .page_sourate .confecoute input[value="OK"] {
  flex: 0 0 auto; margin: 0; padding: 9px 20px; border: 0; border-radius: var(--lc-r-sm); background: var(--lc-green); color: #fff;
  font-weight: 700; font-size: .82rem; cursor: pointer; transition: filter var(--lc-trans);
}
.page_sourate .lc-rep-row input[type="submit"]:hover { filter: brightness(.94); }
.page_sourate:has(.lc-repetition-bar) audio {
  display: none !important;
}
.lc-repetition-bar {
  background: #7c8e54;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  padding: 10px 3%;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 999;
}
.lc-repetition-bar p {
  font-weight: 400;
  margin: 2px;
}
.lc-repetition-btn {
  background: #f5f5f5;
  border: 4px solid #ccb;
  color: #111;
  cursor: pointer;
  display: inline-block;
  padding: 4px;
  text-decoration: none;
}
.lc-repetition-btn:hover {
  color: #111;
}

/* taille du texte : boutons icônes (FA) au lieu d'images */
.page_sourate .lc-txtsize {
  display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
  border: 1px solid var(--lc-line); border-radius: 50%; background: var(--lc-surface-2); color: var(--lc-ink);
  cursor: pointer; font-size: .9rem; transition: background var(--lc-trans), border-color var(--lc-trans), color var(--lc-trans);
}
.page_sourate .lc-txtsize:hover { background: var(--lc-green-tint); border-color: var(--lc-green); color: var(--lc-green); }

/* liste des sourates : repliée par défaut (comme le blog) — on affiche « Afficher la liste » */
.page_sourate #liste_des_sourates2 .listefermer,
.page_sourate #liste_des_sourates2 #liste_cache { display: none; }

/* outils du verset au survol : on réserve un liseré en haut du verset pour qu'ils ne passent PAS sur le texte,
   et on laisse déborder (z-index) pour ne pas les couper sur le dernier verset */
.page_sourate #div_des_versets { overflow: visible; }
/* liseré réservé en haut du verset pour les outils (survol) -> ils ne passent jamais sur le texte.
   Le numéro reste sur la même ligne que le texte (layout d'origine). */
.page_sourate .verset.ayah_wrapper { padding-top: 42px; }
.page_sourate .verset.ayah_wrapper.verset_pos_0 { padding-top: 18px; } /* basmala : pas d'outils */
.outils_ayah { top: 8px; z-index: 5; }
/* Tactile : pas de survol → pas d'outils inline au-dessus du verset, donc on
   supprime le liseré réservé (les options passent par le popup au tap). */
@media (hover: none) {
  .page_sourate .verset.ayah_wrapper { padding-top: 18px; }
}

/* ---- toggles « afficher/lancer/répéter » : interrupteurs CSS ---- */
.page_sourate .tableau_option_audio {
  background: transparent;
  border-collapse: collapse;
  margin: 4px 0;
  width: 100%;
}
.page_sourate .tableau_option_audio tbody {
  display: block;
  width: 100%;
}
.page_sourate .tableau_option_audio tr {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  column-gap: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}
.page_sourate .tableau_option_audio th, .page_sourate .tableau_option_audio td {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lc-line-2) !important;
  display: block;
}
.page_sourate .tableau_option_audio tr:last-child th, .page_sourate .tableau_option_audio tr:last-child td { border-bottom: 0 !important; }
.page_sourate .tableau_option_audio th {
  color: var(--lc-ink-soft);
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.35;
  min-width: 0;
  padding: 13px 12px 13px 0;
}
.page_sourate .tableau_option_audio td {
  position: relative; width: 50px; min-width: 50px; height: 28px; padding: 0; vertical-align: middle;
}
.page_sourate .tableau_option_audio td.lc-learning-trainer-cell {
  grid-column: 1 / -1;
  height: auto;
  min-width: 0;
  padding: 12px 0 !important;
  position: static;
  text-align: left;
  white-space: normal;
  width: auto;
}
.page_sourate .tableau_option_audio td.lc-tafsir-lang-cell {
  height: auto;
  max-width: 190px;
  min-width: 0;
  padding: 8px 0 !important;
  text-align: right;
  white-space: normal;
  width: auto;
}
.page_sourate .tableau_option_audio tr.lc-tafsir-lang-row {
  align-items: start;
  border-bottom: 1px solid var(--lc-line-2) !important;
  grid-template-columns: minmax(0, 1fr);
  padding: 13px 0;
  row-gap: 8px;
}
.page_sourate .tableau_option_audio tr.lc-tafsir-lang-row th,
.page_sourate .tableau_option_audio tr.lc-tafsir-lang-row td {
  border-bottom: 0 !important;
  padding: 0 !important;
}
.page_sourate .tableau_option_audio tr.lc-tafsir-lang-row th {
  white-space: nowrap;
}
.page_sourate .tableau_option_audio tr.lc-tafsir-lang-row td.lc-tafsir-lang-cell {
  max-width: none;
  text-align: left;
  width: 100%;
}
.page_sourate .tableau_option_audio tr.lc-tafsir-lang-row .lc-tafsir-lang-controls {
  display: flex;
  justify-content: flex-start;
}
.page_sourate .tableau_option_audio td.lc-learning-trainer-cell::before,
.page_sourate .tableau_option_audio td.lc-learning-trainer-cell::after,
.page_sourate .tableau_option_audio td.lc-tafsir-lang-cell::before,
.page_sourate .tableau_option_audio td.lc-tafsir-lang-cell::after {
  content: none !important;
}
.page_sourate .tableau_option_audio .lc-learning-trainer-slot:empty {
  display: none;
}
.page_sourate .tableau_option_audio .lc-learning-trainer-cell .lc-ab-loop {
  margin: 0;
}
/* piste + bouton de l'interrupteur */
.page_sourate .tableau_option_audio td::before {
  content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
  width: 46px; height: 26px; border-radius: 999px; background: var(--lc-line-2); transition: background var(--lc-trans);
}
.page_sourate .tableau_option_audio td::after {
  content: ""; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);
  width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(16,40,28,.35);
  transition: right var(--lc-trans);
}
/* legacy: ancien état ON basé sur checkcheck, conservé seulement pour les pages non migrées */
.page_sourate .tableau_option_audio td:has(img[src*="checkcheck"]:not([style*="display:none"]))::before { background: var(--lc-green); }
.page_sourate .tableau_option_audio td:has(img[src*="checkcheck"]:not([style*="display:none"]))::after { right: 2px; }
/* l'image reste la zone cliquable (onclick), rendue invisible par-dessus l'interrupteur */
.page_sourate .tableau_option_audio td img {
  position: absolute; top: 50%; right: 0; transform: translateY(-50%);
  width: 46px !important; height: 26px !important; margin: 0; opacity: 0; cursor: pointer; z-index: 2;
}

/* taille du texte + thème */
.page_sourate #taille_text, .page_sourate #theme { margin-top: 16px; }
.page_sourate #taille_text > span, .page_sourate #theme > span { font-weight: 600; color: var(--lc-ink); font-size: .88rem; display: inline-block; margin-bottom: 8px; }
.page_sourate #agrandirtext, .page_sourate #diminuertext { width: 38px; height: 38px; }

/* liste des sourates : en-tête */
.page_sourate .listetitre, .page_sourate .listefermer { font-size: .95rem; color: var(--lc-ink); }

/* ===================================================================
   22.9 Listings sidebar : « Derniers articles du blog » + « Liste des sourates »
   Repliés par défaut, listing propre et structuré
   =================================================================== */
/* blog : replié par défaut (comme demandé) */
.page_sourate .contblog { display: none; }

/* listing générique (blog) */
.page_sourate .lc-side-list { padding: 8px 8px 12px; max-height: 360px; overflow: auto; }
.page_sourate .lc-side-item {
  display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; margin: 0;
  border-radius: var(--lc-r-sm); text-decoration: none !important; color: var(--lc-ink) !important;
  transition: background var(--lc-trans);
}
.page_sourate .lc-side-item + .lc-side-item { border-top: 1px solid var(--lc-line-2); }
.page_sourate .lc-side-item:hover { background: var(--lc-green-tint); }
.page_sourate .lc-side-title { font-weight: 600; font-size: .84rem; line-height: 1.35; color: var(--lc-ink); }
.page_sourate .lc-side-item:hover .lc-side-title { color: var(--lc-green-d); }
.page_sourate .lc-side-date { display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; color: var(--lc-ink-faint); }
.page_sourate .lc-side-date i { font-size: .72rem; }

/* liste des sourates : rangées propres */
.page_sourate #liste_cache { padding: 6px 0; max-height: 360px; overflow: auto; }
.page_sourate #liste_cache .une_sourate {
  display: block; margin: 0; padding: 10px 14px; border-bottom: 1px solid var(--lc-line-2);
  font-size: .82rem; line-height: 1.4; color: var(--lc-ink);
}
.page_sourate #liste_cache .une_sourate:last-child { border-bottom: 0; }
.page_sourate #liste_cache .numero_sourate {
  display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 22px; padding: 0 6px;
  border-radius: 7px; background: var(--lc-green-tint); color: var(--lc-green-d); font-weight: 800; font-size: .72rem;
  margin-right: 8px; vertical-align: middle;
}
.page_sourate #liste_cache .right { display: block; margin-top: 6px; font-size: .74rem; color: var(--lc-ink-faint); }
.page_sourate #liste_cache .right a, .page_sourate #liste_cache .right .francais_menu { color: var(--lc-green-d); text-decoration: none; }
.page_sourate #liste_cache .right a:hover { text-decoration: underline; }

/* en-têtes de section repliables (liste sourates / blog) : même style d'accordéon */
.page_sourate .listetitre, .page_sourate .listefermer, .page_sourate .blocblog {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 14px 16px; font-weight: 700; cursor: pointer; color: var(--lc-ink); font-size: .95rem;
}
.page_sourate .listetitre::after, .page_sourate .listefermer::after {
  content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .75rem; color: var(--lc-ink-faint);
}
.page_sourate .listefermer::after { content: "\f077"; }

/* --- 22.10 Description sourate (SEO) : pleine largeur, 2 colonnes magazine comme les autres pages --- */
.page_sourate #explications.lc-seo {
  max-width: none;
  margin: 44px 0 0;
  padding: 40px 0 0 !important;
  padding-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: none; border: 0; border-top: 1px solid var(--lc-line); border-radius: 0;
  color: var(--lc-ink-soft); font-size: 1rem;
}
.page_sourate #explications.lc-seo .lc-seo-title { text-align: center; }
.page_sourate #explications.lc-seo blockquote { break-inside: avoid; }

/* petit espace au-dessus des cartes liste/blog déplacées dans le rail droit */
.page_sourate .lc-srail .audio_gauche { margin-top: 16px; }

/* ===================================================================
   22.11 Page Juz/Hizb lecture : alignement visuel sur les pages sourate
   =================================================================== */
body.lc-juz-page.lc-juz-reading .lc-juz-hero {
  width: min(var(--lc-maxw), calc(100% - 64px));
  margin-inline: auto;
  padding: 32px 0 8px;
}
body.lc-juz-page.lc-juz-reading .lc-juz-hero h1 {
  font-family: var(--lc-serif);
  font-size: clamp(28px, 2.6vw, 42px);
  line-height: 1.15;
  color: var(--lc-ink);
}
body.lc-juz-page.lc-juz-reading .lc-juz-hero .lc-h1-sub {
  font-family: var(--lc-serif);
  font-size: clamp(20px, 1.7vw, 25px);
  color: var(--lc-ink-soft);
  font-weight: 400;
}
body.lc-juz-page.lc-juz-reading .lc-juz-overview,
body.lc-juz-page.lc-juz-reading .lc-juz-prevnext,
body.lc-juz-page.lc-juz-reading .lc-juz-layout {
  width: min(var(--lc-maxw), calc(100% - 64px));
  margin-left: auto !important;
  margin-right: auto !important;
}
body.lc-juz-page.lc-juz-reading .lc-juz-overview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  margin-bottom: 22px;
}
body.lc-juz-page.lc-juz-reading .lc-juz-stat {
  min-height: 88px;
  border-radius: var(--lc-r-sm);
  box-shadow: none;
}
body.lc-juz-page.lc-juz-reading .lc-juz-prevnext {
  min-height: 40px;
  align-items: center;
  margin-bottom: 16px;
}
body.lc-juz-page.lc-juz-reading .lc-juz-prevnext .btn {
  background: var(--lc-green);
  color: #fff;
  border-radius: var(--lc-pill);
  padding: 9px 16px;
  font-size: .9rem;
}
body.lc-juz-page.lc-juz-reading .lc-juz-layout {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
}
body.lc-juz-page.lc-juz-reading .lc-juz-layout::before,
body.lc-juz-page.lc-juz-reading .lc-juz-layout::after {
  content: none !important;
}
body.lc-juz-page.lc-juz-reading #gauche,
body.lc-juz-page.lc-juz-reading #centre,
body.lc-juz-page.lc-juz-reading #droite {
  float: none !important;
  box-sizing: border-box;
  margin: 0 !important;
  min-width: 0;
}
body.lc-juz-page.lc-juz-reading #gauche {
  flex: 0 0 24% !important;
  width: auto !important;
  max-width: 24% !important;
  padding: 0 18px 0 0 !important;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body.lc-juz-page.lc-juz-reading #centre {
  order: initial !important;
  flex: 0 0 52% !important;
  width: auto !important;
  max-width: 52% !important;
  padding: 0 12px !important;
}
body.lc-juz-page.lc-juz-reading #droite {
  flex: 0 0 24% !important;
  width: auto !important;
  max-width: 24% !important;
  padding: 0 0 0 18px !important;
}
body.lc-juz-page.lc-juz-reading .lc-juz-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.lc-juz-page.lc-juz-reading .lc-juz-rail .lc-srail-card + .lc-srail-card {
  margin-top: 0;
}
body.lc-juz-page.lc-juz-reading #gauche > .audio_gauche {
  background: var(--lc-surface);
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r);
  box-shadow: var(--lc-shadow-sm);
  padding: 16px;
  overflow: hidden;
}
body.lc-juz-page.lc-juz-reading .audio_gauche audio,
body.lc-juz-page.lc-juz-reading #audioPlayer,
body.lc-juz-page.lc-juz-reading #audioPlayer_arabe {
  display: block;
  width: 100%;
  margin: 0 0 14px;
}
body.lc-juz-page.lc-juz-reading .audio_gauche.bismillah {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.lc-juz-page.lc-juz-reading .gestiondelaudio {
  display: block;
  margin: 0 0 12px;
  font-weight: 700;
  color: var(--lc-ink);
}
body.lc-juz-page.lc-juz-reading .tableau_option_audio {
  width: 100%;
  margin: 0 0 12px;
  border-collapse: collapse;
  background: transparent;
}
body.lc-juz-page.lc-juz-reading .tableau_option_audio th,
body.lc-juz-page.lc-juz-reading .tableau_option_audio td {
  border: 0 !important;
  border-bottom: 1px solid var(--lc-line-2) !important;
  background: transparent !important;
}
body.lc-juz-page.lc-juz-reading .tableau_option_audio th {
  width: auto;
  padding: 11px 10px 11px 0;
  color: var(--lc-ink-soft);
  font-size: .84rem;
  font-weight: 500;
  line-height: 1.35;
}
body.lc-juz-page.lc-juz-reading .tableau_option_audio td {
  width: 52px;
  min-width: 52px;
  padding: 0;
}
body.lc-juz-page.lc-juz-reading #taille_text {
  margin: 12px 0 0;
}
body.lc-juz-page.lc-juz-reading #taille_text > span {
  display: block;
  margin-bottom: 8px;
  color: var(--lc-ink);
  font-size: .88rem;
  font-weight: 700;
}
body.lc-juz-page.lc-juz-reading #agrandirtext,
body.lc-juz-page.lc-juz-reading #diminuertext {
  width: 34px;
  height: 34px;
}
body.lc-juz-page.lc-juz-reading .listetitre,
body.lc-juz-page.lc-juz-reading .listefermer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 44px;
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r-sm);
  background: var(--lc-surface);
  color: var(--lc-ink);
  font-size: .9rem;
  font-weight: 700;
}
body.lc-juz-page.lc-juz-reading .listetitre[hidden],
body.lc-juz-page.lc-juz-reading .listefermer[hidden],
body.lc-juz-page.lc-juz-reading #liste_cache[hidden] {
  display: none !important;
}
body.lc-juz-page.lc-juz-reading .listetitre::after,
body.lc-juz-page.lc-juz-reading .listefermer::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--lc-ink-faint);
  font-size: .75rem;
}
body.lc-juz-page.lc-juz-reading .listefermer::after { content: "\f077"; }
body.lc-juz-page.lc-juz-reading #liste_des_sourates2 {
  margin-top: 10px;
  border-radius: var(--lc-r-sm);
  box-shadow: none;
}
body.lc-juz-page.lc-juz-reading #liste_cache {
  max-height: 360px;
  padding: 6px 0;
}
body.lc-juz-page.lc-juz-reading #liste_cache .une_sourate {
  display: block;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid var(--lc-line-2);
  font-size: .82rem;
  line-height: 1.4;
}
body.lc-juz-page.lc-juz-reading #div_des_versets {
  display: flex !important;
  width: 100%;
  background: var(--lc-surface);
  border: 1px solid var(--lc-line);
  border-radius: var(--lc-r);
  overflow: hidden;
}
body.lc-juz-page.lc-juz-reading #div_des_versets > h3:first-child {
  margin-top: 0;
}
body.lc-juz-page.lc-juz-reading .transition_sourate,
body.lc-juz-page.lc-juz-reading #div_des_versets > h3:not(.transition_sourate) {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  margin: 0;
  padding: 12px 18px;
  border: 0;
  border-bottom: 1px solid var(--lc-line);
  border-radius: 0;
  background: var(--lc-green-tint);
  color: var(--lc-ink);
  font-family: var(--lc-serif);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}
body.lc-juz-page.lc-juz-reading .transition_sourate::before {
  content: "\f02d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--lc-green);
  font-size: .9rem;
}
body.lc-juz-page.lc-juz-reading .verset.ayah_wrapper {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
  align-items: start;
  width: 100%;
  margin: 0;
  padding: 18px 20px;
  border: 0;
  border-bottom: 1px solid var(--lc-line-2);
  border-radius: 0;
  background: var(--lc-surface);
  color: var(--lc-ink);
  cursor: pointer;
  font-size: 16px;
  line-height: 1.65;
  transition: background var(--lc-trans);
}
body.lc-juz-page.lc-juz-reading .verset.ayah_wrapper:hover {
  background: var(--lc-surface-2);
}
body.lc-juz-page.lc-juz-reading .verset.ayah_wrapper:last-child {
  border-bottom: 0;
}
body.lc-juz-page.lc-juz-reading .verset.ayah_wrapper[hidden] {
  display: none !important;
}
body.lc-juz-page.lc-juz-reading .num_verset {
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin: .18em 0 0;
  border-radius: 50%;
  background: var(--lc-green-tint);
  color: var(--lc-green);
  font-size: .85rem;
  font-weight: 700;
  line-height: 1;
}
body.lc-juz-page.lc-juz-reading .pd-behind,
body.lc-juz-page.lc-juz-reading .verset_en_francais_depuis,
body.lc-juz-page.lc-juz-reading .verset_en_arabe_depuis,
body.lc-juz-page.lc-juz-reading .verset_en_phonetique_depuis {
  grid-column: 2;
  display: block;
  min-width: 0;
  width: 100%;
  margin: 0;
}
body.lc-juz-page.lc-juz-reading .pd-behind {
  color: var(--lc-ink);
  font-size: 1rem;
  line-height: 1.65;
}
body.lc-juz-page.lc-juz-reading .verset_en_francais_depuis,
body.lc-juz-page.lc-juz-reading .verset_en_phonetique_depuis {
  margin-top: 8px;
  color: var(--lc-ink-soft);
  font-size: .95rem;
  line-height: 1.6;
}
body.lc-juz-page.lc-juz-reading .verset_en_phonetique_depuis {
  font-style: italic;
}
body.lc-juz-page.lc-juz-reading .verset_en_arabe,
body.lc-juz-page.lc-juz-reading .verset_arabe,
body.lc-juz-page.lc-juz-reading .verset_en_arabe_depuis {
  font-family: var(--lc-arab);
  direction: rtl;
  text-align: right;
  color: var(--lc-ink);
  font-size: 1.45rem;
  line-height: 2;
}
body.lc-juz-page.lc-juz-reading .verset_pos_0 {
  display: block;
  padding: 18px 20px;
  border-bottom: 1px solid var(--lc-line-2);
  background: var(--lc-surface);
  color: var(--lc-green);
  text-align: center;
  font-family: var(--lc-arab);
  font-size: 1.35rem;
  line-height: 1.8;
}
body.lc-juz-page.lc-juz-reading .lc-verse-playing,
body.lc-juz-page.lc-juz-reading .lc-verse-open,
body.lc-juz-page.lc-juz-reading .lc-ab-selected {
  background: rgba(148, 177, 0, 0.16) !important;
  color: var(--lc-ink);
}
body.lc-juz-page.lc-juz-reading .lc-k-word--active {
  color: var(--lc-green);
  background: transparent;
}

@media (max-width: 1100px) {
  body.lc-juz-page.lc-juz-reading .lc-juz-layout {
    gap: 0;
  }
  body.lc-juz-page.lc-juz-reading #gauche {
    flex-basis: 25% !important;
    max-width: 25% !important;
  }
  body.lc-juz-page.lc-juz-reading #centre {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
  body.lc-juz-page.lc-juz-reading #droite {
    flex-basis: 25% !important;
    max-width: 25% !important;
  }
}

@media (max-width: 900px) {
  body.lc-juz-page.lc-juz-reading .lc-juz-hero,
  body.lc-juz-page.lc-juz-reading .lc-juz-overview,
  body.lc-juz-page.lc-juz-reading .lc-juz-prevnext,
  body.lc-juz-page.lc-juz-reading .lc-juz-layout {
    width: min(100% - 28px, var(--lc-maxw));
  }
  body.lc-juz-page.lc-juz-reading .lc-juz-overview {
    grid-template-columns: 1fr;
  }
  body.lc-juz-page.lc-juz-reading .lc-juz-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px;
  }
  body.lc-juz-page.lc-juz-reading #gauche,
  body.lc-juz-page.lc-juz-reading #centre,
  body.lc-juz-page.lc-juz-reading #droite {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

@media (max-width: 560px) {
  body.lc-juz-page.lc-juz-reading .lc-juz-hero h1 {
    font-size: 26px;
  }
  body.lc-juz-page.lc-juz-reading .lc-juz-hero .lc-h1-sub {
    display: block;
    margin: 4px 0 0;
    font-size: 19px;
  }
  body.lc-juz-page.lc-juz-reading .lc-juz-prevnext {
    align-items: stretch;
  }
  body.lc-juz-page.lc-juz-reading .lc-juz-prevnext .btn {
    flex: 1 1 0;
    text-align: center;
  }
  body.lc-juz-page.lc-juz-reading .verset.ayah_wrapper {
    grid-template-columns: 32px minmax(0, 1fr);
    column-gap: 12px;
    padding: 16px;
  }
  body.lc-juz-page.lc-juz-reading .num_verset {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}

/* Mushaf: server-rendered page layout. JS may bind audio events, but must not
   own the structure; keep this stable for Google and CLS. */
body.page_sourate.lc-mushaf-mode .annonceverset {
  display: none !important;
}

body.page_sourate.lc-mushaf-mode #div_des_versets {
  direction: rtl;
  font-size: 1rem;
  overflow: visible;
  width: 100%;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-pages,
body.page_sourate.lc-mushaf-mode .lc-mushaf-page,
body.page_sourate.lc-mushaf-mode .lc-mushaf-page-body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-page-body {
  display: grid;
  grid-template-rows: repeat(var(--lc-mushaf-page-rows, 15), var(--lc-mushaf-row-height));
  overflow: visible;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-page {
  --lc-mushaf-line-font-size: var(--lc-user-mushaf-size, 39px);
  --lc-mushaf-row-height: calc(var(--lc-mushaf-line-font-size) * 1.62);
  background: #fffdf4 !important;
  contain: layout style;
  content-visibility: auto;
  contain-intrinsic-size: auto 980px;
  margin-bottom: clamp(20px, 3vw, 42px) !important;
  overflow: visible;
  overflow-clip-margin: 28px;
  padding: 8px 10px 12px !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-page > header {
  border: 0 !important;
  color: var(--lc-ink-soft);
  font-size: .82rem;
  font-weight: 700;
  margin: 0 0 8px !important;
  padding: 0 !important;
  text-align: center;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line {
  direction: rtl;
  display: block;
  font-size: var(--lc-mushaf-line-font-size);
  height: var(--lc-mushaf-row-height);
  line-height: var(--lc-mushaf-row-height);
  margin: 0 !important;
  min-height: var(--lc-mushaf-row-height);
  grid-row: var(--lc-mushaf-line-row, auto);
  text-align: center;
  text-align-last: center;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--short {
  text-align: center;
  text-align-last: center;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-page--partial .lc-mushaf-line {
  line-height: var(--lc-mushaf-row-height);
  min-height: var(--lc-mushaf-row-height);
  text-align: center;
  text-align-last: center;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-page .ayah_wrapper,
body.page_sourate.lc-mushaf-mode .lc-mushaf-page .verset.ayah_wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word.lc-k-word,
body.page_sourate.lc-mushaf-mode .lc-mushaf-page .verset_en_arabe {
  background: transparent;
  color: #1f211b;
  display: inline-block !important;
  font-family: "Amiri Quran", var(--lc-arab, "Amiri", serif);
  font-size: inherit !important;
  line-height: inherit;
  margin-inline: .015em !important;
  padding: 0 !important;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf {
  align-items: baseline;
  display: block;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: center;
  text-align: center;
  text-align-last: center;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf.lc-mushaf-line--short,
body.page_sourate.lc-mushaf-mode .lc-mushaf-page--partial .lc-mushaf-line--qcf {
  justify-content: center;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf .ayah_wrapper {
  display: contents !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word--qcf {
  color: #1f211b;
  font-family: inherit !important;
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: inherit !important;
  letter-spacing: 0 !important;
  line-height: inherit;
  margin-inline: .006em !important;
  position: relative;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word.lc-mushaf-word--qcf,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word.lc-mushaf-word--qcf.lc-k-word {
  font-size: inherit !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word--qcf::before,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word-glyph {
  color: currentColor;
  display: inline-block;
  font-family: inherit;
  font-size: var(--lc-mushaf-line-font-size, 31px) !important;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  user-select: none;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word--qcf::before {
  content: none;
  display: none;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word-readable {
  border: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  white-space: nowrap !important;
  width: auto !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word-tajwid-text {
  display: none;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word--qcf,
body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word.lc-mushaf-word--qcf,
body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word.lc-mushaf-word--qcf.lc-k-word {
  font-size: 0 !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word--qcf::before {
  content: attr(data-lc-glyph);
  display: inline-block;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf.lc-qcf-ready .lc-mushaf-word-readable,
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-mushaf-word-readable {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line--qcf .lc-mushaf-ayah-mark {
  font-size: calc(var(--lc-mushaf-line-font-size, 31px) * .46);
  /* marge suffisante pour que la pastille ne chevauche pas les glyphes voisins
     (les glyphes QCF ont des métriques serrées ; .08em était quasi nul) */
  margin-inline: .42em;
}

body.page_sourate.lc-mushaf-mode .lc-tajwid {
  display: inline;
  font: inherit;
  line-height: inherit;
  --lc-tajwid-silent: #a3a5a5;
  --lc-tajwid-madd: #ff7b00;
  --lc-tajwid-ghunnah: #09b000;
  --lc-tajwid-ikhfa: #09b000;
  --lc-tajwid-iqlab: #09b000;
  --lc-tajwid-qalqalah: #2fadff;
  --lc-tajwid-tafkhim: #075fa8;
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-ham_wasl,
body.page_sourate.lc-mushaf-mode .lc-tajwid-laam_shamsiyah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-lam_shamsiyyah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-slnt,
body.page_sourate.lc-mushaf-mode .lc-tajwid-silent {
  color: var(--lc-tajwid-silent);
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-madda_normal,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madda_permissible,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madda_necessary,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madda_obligatory,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madda_obligatory_monfasel,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madda_obligatory_mottasel,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madd_2,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madd_246,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madd_muttasil,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madd_munfasil,
body.page_sourate.lc-mushaf-mode .lc-tajwid-madd_6,
body.page_sourate.lc-mushaf-mode .lc-tajwid-custom-alef-maksora {
  color: var(--lc-tajwid-madd);
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-ghunnah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_ghunnah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_wo_ghunnah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_no_ghunnah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_mutajanisayn,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_mutajaanisain,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_mutaqaribayn,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_mutaqaaribain,
body.page_sourate.lc-mushaf-mode .lc-tajwid-idgham_shafawi {
  color: var(--lc-tajwid-ghunnah);
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-ikhafa,
body.page_sourate.lc-mushaf-mode .lc-tajwid-ikhfa,
body.page_sourate.lc-mushaf-mode .lc-tajwid-ikhafa_shafawi,
body.page_sourate.lc-mushaf-mode .lc-tajwid-ikhfa_shafawi {
  color: var(--lc-tajwid-ikhfa);
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-iqlab {
  color: var(--lc-tajwid-iqlab);
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-tafkhim {
  color: var(--lc-tajwid-tafkhim);
}

body.page_sourate.lc-mushaf-mode .lc-tajwid-qalaqah,
body.page_sourate.lc-mushaf-mode .lc-tajwid-qalqalah {
  color: var(--lc-tajwid-qalqalah);
}

body.page_sourate .verset_en_arabe .lc-tajwid {
  display: inline;
  font: inherit;
  line-height: inherit;
  --lc-tajwid-silent: #a3a5a5;
  --lc-tajwid-madd: #ff7b00;
  --lc-tajwid-ghunnah: #09b000;
  --lc-tajwid-ikhfa: #09b000;
  --lc-tajwid-iqlab: #09b000;
  --lc-tajwid-qalqalah: #2fadff;
  --lc-tajwid-tafkhim: #075fa8;
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-ham_wasl, .lc-tajwid-laam_shamsiyah, .lc-tajwid-lam_shamsiyyah, .lc-tajwid-slnt, .lc-tajwid-silent) {
  color: var(--lc-tajwid-silent);
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-madda_normal, .lc-tajwid-madda_permissible, .lc-tajwid-madda_necessary, .lc-tajwid-madda_obligatory, .lc-tajwid-madda_obligatory_monfasel, .lc-tajwid-madda_obligatory_mottasel, .lc-tajwid-madd_2, .lc-tajwid-madd_246, .lc-tajwid-madd_muttasil, .lc-tajwid-madd_munfasil, .lc-tajwid-madd_6, .lc-tajwid-custom-alef-maksora) {
  color: var(--lc-tajwid-madd);
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-ghunnah, .lc-tajwid-idgham_ghunnah, .lc-tajwid-idgham_wo_ghunnah, .lc-tajwid-idgham_no_ghunnah, .lc-tajwid-idgham_mutajanisayn, .lc-tajwid-idgham_mutajaanisain, .lc-tajwid-idgham_mutaqaribayn, .lc-tajwid-idgham_mutaqaaribain, .lc-tajwid-idgham_shafawi) {
  color: var(--lc-tajwid-ghunnah);
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-ikhafa, .lc-tajwid-ikhfa, .lc-tajwid-ikhafa_shafawi, .lc-tajwid-ikhfa_shafawi) {
  color: var(--lc-tajwid-ikhfa);
}

body.page_sourate .verset_en_arabe .lc-tajwid-iqlab {
  color: var(--lc-tajwid-iqlab);
}

body.page_sourate .verset_en_arabe .lc-tajwid-tafkhim {
  color: var(--lc-tajwid-tafkhim);
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-qalaqah, .lc-tajwid-qalqalah) {
  color: var(--lc-tajwid-qalqalah);
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-madda_normal, .lc-tajwid-madd_2, .lc-tajwid-custom-alef-maksora) {
  color: #ce9e00;
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-madda_permissible, .lc-tajwid-madda_obligatory_monfasel, .lc-tajwid-madd_246, .lc-tajwid-madd_munfasil) {
  color: #ff7b00;
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-madda_obligatory, .lc-tajwid-madda_obligatory_mottasel, .lc-tajwid-madd_muttasil) {
  color: #f40000;
}

body.page_sourate .verset_en_arabe :is(.lc-tajwid-madda_necessary, .lc-tajwid-madd_6) {
  color: #b50000;
}

body.page_sourate:is(.lc-mushaf-mode, .lc-ar-line-mode) :is(.lc-tajwid-madda_normal, .lc-tajwid-madd_2, .lc-tajwid-custom-alef-maksora) {
  color: #ce9e00;
}

body.page_sourate:is(.lc-mushaf-mode, .lc-ar-line-mode) :is(.lc-tajwid-madda_permissible, .lc-tajwid-madda_obligatory_monfasel, .lc-tajwid-madd_246, .lc-tajwid-madd_munfasil) {
  color: #ff7b00;
}

body.page_sourate:is(.lc-mushaf-mode, .lc-ar-line-mode) :is(.lc-tajwid-madda_obligatory, .lc-tajwid-madda_obligatory_mottasel, .lc-tajwid-madd_muttasil) {
  color: #f40000;
}

body.page_sourate:is(.lc-mushaf-mode, .lc-ar-line-mode) :is(.lc-tajwid-madda_necessary, .lc-tajwid-madd_6) {
  color: #b50000;
}

/* Mode tajwid mushaf : les couleurs des règles sont intégrées à la police
   QCF V4 (COLRv0, glyphes colorés lettre par lettre, comme quran.com).
   Le glyphe ignore `color` : le mot actif du karaoké est donc surligné
   par un fond au lieu d'un changement de couleur. */
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-mushaf-line--qcf .lc-mushaf-word--qcf:is(.lc-k-word--active, :hover, :focus)::before {
  background: color-mix(in srgb, var(--lc-green-d, #5f7300) 22%, transparent);
  border-radius: .14em;
}

/* Légende adaptée au code couleur officiel de la police V4 (mushaf tajwid
   du Complexe du Roi Fahd). Couleurs extraites de la palette CPAL 0 (jour)
   et 1 (nuit) des polices. */
.lc-tajwid-legend {
  --lc-v4t-silent: #a3a5a5;
  --lc-v4t-ghunnah: #09b000;
  --lc-v4t-madd6: #b50000;
  --lc-v4t-madd45: #f40000;
  --lc-v4t-madd246: #ff7b00;
  --lc-v4t-madd2: #ce9e00;
  --lc-v4t-tafkhim: #075fa8;
  --lc-v4t-qalqalah: #2fadff;
}

/* Mode nuit : les pages mushaf gardent un fond papier clair (l'encre et les
   couleurs tajwid sont en dur — police QCF monochrome v2 en #1f211b, glyphes
   colorés v4). Corrige aussi le mushaf v2 illisible (encre sombre sur fond
   sombre) en mode nuit. */
html.lc-dark .lc-mushaf-page,
html.lc-dark body.page_sourate.lc-mushaf-mode .lc-mushaf-page,
html.lc-dark body.lc-juz-page.lc-juz-reading .lc-mushaf-page {
  background: #f2efe4 !important;
  border-radius: 14px;
}

/* Vue ligne par ligne + cartes Apprendre : même encre/glyphes -> même papier */
html.lc-dark body.lc-ar-line-mode .lc-ar-line-text,
html.lc-dark .mapprar-var {
  background: #f2efe4 !important;
  border-radius: 10px;
  padding: 3px 10px;
}

html.lc-dark .lc-mushaf-page + .lc-mushaf-page {
  margin-top: 10px;
}

.lc-tajwid-legend [data-v4-color="silent"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-silent) !important; }
.lc-tajwid-legend [data-v4-color="ghunnah"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-ghunnah) !important; }
.lc-tajwid-legend [data-v4-color="madd6"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-madd6) !important; }
.lc-tajwid-legend [data-v4-color="madd45"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-madd45) !important; }
.lc-tajwid-legend [data-v4-color="madd246"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-madd246) !important; }
.lc-tajwid-legend [data-v4-color="madd2"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-madd2) !important; }
.lc-tajwid-legend [data-v4-color="tafkhim"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-tafkhim) !important; }
.lc-tajwid-legend [data-v4-color="qalqalah"] .lc-tajwid-legend__swatch { color: var(--lc-v4t-qalqalah) !important; }

body.page_sourate.lc-mushaf-mode .lc-mushaf-ayah-mark {
  align-items: center;
  align-self: center;
  border: 1.4px solid #1f211b;
  border-radius: 50%;
  color: #1f211b;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--lc-sans);
  font-size: .34em;
  font-weight: 700;
  height: 2.05em;
  justify-content: center;
  line-height: 1;
  margin-inline: .08em;
  min-width: 2.05em;
  padding: 0 .22em;
  transform: translateY(-.02em);
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-ayah-mark[role="button"] {
  cursor: pointer;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-ayah-mark[role="button"]:hover,
body.page_sourate.lc-mushaf-mode .lc-mushaf-ayah-mark[role="button"]:focus {
  border-color: var(--lc-green-d, #5f7300);
  color: var(--lc-green-d, #5f7300);
  outline: none;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line-tools {
  direction: ltr;
  display: block;
  font-family: var(--lc-sans);
  font-size: 16px;
  line-height: 1;
  left: 0;
  position: absolute;
  right: auto;
  top: 2px;
  z-index: 12;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line:has(.lc-verse-active),
body.page_sourate.lc-mushaf-mode .lc-mushaf-line:has(.lc-verse-playing) {
  background: rgba(148, 177, 0, .11);
  border-radius: 4px;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line-tools .outils_ayah {
  display: block !important;
  position: static;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-line-tools .outils_ayah .options {
  background: rgba(255, 255, 255, .92);
  border: 1px solid var(--lc-line);
  border-radius: 999px;
  box-shadow: var(--lc-shadow-sm);
  padding: 3px;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-blockinteraction,
body.page_sourate.lc-mushaf-mode .lc-mushaf-page + .blockinteraction {
  direction: ltr;
  font-family: var(--lc-sans);
  margin: 12px 0 26px;
  text-align: left;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-page > footer {
  display: none !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-notes {
  direction: ltr;
  margin: 22px 0 0;
  text-align: left;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-note {
  border-top: 1px solid rgba(0, 0, 0, .08);
  color: var(--lc-ink, #33362d);
  font-family: var(--lc-sans);
  font-size: .95rem;
  line-height: 1.55;
  margin: 0;
  padding: 10px 0;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-note-num {
  color: var(--lc-green-d, #5f7300);
  font-weight: 800;
  margin-right: 8px;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-note-phonetic {
  color: var(--lc-ink-soft, #696b60);
  display: block;
  font-style: italic;
  margin-top: 4px;
}

body.page_sourate.lc-ar-line-mode #div_des_versets {
  overflow: visible;
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-pages {
  direction: ltr;
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-ayah {
  align-items: start;
  grid-template-columns: 36px minmax(0, 1fr);
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-text {
  color: #1f211b;
  direction: rtl;
  font-family: "Amiri Quran", var(--lc-arab, "Amiri", serif);
  font-size: var(--lc-user-ar-text-size, 25px) !important;
  line-height: 2.25;
  overflow: visible;
  text-align: right;
  white-space: normal;
}

body.page_sourate.lc-ar-line-mode .lc-mushaf-word,
body.page_sourate.lc-ar-line-mode .lc-mushaf-word.lc-k-word {
  background: transparent;
  color: inherit;
  display: inline !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit;
  margin-inline: .025em !important;
  padding: 0 .015em !important;
  white-space: nowrap;
}

body.page_sourate.lc-ar-line-mode .lc-mushaf-ayah-mark {
  align-items: center;
  border: 1.4px solid #1f211b;
  border-radius: 50%;
  color: #1f211b;
  display: inline-flex;
  font-family: var(--lc-sans);
  font-size: .34em;
  font-weight: 700;
  height: 2.05em;
  justify-content: center;
  line-height: 1;
  margin-inline: .14em;
  min-width: 2.05em;
  padding: 0 .22em;
  transform: translateY(-.02em);
  vertical-align: middle;
}

.lc-k-word:hover,
.lc-k-word:focus {
  color: var(--lc-green-d, #5f7300) !important;
  outline: none;
}

body.page_sourate.lc-mushaf-mode .lc-verse-active,
body.page_sourate.lc-mushaf-mode .lc-verse-playing,
body.page_sourate.lc-mushaf-mode .lc-ab-selected {
  background: transparent !important;
}

body.page_sourate:not(.lc-mushaf-mode) .lc-verse-active,
body.page_sourate:not(.lc-mushaf-mode) .lc-verse-playing,
body.page_sourate.lc-ar-line-mode .lc-ar-line-ayah:has(.lc-verse-active),
body.page_sourate.lc-ar-line-mode .lc-ar-line-ayah:has(.lc-verse-playing) {
  background: rgba(148, 177, 0, .11) !important;
}

body.page_sourate.lc-mushaf-mode .lc-k-word--active {
  background: transparent !important;
  border-radius: 3px;
  box-shadow: none !important;
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode .lc-k-word--active .lc-tajwid {
  color: var(--lc-green-d, #5f7300) !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode .lc-k-word--active::before,
body.page_sourate.lc-mushaf-mode .lc-k-word--active .lc-mushaf-word-glyph {
  color: var(--lc-green-d, #5f7300) !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode .lc-k-word {
  transition: color 60ms linear !important;
}

body.page_sourate.lc-mushaf-mode .lc-k-word:hover,
body.page_sourate.lc-mushaf-mode .lc-k-word:focus {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode .lc-mushaf-word:hover,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:focus {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode .lc-k-word:hover::before,
body.page_sourate.lc-mushaf-mode .lc-k-word:focus::before,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:hover::before,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:focus::before,
body.page_sourate.lc-mushaf-mode .lc-k-word:hover .lc-mushaf-word-glyph,
body.page_sourate.lc-mushaf-mode .lc-k-word:focus .lc-mushaf-word-glyph,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:hover .lc-mushaf-word-glyph,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:focus .lc-mushaf-word-glyph,
body.page_sourate.lc-mushaf-mode .lc-k-word:hover .lc-tajwid,
body.page_sourate.lc-mushaf-mode .lc-k-word:focus .lc-tajwid,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:hover .lc-tajwid,
body.page_sourate.lc-mushaf-mode .lc-mushaf-word:focus .lc-tajwid {
  color: var(--lc-green-d, #5f7300) !important;
}

@media (max-width: 760px) {
  body.page_sourate.lc-mushaf-mode .lc-sourate-layout {
    display: block !important;
    width: 100% !important;
  }

  body.page_sourate.lc-mushaf-mode .lc-sourate-layout > #gauche,
  body.page_sourate.lc-mushaf-mode .lc-sourate-layout > #rail {
    display: none !important;
  }

  body.page_sourate.lc-mushaf-mode .lc-sourate-layout > #centre {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
  }

  body.page_sourate.lc-mushaf-mode .lc-mushaf-line {
    font-size: var(--lc-mushaf-line-font-size);
    height: var(--lc-mushaf-row-height);
    line-height: var(--lc-mushaf-row-height);
    min-height: var(--lc-mushaf-row-height);
    white-space: nowrap;
  }

  /* plafonds pré-fit calés sur les ratios réels mesurés :
     sans tajwid ligne pleine ≈ 17,5em / partielle ≈ 12,4em ;
     avec tajwid (segments colorés plus larges) ≈ 18,1em / 13,9em */
  body.page_sourate.lc-mushaf-mode .lc-mushaf-page {
    --lc-mushaf-line-font-size: min(var(--lc-user-mushaf-size, 39px), calc((100vw - 12px) / 17.7));
    --lc-mushaf-row-height: calc(var(--lc-mushaf-line-font-size) * 1.62);
    overflow-clip-margin: 36px;
    padding: 10px 2px 14px !important;
  }
  body.page_sourate.lc-mushaf-mode .lc-mushaf-page--partial {
    --lc-mushaf-line-font-size: min(var(--lc-user-mushaf-size, 39px), calc((100vw - 12px) / 12.6));
  }
  body.page_sourate.lc-mushaf-mode .lc-mushaf-word,
  body.page_sourate.lc-mushaf-mode .lc-mushaf-word.lc-k-word,
  body.page_sourate.lc-mushaf-mode .lc-mushaf-page .verset_en_arabe {
    font-size: inherit !important;
    line-height: inherit;
  }
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) :is(.lc-tajwid-ham_wasl, .lc-tajwid-laam_shamsiyah, .lc-tajwid-lam_shamsiyyah, .lc-tajwid-slnt, .lc-tajwid-silent) {
  color: var(--lc-tajwid-silent) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) :is(.lc-tajwid-madda_normal, .lc-tajwid-madda_permissible, .lc-tajwid-madda_necessary, .lc-tajwid-madda_obligatory, .lc-tajwid-madda_obligatory_monfasel, .lc-tajwid-madda_obligatory_mottasel, .lc-tajwid-madd_2, .lc-tajwid-madd_246, .lc-tajwid-madd_muttasil, .lc-tajwid-madd_munfasil, .lc-tajwid-madd_6, .lc-tajwid-custom-alef-maksora) {
  color: var(--lc-tajwid-madd) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) :is(.lc-tajwid-ghunnah, .lc-tajwid-idgham_ghunnah, .lc-tajwid-idgham_wo_ghunnah, .lc-tajwid-idgham_no_ghunnah, .lc-tajwid-idgham_mutajanisayn, .lc-tajwid-idgham_mutajaanisain, .lc-tajwid-idgham_mutaqaribayn, .lc-tajwid-idgham_mutaqaaribain, .lc-tajwid-idgham_shafawi) {
  color: var(--lc-tajwid-ghunnah) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) :is(.lc-tajwid-ikhafa, .lc-tajwid-ikhfa, .lc-tajwid-ikhafa_shafawi, .lc-tajwid-ikhfa_shafawi) {
  color: var(--lc-tajwid-ikhfa) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) .lc-tajwid-iqlab {
  color: var(--lc-tajwid-iqlab) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) .lc-tajwid-tafkhim {
  color: var(--lc-tajwid-tafkhim) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode :is(.lc-k-word--active, .lc-k-word:hover, .lc-k-word:focus, .lc-mushaf-word:hover, .lc-mushaf-word:focus) :is(.lc-tajwid-qalaqah, .lc-tajwid-qalqalah) {
  color: var(--lc-tajwid-qalqalah) !important;
}

body.page_sourate.lc-ar-line-mode .lc-tajwid {
  display: inline;
  font: inherit;
  line-height: inherit;
  --lc-tajwid-silent: #a3a5a5;
  --lc-tajwid-madd: #ff7b00;
  --lc-tajwid-ghunnah: #09b000;
  --lc-tajwid-ikhfa: #09b000;
  --lc-tajwid-iqlab: #09b000;
  --lc-tajwid-qalqalah: #2fadff;
  --lc-tajwid-tafkhim: #075fa8;
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-ham_wasl,
body.page_sourate.lc-ar-line-mode .lc-tajwid-laam_shamsiyah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-lam_shamsiyyah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-slnt,
body.page_sourate.lc-ar-line-mode .lc-tajwid-silent {
  color: var(--lc-tajwid-silent);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-madda_normal,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madda_permissible,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madda_necessary,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madda_obligatory,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madda_obligatory_monfasel,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madda_obligatory_mottasel,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madd_2,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madd_246,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madd_muttasil,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madd_munfasil,
body.page_sourate.lc-ar-line-mode .lc-tajwid-madd_6,
body.page_sourate.lc-ar-line-mode .lc-tajwid-custom-alef-maksora {
  color: var(--lc-tajwid-madd);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-ghunnah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_ghunnah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_wo_ghunnah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_no_ghunnah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_mutajanisayn,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_mutajaanisain,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_mutaqaribayn,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_mutaqaaribain,
body.page_sourate.lc-ar-line-mode .lc-tajwid-idgham_shafawi {
  color: var(--lc-tajwid-ghunnah);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-ikhafa,
body.page_sourate.lc-ar-line-mode .lc-tajwid-ikhfa,
body.page_sourate.lc-ar-line-mode .lc-tajwid-ikhafa_shafawi,
body.page_sourate.lc-ar-line-mode .lc-tajwid-ikhfa_shafawi {
  color: var(--lc-tajwid-ikhfa);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-iqlab {
  color: var(--lc-tajwid-iqlab);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-tafkhim {
  color: var(--lc-tajwid-tafkhim);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-qalaqah,
body.page_sourate.lc-ar-line-mode .lc-tajwid-qalqalah {
  color: var(--lc-tajwid-qalqalah);
}

:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word--active,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word--active::before,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word--active .lc-mushaf-word-glyph,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word--active .lc-mushaf-word-tajwid-text,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word--active .lc-tajwid,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word--active [class*="lc-tajwid-"],
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word:hover,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word:hover [class*="lc-tajwid-"],
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word:focus,
:is(body.page_sourate.lc-mushaf-mode, body.page_sourate.lc-ar-line-mode) .lc-k-word:focus [class*="lc-tajwid-"] {
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-k-word--active,
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-k-word--active::before,
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-k-word--active .lc-mushaf-word-glyph,
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-k-word--active .lc-mushaf-word-tajwid-text,
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-k-word--active .lc-tajwid,
body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-k-word--active [class*="lc-tajwid-"] {
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-tajwid-mode .lc-k-word.lc-k-word--active .lc-tajwid,
body.page_sourate.lc-tajwid-mode .lc-k-word.lc-k-word--active [class*="lc-tajwid-"],
body.page_sourate.lc-tajwid-mode .lc-k-word:hover .lc-tajwid,
body.page_sourate.lc-tajwid-mode .lc-k-word:hover [class*="lc-tajwid-"],
body.page_sourate.lc-tajwid-mode .lc-k-word:focus .lc-tajwid,
body.page_sourate.lc-tajwid-mode .lc-k-word:focus [class*="lc-tajwid-"] {
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate.lc-mushaf-mode.lc-tajwid-mode .lc-mushaf-word.lc-k-word:is(.lc-k-word--active, :hover, :focus) :is(.lc-tajwid, [class*="lc-tajwid-"]),
body.page_sourate.lc-ar-line-mode.lc-tajwid-mode .lc-k-word:is(.lc-k-word--active, :hover, :focus) :is(.lc-tajwid, [class*="lc-tajwid-"]) {
  color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
}

body.page_sourate [data-lc-extra][hidden] {
  display: none !important;
}

body.page_sourate .lc-inline-verse-tools {
  position: absolute;
  top: 10px;
  right: 20px;
  left: auto;
  z-index: 8;
}

body.page_sourate .lc-inline-verse-tools .outils_ayah {
  display: block !important;
  position: static;
}

body.page_sourate .lc-inline-verse-tools .outils_ayah .options {
  background: rgba(255, 255, 255, .94);
  border: 1px solid var(--lc-line);
  border-radius: 999px;
  box-shadow: var(--lc-shadow-sm);
  padding: 3px;
}

body.page_sourate .outils_ayah button.lien_option {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font: inherit;
}

body.page_sourate .lc-payload-interaction {
  display: grid;
  gap: 14px;
}

body.page_sourate .lc-verse-popup__head {
  align-items: flex-start;
  border-bottom: 1px solid var(--lc-line, #e1e3d9);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding-bottom: 12px;
}

body.page_sourate .lc-verse-popup__title {
  display: grid;
  gap: 4px;
}

body.page_sourate .lc-verse-popup__title span {
  color: var(--lc-ink-soft, #61685d);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: 0;
}

body.page_sourate .lc-verse-popup__title strong {
  color: var(--lc-green-d, #6f8700);
  font-size: 1.02rem;
  font-weight: 850;
  line-height: 1.2;
}

body.page_sourate .lc-verse-popup__body {
  display: grid;
  gap: 10px;
}

body.page_sourate .lc-verse-popup__section {
  display: grid;
  gap: 6px;
}

body.page_sourate .lc-verse-popup__section-label {
  color: var(--lc-ink-soft, #61685d);
  font-size: .76rem;
  font-weight: 850;
}

body.page_sourate .lc-verse-popup__text {
  color: var(--lc-ink, #30352d);
  font-size: clamp(1rem, 1.65vw, 1.34rem);
  line-height: 1.65;
  margin: 0;
  padding: 12px 14px;
  background: var(--lc-surface-2, #f8f8f2);
  border: 1px solid var(--lc-line, #e1e3d9);
  border-radius: 8px;
}

body.page_sourate .lc-verse-popup__text[dir="rtl"] {
  font-size: clamp(1.05rem, 1.7vw, 1.42rem);
  line-height: 1.7;
}

body.page_sourate .lc-verse-popup__arabic {
  color: var(--lc-ink, #30352d);
  font-family: var(--lc-arab, "Amiri", serif);
  font-size: clamp(1.05rem, 1.7vw, 1.42rem);
  line-height: 1.7;
  margin: 0;
  padding: 10px 12px;
  background: var(--lc-surface-2, #f8f8f2);
  border: 1px solid var(--lc-line, #e1e3d9);
  border-radius: 8px;
  text-align: right;
}

body.page_sourate .lc-verse-popup__phonetic,
body.page_sourate .lc-verse-popup__translation {
  color: var(--lc-ink-soft, #61685d);
  font-size: .92rem;
  line-height: 1.55;
  margin: 0;
  padding: 8px 10px;
  border-left: 3px solid var(--lc-green-tint, #eef4d7);
  background: #fff;
}

body.page_sourate .lc-verse-popup__word-map {
  align-items: flex-start;
  color: var(--lc-ink-soft, #61685d);
  display: grid;
  gap: 6px;
  font-size: .78rem;
  margin-top: 4px;
}

body.page_sourate .lc-verse-popup__word-map > span {
  font-weight: 850;
}

body.page_sourate .lc-verse-popup__word-map > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

body.page_sourate .lc-verse-popup__word-chip {
  background: var(--lc-surface-2, #f8f8f2);
  border: 1px solid var(--lc-line, #e1e3d9);
  border-radius: 999px;
  color: var(--lc-ink-soft, #61685d);
  line-height: 1.25;
  padding: 4px 7px;
}

body.page_sourate .lc-verse-popup__tafsir .lc-mushaf-hover-note__tafsir {
  border-top: 0;
  margin-top: 0;
  max-height: none;
  overflow: visible;
  padding-top: 0;
}

body.page_sourate .lc-verse-popup__tafsir .lc-tafsir-entry,
body.page_sourate .lc-verse-popup__tafsir .lc-tafsir-inline {
  padding: 12px 14px;
}

body.page_sourate .lc-popup-word {
  border-radius: 3px;
  cursor: pointer;
  display: inline;
  padding: 0 1px;
  text-decoration: none !important;
}

body.page_sourate .lc-popup-word:hover,
body.page_sourate .lc-popup-word:focus,
body.page_sourate .lc-popup-word.is-clicked {
  background: transparent !important;
  color: var(--lc-green-d, #5f7300) !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
  outline: none;
}

body.page_sourate .lc-popup-word:focus-visible {
  box-shadow: 0 0 0 2px rgba(147, 180, 0, .24);
}

body.page_sourate .lc-verse-popup__clicked {
  align-items: center;
  display: flex;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 9px;
  border: 1px solid var(--lc-line, #e1e3d9);
  border-radius: 999px;
  background: #fff;
  color: var(--lc-ink-soft, #61685d);
  font-size: .82rem;
}

body.page_sourate .lc-verse-popup__clicked strong,
body.page_sourate .lc-verse-popup__highlight {
  background: transparent !important;
  color: var(--lc-green-d, #5f7300) !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
  font-weight: 800;
  text-decoration: none !important;
}

body.page_sourate .lc-verse-popup__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-top: 2px;
}

body.page_sourate .lc-verse-popup__actions .partager {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 7px;
  box-shadow: none;
  font-size: .8rem;
  gap: 8px;
  text-align: left;
}

body.page_sourate .lc-payload-interaction .partager::before {
  content: none !important;
  display: none !important;
}

body.page_sourate .lc-payload-interaction .partager > i:first-child {
  align-items: center;
  background: var(--lc-green-tint, #eef4d7);
  border-radius: 50%;
  color: var(--lc-green, #93b400);
  display: inline-flex;
  flex: 0 0 30px;
  font-size: .82rem;
  height: 30px;
  justify-content: center;
  width: 30px;
}

body.page_sourate .lc-verse-popup .blockinteraction:before,
body.page_sourate .lc-popup-blockinteraction:before {
  content: none;
  display: none;
}

body.page_sourate .lc-verse-popup .fermer_boite_interaction,
body.page_sourate .lc-popup-blockinteraction .fermer_boite_interaction {
  position: static;
  min-width: 0;
  min-height: 0;
  flex: 0 0 auto;
  padding: 7px 12px;
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(220, 38, 38, .18);
}

body.page_sourate .lc-verse-popup .fermer_boite_interaction:hover,
body.page_sourate .lc-verse-popup .fermer_boite_interaction:focus,
body.page_sourate .lc-popup-blockinteraction .fermer_boite_interaction:hover,
body.page_sourate .lc-popup-blockinteraction .fermer_boite_interaction:focus {
  background: #b91c1c;
  border-color: #b91c1c;
  color: #fff;
}

@media (max-width: 760px) {
  body.page_sourate .lc-floating-popover {
    width: calc(100vw - 18px);
    max-height: calc(100vh - 92px);
  }

  body.page_sourate .lc-floating-popover__inner {
    padding: 14px;
  }

  body.page_sourate .lc-verse-popup__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page_sourate .lc-verse-popup__head {
    align-items: center;
  }
}

@media (max-width: 520px) {
  body.page_sourate .lc-verse-popup__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.page_sourate .lc-k-word--active,
body.page_sourate .lc-k-word--active *,
body.page_sourate .lc-k-word:hover,
body.page_sourate .lc-k-word:hover *,
body.page_sourate .lc-mushaf-word:hover,
body.page_sourate .lc-mushaf-word:hover * {
  background: transparent !important;
  color: var(--lc-green-d, #5f7300) !important;
  -webkit-text-fill-color: var(--lc-green-d, #5f7300) !important;
  text-decoration: none !important;
}

/* Polish final de la légende tajwīd, commun mushaf et ligne par ligne. */
.page_sourate .lc-tajwid-legend {
  margin-top: 18px;
  padding: 8px 12px 16px;
}

.page_sourate .lc-tajwid-legend header {
  justify-content: center;
  text-align: center;
}

.page_sourate .lc-tajwid-legend header strong,
.page_sourate .lc-tajwid-legend header span {
  flex-basis: 100%;
  text-align: center;
}

body.page_sourate.lc-ar-line-mode #div_des_versets {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.page_sourate.lc-ar-line-mode .lc-ar-line-pages {
  padding-inline: clamp(6px, 1.5vw, 18px);
}

body.page_sourate.lc-ar-line-mode .lc-tajwid-legend {
  margin-top: 18px;
  max-width: min(1040px, calc(100% - 8px));
}

.page_sourate #gauche > .audio_gauche.nopadding {
  display: none !important;
}

/* ===================================================================
   30. QA mobile 2026-07 — titre hero, ordre des colonnes, tactile
   =================================================================== */
/* Titre : autoriser le retour à la ligne (était nowrap => texte coupé) */
@media (max-width: 860px) {
  .page_sourate .zone_titre h1 {
    white-space: normal;
    font-size: 17px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .page_sourate .zone_titre { padding-top: 22px; padding-bottom: 22px; }
}

/* Mobile/tablette : les versets d'abord, puis le rail (actions/navigation),
   la configuration passe en dernier — lecture immédiate, feeling application */
@media (max-width: 991px) {
  .page_sourate .lc-sourate-layout > #centre { order: 1; }
  .page_sourate .lc-sourate-layout > #rail   { order: 2; }
  .page_sourate .lc-sourate-layout > #gauche { order: 3; margin-top: 22px; }
}

/* Tactile : curseurs de slider plus gros (hitbox élargie sans épaissir la piste) */
@media (max-width: 991px) {
  .lc-range::-webkit-slider-thumb { width: 20px; height: 20px; }
  .lc-range::-moz-range-thumb { width: 20px; height: 20px; }
}

/* Mushaf mobile : plafond de taille AVANT affinage JS (mesuré sur pages réelles :
   ligne pleine ≈ 16,5em de large, page partielle ≈ 13em ; conteneur = 100vw - 52px) */
@media (max-width: 760px) {
  .lc-mushaf-page {
    --lc-mushaf-line-font-size: min(var(--lc-user-mushaf-size, 39px), calc((100vw - 52px) / 17));
  }
  .lc-mushaf-page--partial {
    --lc-mushaf-line-font-size: min(var(--lc-user-mushaf-size, 39px), calc((100vw - 52px) / 13.2));
  }
}

/* Mobile : onglets de langue en contrôle segmenté compact sur une ligne
   (le préfixe « Sourate X en » est masqué, il reste Arabe|Français|Phonétique) */
@media (max-width: 700px) {
  .page_sourate .lc-lang-switch {
    display: flex;
    gap: 0;
    background: var(--lc-surface);
    border: 1px solid var(--lc-line);
    border-radius: var(--lc-pill);
    padding: 4px;
    box-shadow: var(--lc-shadow-sm);
    margin-bottom: 14px;
  }
  .page_sourate .lc-lang-switch .lc-tab-pre { display: none; }
  .page_sourate .lc-lang-switch .choix_langue {
    flex: 1 1 0;
    margin: 0;
    justify-content: center;
    text-align: center;
    border: 0;
    box-shadow: none;
    padding: .6em .4em;
    font-size: .92rem;
    white-space: nowrap;
  }
  .page_sourate .lc-lang-switch .choix_langue:not(.lang_active) { background: transparent; }
}

/* ===================================================================
   31. Mobile app-like : lecteur compact + barre de boutons + bottom-sheets
   =================================================================== */
/* Barre de boutons (Lecture / Écoute) — mobile uniquement */
.lc-pbar { display: none; }

@media (max-width: 760px) {
  /* Lecteur mobile "carré" : 3 rangées nettes
     1. barre de progression pleine largeur
     2. 5 contrôles centrés symétriques (boucle · -10 · play · +10 · suivante)
     3. boutons Lecture / Écoute */
  #lc-player {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3px 22px;
    padding: 5px 12px calc(5px + env(safe-area-inset-bottom, 0px));
  }
  #lc-player .lc-pl-info { display: none; }           /* icône casque retirée */
  #lc-player .lc-pl-center,
  #lc-player .lc-pl-btns,
  #lc-player .lc-pl-side,
  #lc-player .lc-pl-modes { display: contents; }      /* tous les contrôles au même niveau */
  #lc-player .lc-pl-progress { order: 1; flex: 1 1 100%; }
  #lc-player .lc-pl-mode:not(.lc-pl-mode-next) { order: 2; }
  #lc-player .lc-pl-back { order: 3; }
  #lc-player .lc-pl-play { order: 4; width: 42px; height: 42px; font-size: 1rem; box-shadow: 0 2px 7px rgba(15,122,79,.3); }
  #lc-player .lc-pl-fwd { order: 5; }
  #lc-player .lc-pl-mode-next { order: 6; }
  #lc-player .lc-pl-btn { width: 32px; height: 32px; font-size: .92rem; }
  /* Modes (répéter / suivante) : mini-libellé sous l'icône pour la découvrabilité tactile */
  #lc-player .lc-pl-mode { flex-direction: column; height: auto; width: auto; min-width: 40px; gap: 0; }
  #lc-player .lc-pl-mode .lc-pl-mlbl { display: block; font-size: 8px; line-height: 1.1; font-weight: 700; color: var(--lc-ink-soft); margin-top: 1px; }
  #lc-player .lc-pl-vol-wrap { display: none; }
  /* barre de progression compacte (temps sous la barre en plus petit) */
  #lc-player .lc-pl-progress { gap: 6px; }
  #lc-player .lc-pl-cur, #lc-player .lc-pl-dur { font-size: .7rem; }
  .lc-pbar {
    display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px;
    flex: 1 1 100%; order: 10;
    border-top: 1px solid var(--lc-line); padding-top: 5px; margin-top: 0;
  }
  .lc-pbar-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    padding: 7px 6px; border: 1px solid var(--lc-line); border-radius: var(--lc-r-sm);
    background: var(--lc-surface-2); color: var(--lc-ink); font-weight: 700; font-size: .84rem;
    cursor: pointer; transition: background var(--lc-trans), border-color var(--lc-trans);
  }
  .lc-pbar-btn i { color: var(--lc-green); margin-right: 1px; }
  .lc-pbar-btn:active { background: var(--lc-green-tint); border-color: var(--lc-green); }
  body.page_sourate { padding-bottom: 136px; }

  /* La config lecture/écoute/apprentissage sort du flux : via la barre (sheets) */
  .page_sourate #gauche > .audio_gauche2,
  .page_sourate #gauche > .audio_gauche1,
  .page_sourate #gauche > .audio_gauche3 { display: none; }

  /* Mushaf mobile : on garde les colonnes visibles comme sur les autres
     versions (rail = progression/liste des sourates/blog ; gauche = sourate
     suivante…) — seules les cartes de config passent en sheet */
  body.page_sourate.lc-mushaf-mode .lc-sourate-layout > #gauche {
    display: flex !important;
    margin-top: 20px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.page_sourate.lc-mushaf-mode .lc-sourate-layout > #rail {
    display: block !important;
    margin-top: 20px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Bottom-sheet (mobile) */
.lc-sheet-backdrop {
  display: none; position: fixed; inset: 0; z-index: 1290;
  background: rgba(15, 25, 18, .45);
}
.lc-sheet-backdrop.is-open { display: block; }
.lc-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1300;
  background: var(--lc-bg); border-radius: 18px 18px 0 0;
  box-shadow: 0 -10px 40px rgba(15, 40, 25, .25);
  max-height: 78vh; display: flex; flex-direction: column;
  transform: translateY(105%); transition: transform .22s ease;
  visibility: hidden;
}
.lc-sheet.is-open { transform: translateY(0); visibility: visible; }
.lc-sheet-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 16px 10px; border-bottom: 1px solid var(--lc-line);
  flex: 0 0 auto;
}
.lc-sheet-head::before {
  content: ""; position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
  width: 40px; height: 4px; border-radius: 4px; background: var(--lc-line);
}
.lc-sheet-title { font-weight: 700; color: var(--lc-ink); font-size: 1.02rem; }
.lc-sheet-close {
  flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid var(--lc-line); background: var(--lc-surface);
  color: var(--lc-ink-soft); cursor: pointer; font-size: .95rem;
}
.lc-sheet-body { overflow-y: auto; padding: 14px 14px calc(16px + env(safe-area-inset-bottom, 0px)); flex: 1 1 auto; -webkit-overflow-scrolling: touch; }
/* Cibles tactiles ≥ ~44px dans les feuilles de réglages (tactile). */
@media (hover: none) {
  .lc-sheet-close { width: 42px; height: 42px; }
  .lc-sheet-body .lc-txtsize { width: 44px; height: 44px; }
  .lc-sheet-body .lc-view-switch a,
  .lc-sheet-body .lc-view-switch button { min-height: 42px; }
  .lc-sheet-body .tableau_option_audio td { padding-top: 9px; padding-bottom: 9px; }
  .lc-sheet-body .tableau_option_audio .lc-toggle-icon { transform: scale(1.12); }
}
/* les cartes déplacées gardent leur style, sans double bordure de carte */
.lc-sheet-body > .audio_gauche1, .lc-sheet-body > .audio_gauche2, .lc-sheet-body > .audio_gauche3 {
  display: block !important; margin-bottom: 0; border: 0; box-shadow: none; background: transparent;
}
body.lc-sheet-noscroll { overflow: hidden; }

/* Dans la sheet : pas de titre de carte en double, contenu toujours déplié */
.lc-sheet-body .audio_gauche > .gestiondelaudio { display: none !important; }
.lc-sheet-body .audio_gauche .padding_gauche { display: block !important; }

/* Mushaf mobile : pleine largeur — chaque pixel compte pour la taille du texte */
@media (max-width: 760px) {
  body.page_sourate.lc-mushaf-mode .lc-sourate-layout { width: 100% !important; }
  body.page_sourate.lc-mushaf-mode .lc-sourate-layout > #centre {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .lc-mushaf-mode .lc-mushaf-page { padding-left: 2px; padding-right: 2px; }
  .lc-mushaf-page { --lc-mushaf-line-font-size: min(var(--lc-user-mushaf-size, 39px), calc((100vw - 12px) / 18.4)); }
  .lc-mushaf-page--partial { --lc-mushaf-line-font-size: min(var(--lc-user-mushaf-size, 39px), calc((100vw - 12px) / 14.3)); }
}

/* Les glyphes QCF intègrent leur propre espacement : on resserre les espaces
   entre mots quand la police mushaf est chargée (comme le mushaf imprimé) */
.lc-mushaf-line.lc-qcf-ready { word-spacing: -0.14em; }

/* Titre du panneau d'interaction verset : traduit côté anglais */
body.en .blockinteraction::before { content: "Verse options"; }

/* ── Mention pub discrète + lien signaler ────────────────────────────────── */
.lc-ad-notice {
  font-size: 10.5px;
  line-height: 1.4;
  color: var(--lc-text-muted, #9aa0a6);
  text-align: center;
  padding: 4px 8px;
  opacity: .85;
}
.lc-ad-notice p, .lc-ad-notice > span { margin: 0; display: inline; }
.lc-ad-report-btn {
  display: inline; margin-left: 5px;
  font-size: inherit; color: inherit;
  background: none; border: 0; padding: 0;
  text-decoration: underline; text-underline-offset: 2px;
  cursor: pointer; white-space: nowrap;
}
.lc-ad-report-btn i { font-size: 9px; margin-right: 2px; }
@media (hover: hover) { .lc-ad-report-btn:hover { color: var(--lc-green, #1b7f5a); } }
.lc-ad-report-btn:focus-visible { outline: 1px solid var(--lc-green, #1b7f5a); outline-offset: 2px; }
/* Variante sous la bannière top : pleine largeur, une seule ligne. */
.lc-ad-notice--top { margin: 4px auto 10px; }

/* ── Modale de signalement ──────────────────────────────────────────────── */
.lc-adr-modal { position: fixed; inset: 0; z-index: 10200; display: none; }
.lc-adr-modal.is-open { display: block; }
.lc-adr-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.lc-adr-panel {
  position: relative;
  max-width: 460px; width: calc(100% - 32px);
  margin: 8vh auto 0;
  max-height: 84vh; overflow-y: auto;
  background: var(--lc-surface, #fff);
  color: var(--lc-text, #1a1a1a);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  padding: 22px 20px 20px;
}
.lc-adr-close {
  position: absolute; top: 8px; right: 12px;
  background: none; border: 0; font-size: 26px; line-height: 1;
  color: var(--lc-text-muted, #888); cursor: pointer;
}
.lc-adr-title { font-size: 18px; margin: 0 30px 8px 0; }
.lc-adr-intro { font-size: 13px; color: var(--lc-text-muted, #666); margin: 0 0 14px; line-height: 1.5; }
.lc-adr-shot img { width: 100%; border: 1px solid var(--lc-border, #e5e7eb); border-radius: 8px; margin-bottom: 14px; display: block; }
.lc-adr-field { display: block; margin-bottom: 12px; }
.lc-adr-field span { display: block; font-size: 12px; font-weight: 600; margin-bottom: 4px; color: var(--lc-text-muted, #555); }
.lc-adr-field input, .lc-adr-field textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid var(--lc-border, #d1d5db); border-radius: 8px;
  padding: 9px 11px; font-size: 14px; font-family: inherit;
  background: var(--lc-surface, #fff); color: var(--lc-text, #1a1a1a);
}
.lc-adr-status { font-size: 13px; min-height: 18px; margin: 2px 0 6px; }
.lc-adr-status.is-ok { color: var(--lc-green, #1b7f5a); }
.lc-adr-status.is-err { color: #c0392b; }
.lc-adr-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 6px; }
.lc-adr-cancel { background: none; border: 0; color: var(--lc-text-muted, #666); font-size: 14px; cursor: pointer; padding: 8px 10px; }
.lc-adr-submit {
  background: var(--lc-green, #1b7f5a); color: #fff; border: 0;
  border-radius: 999px; padding: 9px 18px; font-size: 14px; font-weight: 600; cursor: pointer;
}
.lc-adr-submit:disabled { opacity: .6; cursor: default; }