<?php
/**
 * The template for displaying 404 pages (not found)
 */

get_header();
?>

<main id="primary" class="site-main container text-center my-5 py-5">
    <section class="error-404 not-found d-flex flex-column align-items-center justify-content-center"
        style="min-height: 50vh;">
        <h1 class="display-1 fw-bold font-serif text-primary mb-3">404</h1>
        <h2 class="h3 font-sans mb-4">Page Not Found</h2>
        <p class="lead text-muted font-sans mb-5 w-75 mx-auto">
            <?php esc_html_e('It looks like nothing was found at this location. Perhaps searching can help.', 'wisdom1'); ?>
        </p>

        <div class="search-container w-100" style="max-width: 500px;">
            <?php get_search_form(); ?>
        </div>

        <div class="mt-5">
            <a href="<?php echo esc_url(home_url('/')); ?>"
                class="btn btn-secondary btn-lg px-4 fs-6 text-uppercase fw-bold rounded-pill shadow-sm">
                Return to Home
            </a>
        </div>
    </section><!-- .error-404 -->
</main><!-- #main -->

<?php
get_footer();
