/**
 * Alericos Core — AlEduModal: componente CANÔNICO de citação/explicação científica
 * (site-wide). Modelo avEduModal (§2.0 / §2a-c da REVISAO-GERAL-SITE-2026-06.md).
 *
 * NÃO usar dentro de .al-plano-single-wrapper — o plano alimentar mantém o estilo
 * próprio (.al-plano-modal) que harmoniza com o layout do plano (§2c).
 *
 * Conteúdo do corpo reaproveita as classes av-edu-* do modelo (verdict/refs/flag/
 * disclaimer), agora disponíveis globalmente.
 *
 * @package Alericos\Core
 * @version 1.0.0
 */
.al-edu-modal {
  position: fixed;
  inset: 0;
  z-index: 100050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.al-edu-modal.is-open { display: flex; }

.al-edu-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 18, 25, 0.8);
  backdrop-filter: blur(4px);
}

.al-edu-modal__content {
  position: relative;
  background: var(--alx-bg-card, #1A2C3E);
  border: 1px solid var(--alx-border, #2C3E50);
  border-radius: var(--alx-radius, 12px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: alEduIn 0.25s ease-out;
}
@keyframes alEduIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}

.al-edu-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--alx-border, #2C3E50);
}
.al-edu-modal__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--alx-text, #E9ECEF);
}
.al-edu-modal__close {
  background: none;
  border: 0;
  color: var(--alx-text-secondary, #ADB5BD);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.25rem;
}
.al-edu-modal__close:hover { color: var(--alx-text, #E9ECEF); }

.al-edu-modal__body { padding: 1.25rem; overflow-y: auto; }

/* Conteúdo padronizado (mesmas classes do avEduModal). Sem barra lateral — usa
   fundo tonalizado p/ status (coerente com §3d). */
.al-edu-modal .av-edu-text p { margin: 0 0 0.875rem; line-height: 1.6; color: var(--alx-text, #E9ECEF); }
.al-edu-modal .av-edu-text em { color: var(--alx-primary-light, #8ECAE6); font-style: italic; }
.al-edu-modal .av-edu-text strong { color: #fff; }
.al-edu-modal .av-edu-verdict { padding: 0.875rem 1rem; border-radius: var(--alx-radius-sm, 8px); background: rgba(33, 158, 188, 0.08); font-size: 0.95rem; margin-bottom: 0.875rem; }
.al-edu-modal .av-edu-verdict--ok { background: rgba(42, 157, 143, 0.10); }
.al-edu-modal .av-edu-verdict--atencao { background: rgba(244, 162, 97, 0.10); }
.al-edu-modal .av-edu-verdict--ruim { background: rgba(231, 111, 81, 0.10); }
.al-edu-modal .av-edu-small { font-size: 0.8rem; color: var(--alx-text-secondary, #ADB5BD); }
.al-edu-modal .av-edu-refs { margin-top: 1rem; border-top: 1px solid var(--alx-border, #2C3E50); padding-top: 0.75rem; }
.al-edu-modal .av-edu-refs h5 { margin: 0 0 0.5rem; font-size: 0.8rem; color: var(--alx-text-secondary, #ADB5BD); text-transform: uppercase; letter-spacing: 0.04em; }
.al-edu-modal .av-edu-refs ul,
.al-edu-modal .av-edu-refs ol { margin: 0; padding-left: 1.2rem; }
.al-edu-modal .av-edu-refs li { margin-bottom: 0.35rem; }
.al-edu-modal .al-edu-ref-grau { font-style: italic; color: var(--alx-text-secondary, #ADB5BD); font-size: 0.72rem; }
.al-edu-modal .av-edu-refs a,
.al-edu-modal .av-edu-text a { color: var(--alx-primary-light, #8ECAE6); }
.al-edu-modal .av-edu-flag { padding: 0.875rem 1rem; margin-bottom: 1rem; background: rgba(244, 162, 97, 0.1); border-radius: var(--alx-radius-sm, 8px); font-size: 0.85rem; line-height: 1.5; color: var(--alx-text, #E9ECEF); }
.al-edu-modal .av-edu-disclaimer { margin-top: 1rem; font-size: 0.78rem; color: var(--alx-text-secondary, #ADB5BD); font-style: italic; }

/* §2a — gatilho de citação: estilo al-cp-info-btn + realce (wrapper destacado). */
.al-edu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.15rem 0.55rem;
  border: 1px solid rgba(33, 158, 188, 0.4);
  background: rgba(33, 158, 188, 0.1);
  color: var(--alx-primary-light, #8ECAE6);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  transition: all 0.15s ease;
}
.al-edu-trigger:hover {
  background: rgba(33, 158, 188, 0.2);
  color: #fff;
  border-color: var(--alx-primary, #219EBC);
}