.search-object-detail-bloc > div {
padding: 60px 0;
}

.anchor-section {
height: 0;
width: 0;
overflow: hidden;
opacity: 0;
}
.mod-eventflash__no-events-text {
    grid-column: 1 / 4;
}
* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
}

.flex-item {
  padding: 10px;
  text-align: center;
  width: 100%;
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .flex-container {
    flex-direction: column;
  }
}

/******************************* Mur des donateurs **************************************************/
:root {
    --fircm-magenta: #d11d5b;
    --border-grey: #e6e7e8;
    --wall-height: 1225px;
    --fircm-bleu: #122cba;
}

body {

    line-height: 1.5;
    margin: 0;
}

/* LE CONTENEUR MAÎTRE */
.donor-wall-flow {
    height: var(--wall-height); /* 2000px */
    column-width: 500px;        /* Largeur des colonnes */
    column-gap: 25px;           /* Espace entre colonnes */
    column-fill: auto;          /* Remplit verticalement d'abord */
    column-rule: 1px solid var(--border-grey);
    overflow-x: auto;           /* Scroll horizontal si nécessaire */
    padding: 0 40px;
}

/* Structure de chaque catégorie */
.category-group {
    break-inside: avoid-column; /* Évite de couper une catégorie entre deux colonnes */
    margin-bottom: 40px;
}

.category-title {
    color: var(--fircm-magenta);
    font-size:1.5rem;
    text-transform: uppercase;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Sécurité : Scroll interne si une catégorie dépasse 5000px */
.scroll-protector {
    max-height: 1000px; 
    overflow-y: auto;
}

/* Style des listes de noms */
.donor-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.donor-list li {
    padding: 7px 0;
    border-bottom: 1px solid #f7f7f7;
    font-size:1.1rem;
}
.donor-list.highlight li {
    font-weight: bold;
    font-size: 1.3rem;
    color: var(--fircm-bleu);
}

/* CONFIGURATION MOBILE (Écrans de moins de 600px) */
@media (max-width: 600px) {
    .donor-wall-flow {
        /* On annule la hauteur fixe pour que la page s'étire selon le contenu */
        height: auto; 
        
        /* On force l'affichage sur une seule colonne */
        column-count: 1;
        column-width: auto;
        column-rule: none;
        
        /* On retire le scroll horizontal devenu inutile */
        overflow-x: visible;
        padding: 0 20px;
    }

    .category-group {
        /* On permet aux catégories d'être plus proches sur mobile */
        margin-bottom: 30px;
    }

}