/* Fête du jour – reprend les variables du thème Archangelo (valeurs de secours sinon) */

.arc-saint {
  border: 1px solid var(--arc-line, #e0d4bb);
  background: var(--arc-surface, #fffdf8);
  color: var(--arc-ink-2, #505866);
  font-size: .85rem;
  line-height: 1.3;
  margin: 0 0 1.5rem;
  padding: .7rem .75rem .75rem;
  text-align: center;
}
.arc-saint__name {
  display: block;
  margin-top: .1rem;
  color: var(--arc-heading, #0d2a45);
  font-family: var(--arc-font-heading, Georgia, serif);
  font-size: 1.35rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}

/* La colonne latérale garde son premier bloc (arbre des catégories) collant :
   la carte passe en tête pour ne jamais glisser sous lui */
#left-column:has(> .arc-saint),
#right-column:has(> .arc-saint) {
  display: flex;
  flex-direction: column;
}
#left-column > .arc-saint,
#right-column > .arc-saint {
  order: -1;
}

/* Barre mobile (option « Afficher sur mobile ») */
.arc-saint-bar {
  background: var(--arc-surface, #fffdf8);
  border-bottom: 1px solid var(--arc-line, #e0d4bb);
  color: var(--arc-ink-2, #505866);
  font-size: .8rem;
  padding: .45rem 1rem;
  text-align: center;
}
.arc-saint-bar strong {
  color: var(--arc-heading, #0d2a45);
  font-family: var(--arc-font-heading, Georgia, serif);
  font-size: 1rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .arc-saint-bar {
    display: none;
  }
}