        <!-- Elegant Branded Footer (Outside Card Container for Wide Full-Width Spread & Bottom Elevation) -->
        <footer class="my-10 py-8 px-6 sm:px-10 md:px-14 w-full max-w-5xl mx-auto">
            <div class="flex flex-col sm:flex-row items-center justify-between gap-6 md:gap-12 text-center sm:text-left">
                <!-- Left Column -->
                <div class="flex-1">
                    <p class="<?= $style['subText'] ?> text-xs md:text-sm uppercase tracking-widest font-semibold">&copy; INVEETAIRE</p>
                </div>

                <!-- Center Logo Column -->
                <div class="flex-shrink-0 flex justify-center py-2 px-6">
                    <img src="<?= asset('/assets/branding/logo/Secondary-Logo-Light-TransparentBG.png') ?>" 
                         alt="INVEETAIRE Logo" 
                         style="height: 44px; width: auto; object-fit: contain;" 
                         class="opacity-80 hover:opacity-100 transition-opacity">
                </div>

                <!-- Right Column -->
                <div class="flex-1 text-center sm:text-right">
                    <p class="<?= $style['subText'] ?> text-xs md:text-sm uppercase tracking-widest font-semibold">All Rights Reserved &copy; <?= date('Y') ?></p>
                </div>
            </div>
        </footer>
