.elementor-679 .elementor-element.elementor-element-ac2e89f{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-679 .elementor-element.elementor-element-6d200e4{--grid-columns:3;}.elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination{text-align:center;font-family:"Hanken Grotesk", Sans-serif;font-size:1.2rem;font-weight:600;text-transform:none;line-height:31px;margin-top:60px;}.elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-accent );}.elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination .page-numbers.current{color:var( --e-global-color-accent );}body:not(.rtl) .elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 22px/2 );}body:not(.rtl) .elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 22px/2 );}body.rtl .elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 22px/2 );}body.rtl .elementor-679 .elementor-element.elementor-element-6d200e4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 22px/2 );}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-679 .elementor-element.elementor-element-6d200e4{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-679 .elementor-element.elementor-element-6d200e4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-ac2e89f */<div class="kiosque-grid">
    <?php
    $args = array('post_type' => 'kiosque', 'posts_per_page' => 12);
    $query = new WP_Query($args);

    if ($query->have_posts()) : 
        while ($query->have_posts()) : $query->the_post(); 
            
            // Récupération de la miniature (ID stocké en ACF)
            $thumb_id = get_field('miniature');
            $img_url = wp_get_attachment_image_url($thumb_id, 'medium_large');
            
            // Récupération du PDF
            $pdf = get_field('document_pdf');
            $pdf_url = $pdf['url'] ?? '#';
    ?>
            <article class="kiosque-card">
                <div class="card-image">
                    <?php if($img_url): ?>
                        <img src="<?php echo esc_url($img_url); ?>" alt="<?php the_title(); ?>">
                    <?php else: ?>
                        <div class="placeholder">Pas de miniature</div>
                    <?php endif; ?>
                </div>

                <div class="card-body">
                    <h3 class="card-title"><?php the_title(); ?></h3>
                    
                    <div class="card-actions">
                        <a href="<?php echo esc_url($pdf_url); ?>" target="_blank" class="btn btn-open">
                            Ouvrir
                        </a>
                        <a href="<?php echo esc_url($pdf_url); ?>" download class="btn btn-download">
                            Télécharger
                        </a>
                    </div>
                </div>
            </article>

    <?php endwhile; wp_reset_postdata(); endif; ?>
</div>/* End custom CSS */