/* Objectif Jeunesse — Contenus : structure minimale des blocs.
   L'habillage (couleurs, typographie, effets) est fourni par le thème. */
.ojc-selection__header,
.ojc-selection__inner,
.ojc-selection__more { max-width: var(--wp--style--global--wide-size, 1200px); margin-left: auto; margin-right: auto; }
.ojc-selection__more { text-align: center; margin-top: 2rem; }
.ojc-items { display: grid; gap: 1.5rem; }
.ojc-items--cartes, .ojc-items--liste { grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
.ojc-items--liste { grid-template-columns: 1fr; }
.ojc-items--grille { grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); }
.ojc-items--portfolio { grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.ojc-items--bandeaux { grid-template-columns: 1fr; gap: 2rem; }
.ojc-items--logos { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); align-items: center; }
.ojc-item[hidden] { display: none !important; }
.ojc-item img { display: block; width: 100%; height: auto; }
.ojc-card__media, .ojc-tile__link, .ojc-bandeau__media { position: relative; display: block; overflow: hidden; }
.ojc-card__media img, .ojc-tile__link img, .ojc-bandeau__media img { width: 100%; height: 100%; object-fit: cover; }
.ojc-card__media { aspect-ratio: 4 / 3; }
.ojc-tile__link { aspect-ratio: 4 / 5; }
.ojc-tile--grille .ojc-tile__link { aspect-ratio: 1; }
.ojc-bandeau { display: grid; gap: 0; }
.ojc-bandeau__media { aspect-ratio: 16 / 10; min-height: 0; }
.ojc-bandeau__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ojc-placeholder { display: block; width: 100%; height: 100%; min-height: 8rem; background: #e6e2dc; }
.ojc-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.ojc-logo { display: flex; align-items: center; justify-content: center; padding: .75rem; }
.ojc-logo img { max-height: 5rem; width: auto; object-fit: contain; }
.ojc-fiche__row { display: grid; grid-template-columns: 9rem 1fr; gap: .5rem; padding: .5rem 0; }
.ojc-fiche__list dd { margin: 0; }
@media (min-width: 782px) {
	.ojc-items--portfolio { grid-template-columns: repeat(3, 1fr); }
	.ojc-bandeau { grid-template-columns: 1.15fr 1fr; align-items: stretch; min-height: 380px; }
	.ojc-bandeau__media { aspect-ratio: auto; min-height: 380px; }
	.ojc-tile__link { aspect-ratio: 1; }
	.ojc-bandeau.is-reverse .ojc-bandeau__media { order: 2; }
	.ojc-rdv__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }
}