/* ------------------------------------------------- 
  BLUE SCHEME — PETITES COPROPRIÉTÉS & ACOUSTIQUE
---------------------------------------------------*/
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.kleine-mede-eigendommen,
.entry-content--kleine-mede-eigendommen,
.post-conseil-page--kleine-mede-eigendommen,
.post-question-page--kleine-mede-eigendommen,
body.acoustique,
.entry-content--acoustique,
.post-conseil-page--acoustique,
.post-question-page--acoustique,
body.akoestiek,
.entry-content--akoestiek,
.post-conseil-page--akoestiek,
.post-question-page--akoestiek {
  h2,
  h3,
  /* h4, */
  h5,
  h6,
  ul li::marker,
  ol li::marker,
  .homegrade-blocks-focused-thematique__figcaption-toggle,
  .question-context__conseil-name,
  .chapter_index a.active, {
    @apply text-acoustique-coproprietes;
  }

  .chapter_index__position-indicator,
  .homegrade-blocks-focus-point-bullet,
  .homegrade-blocks-focus-point-bullet-panel-preview,
  .homegrade-blocks-focus-point-bullet:after,
  .homegrade-blocks-focused-schema ol li:before,
  .wp-block-button__link,
  ul li:before {
    @apply !bg-acoustique-coproprietes;
  }
  .homegrade-blocks-highlight {
    @apply bg-acoustique-coproprietes-light text-black;
    .icon {
      @apply bg-acoustique-coproprietes;
    }
    &:not(.homegrade-blocks-highlight--warning) {
      .wp-block-button__link {
        @apply !bg-acoustique-coproprietes;
      }
    }
  }
  .tooltip-word {
    @apply !decoration-acoustique-coproprietes;
  }
  .homegrade-blocks-aside {
    @apply border-acoustique-coproprietes;
  }
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    &__infos {
      p {
        @apply text-acoustique-coproprietes;
      }
    }
    .post-infos-capsule__share,
    .post-infos-capsule__publication-date,
    .post-infos-capsule__modification-date {
      @apply text-acoustique-coproprietes;
    }
  }

  .homegrade-blocks-lien-chapitre__cta:hover {
    @apply filter-acoustique-coproprietes;
  }
  /* page single questions */
  .thematiques-subtaxonomy-links .cta {
    @apply text-acoustique-coproprietes border-acoustique-coproprietes;
  }
}

.card-news__thematique-tag--kleine-mede-eigendommen,
.card-news__thematique-tag--petites-coproprietes,
.card-news__thematique-tag--acoustique,
.card-news__thematique-tag--akoestiek {
  @apply bg-acoustique-coproprietes-light text-acoustique-coproprietes;
}

/* PETITES COPROPRIÉTÉS — SPECIFIC */
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.kleine-mede-eigendommen,
.entry-content--kleine-mede-eigendommen,
.post-conseil-page--kleine-mede-eigendommen,
.post-question-page--kleine-mede-eigendommen {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    background: var(--wp--preset--gradient--gradient-blue);
  }
}
/* ACOUSTIQUE — SPECIFIC */
body.acoustique,
.entry-content--acoustique,
.post-conseil-page--acoustique,
.post-question-page--acoustique,
body.akoestiek,
.entry-content--akoestiek,
.post-conseil-page--akoestiek,
.post-question-page--akoestiek {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    @apply bg-acoustique-coproprietes-light;
  }
}

/* ----------------------------------- 
  GREEN SCHEME — ÉNERGIES & URBANISME
-------------------------------------*/
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.stedenbouw,
.entry-content--stedenbouw,
.post-conseil-page--stedenbouw,
.post-question-page--stedenbouw,
body.energies,
.entry-content--energies,
.post-conseil-page--energies,
.post-question-page--energies,
body.energie,
.entry-content--energie,
.post-conseil-page--energie,
.post-question-page--energie {
  h2,
  h3,
  /* h4, */
  h5,
  h6,
  ol li::marker,
  ul li::marker,
  .homegrade-blocks-focused-thematique__figcaption-toggle,
  .question-context__conseil-name,
  .chapter_index a.active {
    @apply text-energies-urbanisme;
  }
  .homegrade-blocks-highlight {
    @apply bg-energies-urbanisme-light text-black;
    .icon {
      @apply bg-energies-urbanisme;
    }
    &:not(.homegrade-blocks-highlight--warning) {
      .wp-block-button__link {
        @apply !bg-energies-urbanisme;
      }
    }
  }
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    @apply bg-energies-urbanisme-light;
  }
  .chapter_index__position-indicator,
  .homegrade-blocks-focus-point-bullet,
  .homegrade-blocks-focus-point-bullet-panel-preview,
  .homegrade-blocks-focus-point-bullet:after,
  .homegrade-blocks-focused-schema ol li:before,
  ul li:before,
  .wp-block-button__link {
    @apply bg-energies-urbanisme;
  }
  .tooltip-word {
    @apply !decoration-energies-urbanisme;
  }
  .homegrade-blocks-aside {
    @apply border-energies-urbanisme;
  }
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    &__infos {
      p {
        @apply text-energies-urbanisme;
      }
    }
    .post-infos-capsule__share,
    .post-infos-capsule__publication-date,
    .post-infos-capsule__modification-date {
      @apply text-energies-urbanisme;
    }
  }
  .homegrade-blocks-lien-chapitre__cta:hover {
    @apply filter-energies-urbanisme;
  }
  .homegrade-blocks-focused-thematique__figcaption-toggle img {
    @apply filter-energies-urbanisme;
  }
  /* page single questions */
  .thematiques-subtaxonomy-links .cta {
    @apply text-energies-urbanisme border-energies-urbanisme;
  }
}

