/* ===================== INVERT MODE ===================== */
body.invert {
  /* Highlight fucsia → verde acqua */
  --highlight-color: #6affb3;

  /* Base WP color → scuro */
  --wp--preset--color--white: #000;
  --wp--preset--color--base: #fff;
  --grid-line: rgba(255, 255, 255, 0.06); /* colore linee */

  /* Font color globale → chiaro */
  color: #f2f2f2;
  background-color: #000;
}

body.home.invert::before {
  --grid-line: rgba(255, 255, 255, 0.10);
  --grid-blur: 5px;
}

/* Bottoni nav/footer sospesi in invert */
body.invert .gaia-nav a,
body.invert button,
body.invert header .gaia-nav a,
body.invert footer a {
  color: var(--wp--preset--color--base);
  background: #111; /* riquadro visibile prima del riempimento */
}

/* Fill sfumato invert */
body.invert .gaia-nav a::before,
body.invert button::before,
body.invert header .gaia-nav a::before,
body.invert footer a::before {
  background: linear-gradient(
    to right,
    var(--highlight-color, #00ffaa) 100%,
    var(--highlight-color, #00ffaa) 100%
  );
}

/* Barra animata generica invert (sfumata) */
body.invert a::after {
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--highlight-color, #00ffaa) 50%,
    transparent 100%
  );
}

/* Nessuna ombra su hover in invert */
body.invert .gaia-nav a:hover,
body.invert button:hover,
body.invert header .gaia-nav a:hover,
body.invert footer a:hover {
  box-shadow: none;
  color: #000 !important;
}

/* Colonne e card invertite */
body.invert .wp-block-columns.scrollable-columns > .wp-block-column,
body.invert .fullwidth-card,
body.invert .proj-card {
  background: #000;
  border-color: rgba(255, 255, 255, 0.15);
}

body.invert .scrollable-columns.no-col-borders > .wp-block-column {
  background: transparent;
}

/* Testi invert */
body.invert .entry-content,
body.invert .wp-block-post-content {
  color: #e5e5e5;
}

/* Collaborations list invert */
body.invert .coll-row {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

/* Hover preview ombra schiarita */
body.invert #hover-preview img {
  box-shadow: 0 18px 60px rgba(255, 255, 255, 0.25);
}