From 892c75b7a6274bd230bfde8a37ed07f150d11bba Mon Sep 17 00:00:00 2001
From: Macky <macky@hermes.local>
Date: Thu, 4 Jun 2026 11:47:24 +0700
Subject: [PATCH] style: remove border and box-shadow from .logo-banner (nav +
 footer)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The logo container had a 1px gray border + 0 4px 20px drop shadow that
made it look like a floating button. User wants a flush, clean look —
keep the rounded bottom corners and white background (visual prominence)
but drop the border and shadow. Also remove the hover box-shadow
intensification.

Build: 18 pages, 0 errors
---
 src/components/Footer.astro     | 2 --
 src/components/Navigation.astro | 3 ---
 2 files changed, 5 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index c2de8d4..b48a5dd 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -165,10 +165,8 @@ const serviceLinks = [
 
   .logo-banner {
     background: var(--color-white);
-    border: 1px solid var(--color-gray-200);
     border-radius: 0 16px 16px 0;
     padding: 10px 20px 10px 16px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
   }
 
   .logo-img {
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 38d89db..d484888 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -134,16 +134,13 @@ const services = [
 
   .logo-banner {
     background: var(--color-white);
-    border: 1px solid var(--color-gray-200);
     border-radius: 0 0 12px 12px;
     padding: 8px 16px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
     transition: all 0.3s ease;
   }
 
   .logo-banner:hover {
     transform: scale(1.02);
-    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
   }
 
   .nav.scrolled .logo-banner {