<!-- ================================================================= -->
            <!-- 3. CEREMONY AGENDA                                                -->
            <!-- ================================================================= -->
            <?php if (isset($sectionMap['venue'])): ?>
                <section class="py-16 md:py-20 lg:py-24 px-6 md:px-12 space-y-8 border-b <?= $style['borderColor'] ?>">
                    <?php
    $headerEmoji = '📅';
    $headerTitle = 'Ceremony Agenda';
    require __DIR__ . '/../partials/section_header.php';
    unset($headerClass, $headerEmoji, $headerEmojiClass, $headerTitle);
?>

                    <!-- Responsive 3-col desktop, 2-col tablet, 1-col mobile -->
                    <div class="grid grid-cols-1 <?= count($events) === 1 ? 'max-w-md mx-auto' : (count($events) === 2 ? 'md:grid-cols-2' : 'md:grid-cols-2 lg:grid-cols-3') ?> gap-6 items-stretch">
                        <?php foreach ($events as $event): ?>
                            <div class="<?= $style['cardBg'] ?> p-6 rounded-3xl border <?= $style['borderColor'] ?> shadow-sm space-y-4 hover:border-amber-400 transition flex flex-col justify-between">
                                <div class="space-y-4">
                                    <div class="flex items-center justify-between border-b <?= $style['borderColor'] ?> pb-3">
                                        <h4 class="text-base font-bold <?= $style['textColor'] ?> <?= $style['fontSerif'] ?>">
                                            <?= escape_html($event['event_name']) ?>
                                        </h4>
                                        <span class="text-xxs font-bold uppercase tracking-wider <?= $style['accent'] ?> <?= $style['accentBg'] ?> px-2.5 py-1 rounded-full border <?= $style['accentBorder'] ?>">
                                            <?php 
                                                $evtDate = new \DateTime($event['event_date']);
                                                echo $evtDate->format('d M Y');
                                            ?>
                                        </span>
                                    </div>
                                    
                                    <div class="text-xs space-y-2 text-slate-600">
                                        <p class="flex items-center gap-2">
                                            <span>⏰</span> <strong>Time:</strong> <?= $evtDate->format('H:i') ?> WIB
                                        </p>
                                        <p class="flex items-start gap-2">
                                            <span>📍</span>
                                            <span>
                                                <strong>Venue:</strong> <?= escape_html($event['venue_name']) ?>
                                                <?php if (!empty($event['venue_address'])): ?>
                                                    <br><span class="text-slate-400 text-xxs leading-relaxed mt-0.5 inline-block"><?= escape_html($event['venue_address']) ?></span>
                                                <?php endif; ?>
                                            </span>
                                        </p>
                                    </div>
                                </div>

                                <?php if (!empty($event['dress_code'])): ?>
                                    <div class="text-[10px] text-slate-400 bg-slate-50 border border-slate-100 rounded-lg p-2 flex items-center gap-1.5 mt-2">
                                        <span>🎨</span> <span><strong>Dress Code:</strong> <?= escape_html($event['dress_code']) ?></span>
                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </section>
            <?php endif; ?>
