/* ============================================================
   EGB Photographie — Bloc "Photos à la une" (homepage)
   Fichier dédié au bloc Wagtail
   `streams/templates/streams/blocks/block_featured_photos.html`.

   Réutilise .egb-grid / .egb-card / .egb-frame du module gallery
   et .egb-stream-header / .egb-stream-title du partial commun.
   Pas de background fixé : c'est `.light-wrapper` / `.gray-wrapper`
   qui pilote la couleur de fond (cf. style.css).
   ============================================================ */

.egb-featured {
    /* Rythme vertical unifié — voir aussi block_editorial_quote,
       block_icon_features et block_title_and_text. */
    padding: clamp(56px, 6vw, 80px) 0;
}

/* Sur fond gris doux, on bascule la carte en blanc pour conserver
   le contraste « tirage encadré sur fond galerie ». */
.gray-wrapper .egb-featured .egb-card-img {
    background: #ffffff;
}

/* Variantes 2 / 3 / 4 colonnes (le défaut .egb-grid = 3 cols) */
.egb-featured .egb-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.egb-featured .egb-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.egb-featured .egb-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 991.98px) {
    .egb-featured .egb-grid--cols-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .egb-featured .egb-grid--cols-2,
    .egb-featured .egb-grid--cols-3,
    .egb-featured .egb-grid--cols-4 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 14px;
    }
    .egb-featured { padding: clamp(40px, 5vw, 56px) 0; }
}
@media (max-width: 480px) {
    .egb-featured .egb-grid--cols-2,
    .egb-featured .egb-grid--cols-3,
    .egb-featured .egb-grid--cols-4 {
        grid-template-columns: 1fr;
    }
}