.card-news__thematique-tag--urbanisme,
.card-news__thematique-tag--stedenbouw,
.card-news__thematique-tag--energies,
.card-news__thematique-tag--energie {
  @apply bg-energies-urbanisme-light text-energies-urbanisme;
}

/* URBANISME — SPECIFIC */
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.stedenbouw,
.entry-content--stedenbouw,
.post-conseil-page--stedenbouw,
.post-question-page--stedenbouw {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    background: var(--wp--preset--gradient--gradient-green);
  }
}
/* ENERGIES — SPECIFIC */
body.energies,
.entry-content--energies,
.post-conseil-page--energies,
.post-question-page--energies,
body.energie,
.entry-content--energie,
.post-conseil-page--energie,
.post-question-page--energie {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    @apply bg-energies-urbanisme-light;
  }
}

/* ---------------------------------------- 
  YELLOW SCHEME — ISOLATION & AU QUOTIDIEN
------------------------------------------*/

body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.dagelijks,
.entry-content--dagelijks,
.post-conseil-page--dagelijks,
.post-question-page--dagelijks,
body.isolatie,
.entry-content--isolatie,
.post-conseil-page--isolatie,
.post-question-page--isolatie,
body.isolation,
.entry-content--isolation,
.post-conseil-page--isolation,
.post-question-page--isolation {
  h2,
  h3,
  /* h4, */
  h5,
  h6,
  ol li::marker,
  ul li::marker,
  .homegrade-blocks-focused-thematique__figcaption-toggle,
  .question-context__conseil-name,
  .chapter_index a.active {
    @apply text-isolation-quotidien;
  }

  .homegrade-blocks-highlight {
    @apply bg-isolation-quotidien-light text-black;
    .icon {
      @apply bg-isolation-quotidien;
    }
    &:not(.homegrade-blocks-highlight--warning) {
      .wp-block-button__link {
        @apply !bg-isolation-quotidien;
      }
    }
  }
  .chapter_index__position-indicator,
  .homegrade-blocks-focus-point-bullet,
  .homegrade-blocks-focus-point-bullet-panel-preview,
  .homegrade-blocks-focus-point-bullet:after,
  .homegrade-blocks-focused-schema ol li:before,
  ul li:before,
  .wp-block-button__link {
    @apply bg-isolation-quotidien;
  }
  .tooltip-word {
    @apply !decoration-isolation-quotidien;
  }
  .homegrade-blocks-aside {
    @apply border-isolation-quotidien;
  }
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    &__infos {
      p {
        @apply text-isolation-quotidien;
      }
    }
    .post-infos-capsule__share,
    .post-infos-capsule__publication-date,
    .post-infos-capsule__modification-date {
      @apply text-isolation-quotidien;
    }
  }
  .homegrade-blocks-lien-chapitre__cta:hover {
    @apply filter-isolation-quotidien;
  }
  .homegrade-blocks-focused-thematique__figcaption-toggle img {
    @apply filter-isolation-quotidien;
  }
  /* page single questions */
  .thematiques-subtaxonomy-links .cta {
    @apply text-isolation-quotidien border-isolation-quotidien;
  }
}

.card-news__thematique-tag--isolation,
.card-news__thematique-tag--isolatie,
.card-news__thematique-tag--dagelijk,
.card-news__thematique-tag--au-quotidien {
  @apply bg-isolation-quotidien-light text-isolation-quotidien;
}

/* AU QUOTIDIEN — SPECIFIC */
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.dagelijks,
.entry-content--dagelijks,
.post-conseil-page--dagelijks,
.post-question-page--dagelijks {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    background: var(--wp--preset--gradient--gradient-yellow);
  }
}
/* ISOLATION — SPECIFIC */

