/**
 * module-states.css
 *
 * Tractament visual dels estats de mòdul: inactive i hidden.
 * L'estat s'aplica via data-module-state="inactive|hidden" sobre els elements
 * contenidor de cada punt de navegació.
 *
 * Comportament visual unificat amb data-missing="1" (fitxers .md absents):
 *   - prefix ✕ vermell  (::before)
 *   - text tatxat       (text-decoration: line-through)
 *
 * Els mòduls 'hidden' s'eliminen directament del DOM via PHP; les regles
 * d'aquí s'apliquen únicament a 'inactive'.
 */

/* ── Prefix ✕ compartit ──────────────────────────────────────────────────── */
/* S'afegeix al primer element de text visible de cada punt de navegació.    */

.nav-item[data-module-state="inactive"] .nav-trigger::before,
.mobile-nav-item[data-module-state="inactive"] summary::before,
.footer-link[data-module-state="inactive"]::before,
.content-nav-section[data-module-state="inactive"] .content-nav-section-link::before {
  content: "✖";
  display: inline-block; /* Evita que el text-decoration del pare travessi la ✖ */
  color: #d32f2f;
  font-weight: 900;
  margin-right: 5px;
  font-size: 0.8em;
  vertical-align: middle;
  text-decoration: none;
  transform: translateY(-2px); /* Centrat òptic amb el text */
}

/* ── Megamenu desktop ────────────────────────────────────────────────────── */

.nav-item[data-module-state="inactive"] .nav-trigger {
  text-decoration: line-through;
  pointer-events: none;
  cursor: default;
}

/* ── Nav mòbil (drawer) ──────────────────────────────────────────────────── */

.mobile-nav-item[data-module-state="inactive"] summary.mobile-nav-link {
  /* Amb ::before (✖) hi ha 3 ítems flex; space-between centrava el text.
     flex-start + svg amb margin-left:auto replica l'alineació esquerra + chevron a la dreta. */
  justify-content: flex-start;
  text-align: left;
  text-decoration: line-through;
  pointer-events: none;
  cursor: default;
}

.mobile-nav-item[data-module-state="inactive"] summary.mobile-nav-link svg {
  margin-left: auto;
}

.mobile-nav-item[data-module-state="inactive"] .mobile-submenu {
  display: none;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */

.footer-link[data-module-state="inactive"] {
  text-decoration: line-through;
  pointer-events: none;
}

/* ── Content nav (sidebar seccions de contingut) ─────────────────────────── */

.content-nav-section[data-module-state="inactive"] .content-nav-section-link,
.content-nav-section[data-module-state="inactive"] .content-nav-toggle {
  text-decoration: line-through;
  pointer-events: none;
  cursor: default;
}

.content-nav-section[data-module-state="inactive"] .content-nav-items {
  display: none;
}

/* ── Sub-enllaç inhibició manual (Catàleg: Discografia, Bibliografia, Estadístiques)
   Mateixa estètica que mòdul inactive; sense mecanisme de config de submòduls. */

.subnav-link--inactive {
  text-decoration: line-through;
  pointer-events: none;
  cursor: default;
}

.subnav-link--inactive::before {
  content: "✖";
  display: inline-block;
  color: #d32f2f;
  font-weight: 900;
  margin-right: 5px;
  font-size: 0.8em;
  vertical-align: middle;
  text-decoration: none;
  transform: translateY(-2px);
}

/* Evita que els estils :hover dels menús semblin actius */
.content-nav-link.subnav-link--inactive:hover,
.megamenu-section a.subnav-link--inactive:hover,
.mobile-submenu a.subnav-link--inactive:hover,
.subnav-panel-body a.subnav-link--inactive:hover {
  background: transparent;
  color: var(--ink);
}

/* Títol sidebar + peu: color base --muted (no --ink com als sub-enllaços de llista) */
.content-nav-section-link.subnav-link--inactive:hover,
.footer-link.subnav-link--inactive:hover {
  background: transparent;
  color: var(--muted);
}