/* ARCANIS UI 19.4.7 — titres en deux temps et centrage mobile isolé */

.arcanis-title--animated {
  text-wrap: balance;
}

[data-arcanis-title] {
  margin: 1.125rem auto 0.875rem;
  padding-inline: 0.8rem;
  text-align: center;
  color: var(--arcanis-green);
  font-weight: 400;
  line-height: 1.35;
}

[data-arcanis-title]:not(.arcanis-title-ready):not(.arcanis-title-ready--simple) {
  opacity: 1;
  transform: none;
}

/* Titres sans structure « NOM | Description ». */
[data-arcanis-title].arcanis-title-ready--simple {
  opacity: 1;
  transform: none;
  transition:
    opacity 620ms var(--arcanis-ease-reveal),
    transform 620ms var(--arcanis-ease-reveal);
}

html.arcanis-animations-active
  [data-arcanis-title].arcanis-title-ready--simple.is-reveal-pending:not(.is-visible) {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

[data-arcanis-title].arcanis-title-ready--simple.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

h1[data-arcanis-title] { font-size: 1.25rem !important; }
h2[data-arcanis-title] { font-size: 1.042rem !important; }
h3[data-arcanis-title] { font-size: 0.868rem !important; }

.arcanis-title-shell {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25em;
  flex-wrap: wrap;
  max-width: 100%;
  text-align: center;
  color: inherit;
}

.arcanis-title-shell > strong {
  font-weight: 700;
}

[data-arcanis-title].arcanis-title-ready
  .arcanis-title-shell
  > strong.arcanis-title-main,
[data-arcanis-title].arcanis-title-ready
  .arcanis-title-shell
  > strong.arcanis-title-sep {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-synthesis: weight;
  color: inherit;
}

.arcanis-title-main,
.arcanis-title-sep {
  font-weight: 700 !important;
  font-synthesis: weight;
  color: inherit;
}

.arcanis-title-sub-wrap {
  display: inline-block;
  max-width: 100%;
  color: inherit;
}

.arcanis-title-sub {
  display: inline;
  font-weight: 400;
  color: inherit;
}

/* Visible par défaut : aucune dépendance à JavaScript pour lire les titres. */
.arcanis-title-main,
.arcanis-title-sep,
.arcanis-title-sub-wrap {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-arcanis-title].arcanis-title-ready.arcanis-reveal
  .arcanis-title-main,
[data-arcanis-title].arcanis-title-ready.arcanis-reveal
  .arcanis-title-sep {
  transition:
    opacity 540ms var(--arcanis-ease-reveal) calc(var(--arcanis-reveal-delay, 0ms) + 30ms),
    transform 540ms var(--arcanis-ease-reveal) calc(var(--arcanis-reveal-delay, 0ms) + 30ms);
}

[data-arcanis-title].arcanis-title-ready.arcanis-reveal
  .arcanis-title-sub-wrap {
  transition:
    opacity 600ms var(--arcanis-ease-reveal) calc(var(--arcanis-reveal-delay, 0ms) + 210ms),
    transform 600ms var(--arcanis-ease-reveal) calc(var(--arcanis-reveal-delay, 0ms) + 210ms);
}

html.arcanis-animations-active
  [data-arcanis-title].arcanis-title-ready.arcanis-reveal.is-reveal-pending:not(.is-visible)
  .arcanis-title-main,
html.arcanis-animations-active
  [data-arcanis-title].arcanis-title-ready.arcanis-reveal.is-reveal-pending:not(.is-visible)
  .arcanis-title-sep {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
}

html.arcanis-animations-active
  [data-arcanis-title].arcanis-title-ready.arcanis-reveal.is-reveal-pending:not(.is-visible)
  .arcanis-title-sub-wrap {
  opacity: 0;
  transform: translate3d(-20px, 0, 0);
}

@media (max-width: 900px) {
  #main-content [data-arcanis-title] .arcanis-title-shell,
  main [data-arcanis-title] .arcanis-title-shell,
  [role="main"] [data-arcanis-title] .arcanis-title-shell,
  .wp-block-post-content [data-arcanis-title] .arcanis-title-shell,
  .entry-content [data-arcanis-title] .arcanis-title-shell {
    justify-content: center;
    margin-inline: auto;
  }

  [data-arcanis-title] {
    margin: 0.875rem auto 0.675rem;
    padding-inline: 0.65rem;
  }

  .arcanis-title-shell {
    display: inline-flex;
    gap: 0.2em;
  }

  [data-arcanis-title].arcanis-title-ready.arcanis-reveal
    .arcanis-title-main,
  [data-arcanis-title].arcanis-title-ready.arcanis-reveal
    .arcanis-title-sep {
    transition-duration: 460ms;
  }

  [data-arcanis-title].arcanis-title-ready.arcanis-reveal
    .arcanis-title-sub-wrap {
    transition-duration: 520ms;
    transition-delay: calc(var(--arcanis-reveal-delay, 0ms) + 150ms);
  }

  html.arcanis-animations-active
    [data-arcanis-title].arcanis-title-ready.arcanis-reveal.is-reveal-pending:not(.is-visible)
    .arcanis-title-main,
  html.arcanis-animations-active
    [data-arcanis-title].arcanis-title-ready.arcanis-reveal.is-reveal-pending:not(.is-visible)
    .arcanis-title-sep {
    transform: translate3d(0, 11px, 0);
  }

  html.arcanis-animations-active
    [data-arcanis-title].arcanis-title-ready.arcanis-reveal.is-reveal-pending:not(.is-visible)
    .arcanis-title-sub-wrap {
    transform: translate3d(-14px, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-arcanis-title],
  .arcanis-title-main,
  .arcanis-title-sep,
  .arcanis-title-sub-wrap {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

html.arcanis-save-data [data-arcanis-title],
html.arcanis-save-data .arcanis-title-main,
html.arcanis-save-data .arcanis-title-sep,
html.arcanis-save-data .arcanis-title-sub-wrap {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}