/**
 * Brocante.io - Layout & Grilles Atomiques
 * Mise en page moderne, CSS Grid & Flexbox sans hacks ni dépendances
 */

/* 1. GRILLES D'ÉVÉNEMENTS & CONTENUS UNIFIÉES */
.brocante-grid-wrapper,
.brocante-grid,
.c-grid-events {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: var(--space-lg);
    width: 100%;
}

/* 2. CONTENEURS ET ESPACEMENTS */
.bordered-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.border-bottom-element {
    border-bottom: 1px solid var(--color-border);
    background-color: var(--color-surface-alt);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
}

 .wp-block-woocommerce-product-description-is-layout-flow,
.bf-grid-wrapper,
#evenements_regions,
#top-brocs,
.localisation-description-seo {
    margin-block: var(--space-2xl) var(--space-3xl);
}


/* Bannières & Descriptions Catégories / Marques */
.category-bordered {
    border: 1px solid var(--color-contrast);
    background-color: var(--color-bg-light);
    padding: 0;
    gap: 0;
}

.cat_description {
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.brocante-banniere-categorie {
    height: 100%;
    overflow: hidden;
}

.brocante-banniere-categorie img,
.banner-marque-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 330px;
}

/* Blocs SEO bas de page (Catégories & Marques) */
.seo-bottom-description,
.contenu-seo-marque {
    margin-top: var(--space-2xl);
}

/* 3. UTILITAIRES RESPONSIVE */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    .mobile-no-padding {
        padding: 0 !important;
    }

    .mobile-no-bg-color {
        background-color: var(--color-base) !important;
    }

    figure.ratio-img,
    figure.wp-block-post-featured-image,
    figure.ratio-img img,
    figure.wp-block-post-featured-image img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
}

@media (min-width: 768px) {
    .hide-on-desktop {
        display: none !important;
    }
}

header + .wp-block-group {
    margin-top: 0;
}