/* ma-sourate.css — Pages des 114 sourates (/sourate/, /en/sourate/, /ar/sourate/).
   Appele avec ?v=N depuis ma-sourate.php : augmenter N a chaque modification. */

.ms-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 6px; }
.ms-actions a { display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px;
  border:1px solid rgba(16,185,129,.45); background:rgba(16,185,129,.1); color:#a7f3d0; text-decoration:none;
  font-weight:700; font-size:.92rem; }
.ms-actions a:hover, .ms-actions a:focus-visible { background:rgba(16,185,129,.22); color:#fff; }

.ms-merites { margin:8px 0 0; padding-inline-start:20px; }
.ms-merites li { margin:8px 0; }

.ms-texte { margin:16px 0 8px; padding:0; border:0; quotes:none; }
.ms-basmala { text-align:center !important; font-family:var(--ma-font-arabic); font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);
  line-height:2; color:#ffd76a; margin:6px 0 0; }
.ms-basmala-tr { text-align:center; font-style:italic; color:rgba(232,245,238,.75); margin:0 0 14px; }

.ms-v { padding:16px 0 14px; border-bottom:1px solid rgba(255,255,255,.09); }
.ms-v:target { background:rgba(16,185,129,.08); }
.ms-v p { margin:0; }
.ms-ar { font-family:var(--ma-font-arabic); font-size:clamp(1.45rem,1.15rem + 1.1vw,1.95rem); line-height:2.15;
  text-align:right; color:#ffd76a; }
.ms-fin { font-size:.85em; color:#6ee7b7; white-space:nowrap; }
.ms-ph { margin-top:8px !important; font-style:italic; color:#99f6e4; font-size:.98rem; }
.ms-tr { margin-top:6px !important; }
.ma-g .ms-n { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:24px; padding:0 6px;
  margin-inline-end:6px; border-radius:999px; background:#10b981; color:#03140d; font-weight:800; font-size:.8rem;
  text-decoration:none; vertical-align:1px; }

.ms-mushaf { font-family:var(--ma-font-arabic); font-size:clamp(1.55rem,1.2rem + 1.3vw,2.15rem); line-height:2.4;
  text-align:justify; color:#ffd76a; }
.ms-a:target { background:rgba(16,185,129,.18); border-radius:6px; }
.ms-page { display:block; margin:18px 0 4px; font-family:var(--ma-font-body); font-size:.8rem; line-height:1.4;
  color:rgba(232,245,238,.6); text-align:center; border-top:1px dashed rgba(255,255,255,.15); padding-top:6px; }
.ms-page:first-child { margin-top:0; border-top:0; padding-top:0; }

.ms-sources { margin-top:14px; }

.ms-nav { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:stretch; margin:26px 0 0; }
.ms-nav a { display:flex; flex-direction:column; gap:2px; padding:12px 14px; border-radius:14px; text-decoration:none;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); }
.ms-nav a span { font-size:.8rem; color:rgba(232,245,238,.7); }
.ms-nav a strong { color:#fff; }
.ms-nav .ms-nav-next { text-align:end; }
.ms-nav .ms-nav-tous { justify-content:center; text-align:center; font-weight:700; color:#a7f3d0; }
@media (max-width:640px) {
  .ms-nav { grid-template-columns:1fr 1fr; }
  .ms-nav .ms-nav-tous { grid-column:1 / -1; order:3; }
}

/* Liste des 114 sourates (bas de coran-detaille.php) */
.ms-liste { max-width:1100px; margin:28px auto 0; padding:0 16px; }
.ms-liste h2 { font-size:1.3rem; margin:0 0 12px; }
.ms-liste ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:6px; }
.ms-liste li { margin:0; padding:0; }
.ms-liste a { display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px; text-decoration:none;
  border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); color:inherit; }
.ms-liste a:hover, .ms-liste a:focus-visible { border-color:rgba(16,185,129,.6); background:rgba(16,185,129,.1); }
.ms-liste-n { min-width:30px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px;
  background:#10b981; color:#03140d; font-weight:800; font-size:.8rem; }
.ms-liste-ar { margin-inline-start:auto; font-family:var(--ma-font-arabic); font-size:1.15rem; color:#ffd76a; }