Replace header text logo with image logo

- Use logo.webp from assets/images
- Logo height: 50px
- Negative margin (-4px) to fit within existing header height

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/themes/homeproz/template-parts/header/site-header.php

@@ -11,13 +11,9 @@
         <div class="header-inner">
             <!-- Logo -->
             <div class="site-branding">
-                <?php if (has_custom_logo()) : ?>
-                    <?php the_custom_logo(); ?>
-                <?php else : ?>
-                    <a href="<?php echo esc_url(home_url('/')); ?>" class="site-title-link">
-                        <span class="site-title"><?php bloginfo('name'); ?></span>
-                    </a>
-                <?php endif; ?>
+                <a href="<?php echo esc_url(home_url('/')); ?>" class="site-logo-link">
+                    <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/logo.webp'); ?>" alt="<?php bloginfo('name'); ?>" class="site-logo">
+                </a>
             </div>
 
             <!-- Desktop Navigation -->

wp-content/themes/homeproz/template-parts/header/site-header.scss

@@ -27,26 +27,17 @@
 // Logo / Branding
 .site-branding {
     flex-shrink: 0;
+}
 
-    .custom-logo-link {
-        display: block;
+.site-logo-link {
+    display: block;
+}
 
-        img {
-            max-height: 60px;
-            width: auto;
-        }
-    }
-
-    .site-title-link {
-        text-decoration: none;
-    }
-
-    .site-title {
-        font-family: var(--font-display);
-        font-size: 1.5rem;
-        color: var(--color-text);
-        letter-spacing: 0.02em;
-    }
+.site-logo {
+    height: 50px;
+    width: auto;
+    display: block;
+    margin: -4px 0; // Negative margin to fit 50px logo without changing header height
 }
 
 // Desktop Navigation