/* ==========================================================================
   Закладка «Муташабихат» по книге «Аят-е муташабихат»: схожие места целиком,
   номер аята — ссылка, открывающая аят в новом окне (js/quran-scripts.js, _mutBookHtml)
   ========================================================================== */

.quran-mut-intro {
  font-size: 0.8rem;
  color: var(--medium-gray, #888);
  margin-bottom: 10px;
  line-height: 1.6;
}

.quran-mut-note {
  font-size: 0.85rem;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-inline-start: 3px solid var(--emerald, #047857);
  background: var(--quran-highlight, color-mix(in srgb, var(--emerald, #047857) 6%, transparent));
  border-radius: 4px;
}

.quran-mut-card {
  padding: 8px 12px 10px;
  border: 1px solid var(--quran-border, #e5e7eb);
  border-radius: 8px;
  margin-bottom: 10px;
}

.quran-mut-card--reverse {
  border-style: dashed;
}

.quran-mut-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
  margin-bottom: 6px;
}

.quran-mut-kind {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--medium-gray, #888);
}

.quran-mut-ref {
  font-size: 0.75rem;
  color: var(--medium-gray, #888);
}

.quran-mut-verse + .quran-mut-verse {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted var(--quran-border, #e5e7eb);
}

.quran-mut-link {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--emerald, #047857);
  text-decoration: none;
}

.quran-mut-link:hover,
.quran-mut-link:focus-visible {
  text-decoration: underline;
}

.quran-mut-ext {
  font-size: 0.75em;
  opacity: .7;
}

.quran-mut-text {
  font-family: var(--font-arabic, 'Amiri', serif);
  font-size: 1.35rem;
  line-height: 2.1;
  direction: rtl;
  text-align: right;
  color: var(--quran-arabic, #1a1a1a);
  margin-top: 2px;
}

.quran-mut-mark {
  background: color-mix(in srgb, var(--emerald, #047857) 16%, transparent);
  color: inherit;
  border-radius: 4px;
  padding: 0 2px;
}

.quran-mut-note-ur {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dotted var(--quran-border, #e5e7eb);
  font-size: 0.85rem;
}

.quran-mut-note-label {
  color: var(--medium-gray, #888);
}

.quran-mut-note-ur [lang="ur"] {
  font-family: var(--font-urdu, 'Noto Nastaliq Urdu', 'Amiri', serif);
  line-height: 2.3;
}

@media (max-width: 600px) {
  .quran-mut-text { font-size: 1.2rem; }
}

/* Настройка «Муташабихат»: аяты, у которых есть схожие места, подсвечены в арабском тексте.
   Класс has-mutashabihat ставится скриптом только при включённой настройке (js/quran-scripts.js). */
.mutashabihat-active .quran-ayah-block.has-mutashabihat .quran-ayah-arabic {
  background: color-mix(in srgb, #3b82f6 11%, transparent);
  box-shadow: inset 0 -2px 0 rgba(59, 130, 246, 0.45);
  border-radius: 8px;
  padding: 6px 10px;
}
.mutashabihat-active .quran-ayah-block.has-mutashabihat .quran-tab-btn[onclick*="'mutashabihat'"] {
  color: #3b82f6;
  border-color: rgba(59, 130, 246, 0.55);
  font-weight: 600;
}
.night-mode.mutashabihat-active .quran-ayah-block.has-mutashabihat .quran-ayah-arabic,
.night-mode .mutashabihat-active .quran-ayah-block.has-mutashabihat .quran-ayah-arabic {
  background: color-mix(in srgb, #60a5fa 14%, transparent);
  box-shadow: inset 0 -2px 0 rgba(96, 165, 250, 0.5);
}
.night-mode .mutashabihat-active .quran-ayah-block.has-mutashabihat .quran-tab-btn[onclick*="'mutashabihat'"] {
  color: #93c5fd;
  border-color: rgba(96, 165, 250, 0.6);
}