body.isolation,
.entry-content--isolation,
.post-conseil-page--isolation,
.post-question-page--isolation,
body.isolatie,
.entry-content--isolatie,
.post-conseil-page--isolatie,
.post-question-page--isolatie {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    @apply bg-isolation-quotidien-light;
  }
}

/* ---------------------------------------- 
  PURPLE SCHEME — PATRIMOINE 
------------------------------------------*/

body.patrimoine,
.entry-content--patrimoine,
.post-conseil-page--patrimoine,
.post-question-page--patrimoine,
body.erfgoed,
.entry-content--erfgoed,
.post-conseil-page--erfgoed,
.post-question-page--erfgoed {
  h2,
  h3,
  /* h4, */
  h5,
  h6,
  ol li::marker,
  ul li::marker,
  .homegrade-blocks-focused-thematique__figcaption-toggle,
  .question-context__conseil-name,
  .chapter_index a.active {
    @apply text-patrimoine-renovation;
  }
  .homegrade-blocks-highlight {
    @apply bg-patrimoine-renovation-light text-black;
    .icon {
      @apply bg-patrimoine-renovation;
    }

    &:not(.homegrade-blocks-highlight--warning) {
      .wp-block-button__link {
        @apply !bg-patrimoine-renovation;
      }
    }
  }
  .chapter_index__position-indicator,
  .homegrade-blocks-focus-point-bullet,
  .homegrade-blocks-focus-point-bullet-panel-preview,
  .homegrade-blocks-focus-point-bullet:after,
  .homegrade-blocks-focused-schema ol li:before,
  ul li:before,
  .wp-block-button__link {
    @apply bg-patrimoine-renovation;
  }
  .tooltip-word {
    @apply !decoration-patrimoine-renovation;
  }
  .homegrade-blocks-aside {
    @apply border-patrimoine-renovation;
  }
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    &__infos {
      p {
        @apply text-patrimoine-renovation;
      }
    }
    .post-infos-capsule__share,
    .post-infos-capsule__publication-date,
    .post-infos-capsule__modification-date {
      @apply text-patrimoine-renovation;
    }
  }
  .homegrade-blocks-lien-chapitre__cta:hover {
    @apply filter-patrimoine-renovation;
  }
  .homegrade-blocks-focused-thematique__figcaption-toggle img {
    @apply filter-patrimoine-renovation;
  }

  /* page single questions */
  .thematiques-subtaxonomy-links .cta {
    @apply text-patrimoine-renovation border-patrimoine-renovation;
  }
}

.card-news__thematique-tag--patrimoine,
.card-news__thematique-tag--erfgoed {
  @apply bg-patrimoine-renovation-light text-patrimoine-renovation;
}

body.renovation,
.entry-content--newpurplethematic,
.post-conseil-page--newpurplethematic,
.post-question-page--newpurplethematic {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    background: var(--wp--preset--gradient--gradient-purple);
  }
}
body.patrimoine,
.entry-content--patrimoine,
.post-conseil-page--patrimoine,
.post-question-page--patrimoine,
body.erfgoed,
.entry-content--erfgoed,
.post-conseil-page--erfgoed,
.post-question-page--erfgoed {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    @apply bg-patrimoine-renovation-light;
  }
}

/* ---------------------------------------- 
  RED SCHEME — LOCATION 
------------------------------------------*/
body.location,
.entry-content--location,
.post-conseil-page--location,
.post-question-page--location,
body.verhuur,
.entry-content--verhuur,
.post-conseil-page--verhuur,
.post-question-page--verhuur,
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire,
body.circulaire-renovatie,
.entry-content--circulaire-renovatie,
.post-conseil-page--circulaire-renovatie,
.post-question-page--circulaire-renovatie {
  h2,
  h3,
  /* h4, */
  h5,
  h6,
  ol li::marker,
  ul li::marker,
  .homegrade-blocks-focused-thematique__figcaption-toggle,
  .question-context__conseil-name,
  .chapter_index a.active {
    @apply text-location-renovation-circulaire;
  }
  .homegrade-blocks-highlight {
    @apply bg-location-renovation-circulaire-light text-black;
    .icon {
      @apply bg-location-renovation-circulaire;
    }
    &:not(.homegrade-blocks-highlight--warning) {
      .wp-block-button__link {
        @apply !bg-location-renovation-circulaire;
      }
    }
  }
  .chapter_index__position-indicator,
  .homegrade-blocks-focus-point-bullet,
  .homegrade-blocks-focus-point-bullet-panel-preview,
  .homegrade-blocks-focus-point-bullet:after,
  .homegrade-blocks-focused-schema ol li:before,
  ul li:before,
  .wp-block-button__link {
    @apply bg-location-renovation-circulaire;
  }
  .tooltip-word {
    @apply !decoration-location-renovation-circulaire;
  }
  .homegrade-blocks-aside {
    @apply border-location-renovation-circulaire;
  }
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    &__infos {
      p {
        @apply text-location-renovation-circulaire;
      }
    }
    .post-infos-capsule__share,
    .post-infos-capsule__publication-date,
    .post-infos-capsule__modification-date {
      @apply text-location-renovation-circulaire;
    }
  }
  .homegrade-blocks-lien-chapitre__cta:hover {
    @apply filter-patrimoine-renovation;
  }
  .homegrade-blocks-focused-thematique__figcaption-toggle img {
    @apply filter-patrimoine-renovation;
  }

  /* page single questions */
  .thematiques-subtaxonomy-links .cta {
    @apply text-location-renovation-circulaire border-location-renovation-circulaire;
  }
}

