/* Elysium – styles for the JSON-rendered blocks. Layout/colour follow the theme. */

.ely-line { display: block; }

/* ---- generic section -------------------------------------------------- */
.ely-section { margin-block: var(--wp--preset--spacing--60, 3rem); }
.ely-section__title {
    font-size: var(--wp--preset--font-size--x-large, 2rem);
    margin-bottom: var(--wp--preset--spacing--40, 1.5rem);
}
.ely-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--wp--preset--spacing--40, 1.5rem);
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.ely-card {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: var(--wp--preset--spacing--40, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: .35rem;
}
.ely-card__name { font-size: 1.125rem; margin: 0; }
.ely-card__meta { margin: 0; opacity: .8; font-size: .95rem; }
.ely-card__logo,
.ely-card__photo {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 8px;
    margin-bottom: .5rem;
}
.ely-card__photo { object-fit: cover; border-radius: 50%; }
.ely-partner__link { text-decoration: none; }

/* ---- organisation profile --------------------------------------------- */
.ely-profile { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--50, 2rem); align-items: flex-start; }
.ely-profile__logo { max-width: 180px; height: auto; }
.ely-profile__image { max-width: 320px; height: auto; border-radius: 12px; }
.ely-profile__list { flex: 1 1 320px; margin: 0; }
.ely-row { display: flex; gap: 1rem; padding: .35rem 0; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.ely-row dt { flex: 0 0 11rem; font-weight: 600; margin: 0; }
.ely-row dd { margin: 0; }

/* ---- contact block ----------------------------------------------------- */
.ely-contact { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--50, 2rem); }
.ely-contact__list { flex: 1 1 320px; }
.ely-contact__list .ely-line { padding: .25rem 0; }

/* ---- references (article bottom) --------------------------------------- */
.ely-references {
    margin-top: var(--wp--preset--spacing--50, 2rem);
    padding-top: var(--wp--preset--spacing--40, 1.5rem);
    border-top: 1px solid rgba(0, 0, 0, .12);
    font-size: .95rem;
}
.ely-references__title { font-size: 1.05rem; margin: 0 0 .5rem; }
.ely-references__list { margin: 0; padding-left: 1.25rem; }