/* RENOVATION CIRCULAIRE — SPECIFIC */
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire,
body.circulaire-renovatie,
.entry-content--circulaire-renovatie,
.post-conseil-page--circulaire-renovatie,
.post-question-page--circulaire-renovatie {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    background: var(--wp--preset--gradient--gradient-red);
  }
}

/* LOCATION — SPECIFIC */
body.location,
.entry-content--location,
.post-conseil-page--location,
.post-question-page--location,
body.verhuur,
.entry-content--verhuur,
.post-conseil-page--verhuur,
.post-question-page--verhuur {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    @apply bg-location-renovation-circulaire-light;
  }
}

/* WHITE TEXT ON GRADIENTS COVER */
body.petites-coproprietes,
.entry-content--petites-coproprietes,
.post-conseil-page--petites-coproprietes,
.post-question-page--petites-coproprietes,
body.kleine-mede-eigendommen,
.entry-content--kleine-mede-eigendommen,
.post-conseil-page--kleine-mede-eigendommen,
.post-question-page--kleine-mede-eigendommen,
body.urbanisme,
.entry-content--urbanisme,
.post-conseil-page--urbanisme,
.post-question-page--urbanisme,
body.stedenbouw,
.entry-content--stedenbouw,
.post-conseil-page--stedenbouw,
.post-question-page--stedenbouw,
body.au-quotidien,
.entry-content--au-quotidien,
.post-conseil-page--au-quotidien,
.post-question-page--au-quotidien,
body.dagelijks,
.entry-content--dagelijks,
.post-conseil-page--dagelijks,
.post-question-page--dagelijks,
body.renovation-circulaire,
.entry-content--renovation-circulaire,
.post-conseil-page--renovation-circulaire,
.post-question-page--renovation-circulaire,
body.circulaire-renovatie,
.entry-content--circulaire-renovatie,
.post-conseil-page--circulaire-renovatie,
.post-question-page--circulaire-renovatie {
  .post-question-chapter-header,
  .post-conseils-chapter-header {
    p,
    h1 {
      @apply text-white;
    }
  }
}

/* ------------------------------------------------- 
  FILTERS
---------------------------------------------------*/

.filter-acoustique-coproprietes {
  filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%);
}
.filter-energies-urbanisme {
  filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%);
}
.filter-isolation-quotidien {
  filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%);
}
.filter-patrimoine-renovation {
  filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%);
}
.filter-location-renovation-circulaire {
  filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%);
}
.filter-secondary {
  filter: invert(17%) sepia(69%) saturate(4735%) hue-rotate(351deg) brightness(94%) contrast(94%);
}
.thematique-tag {
  &--isolation,
  &--isolatie,
  &--au-quotidien,
  &--dagelijks {
    @apply bg-isolation-quotidien-light text-isolation-quotidien;
  }
  &--urbanisme,
  &--stedenbouw,
  &--energies,
  &--energie {
    @apply bg-energies-urbanisme-light text-energies-urbanisme;
  }

  &--general,
  &--location,
  &--verhuur,
  &--renovation-circulaire,
  &--circulaire-renovatie {
    @apply bg-location-renovation-circulaire-light text-location-renovation-circulaire;
  }
  &--petites-coproprietes,
  &--kleine-mede-eigendommen,
  &--acoustique,
  &--akoestiek {
    @apply bg-acoustique-coproprietes-light text-acoustique-coproprietes;
  }
  &--patrimoine,
  &--erfgoed {
    @apply bg-patrimoine-renovation-light text-patrimoine-renovation;
  }
}
