From 7c32116b28f24445352a718530480580a350185f Mon Sep 17 00:00:00 2001
From: ismail <bemessogaming@gmail.com>
Date: Mon, 2 Feb 2026 23:07:14 +0100
Subject: [PATCH] fixat lighthouse footer & search

---
 src/app/kontakta-oss/page.tsx    |  4 ++--
 src/components/NavbarSearch.tsx  |  1 +
 src/styles/components/Footer.css | 26 ++++++++++++++++++--------
 src/styles/theme-variables.css   |  4 ++++
 4 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/src/app/kontakta-oss/page.tsx b/src/app/kontakta-oss/page.tsx
index 79382b7..cedc8b3 100644
--- a/src/app/kontakta-oss/page.tsx
+++ b/src/app/kontakta-oss/page.tsx
@@ -186,8 +186,8 @@ export default function KontaktaOss() {
                     🕒 Öppettider
                   </p>
                   <p style={{ fontSize: '0.95rem', lineHeight: '1.6', color: 'var(--text-color)' }}>
-                    Måndag - Fredag<br />
-                    13:00 - 22:00
+                    Varje Dag<br />
+                    09:00 - 22:00
                   </p>
                 </div>
 
diff --git a/src/components/NavbarSearch.tsx b/src/components/NavbarSearch.tsx
index d7bc60a..2bc71e4 100644
--- a/src/components/NavbarSearch.tsx
+++ b/src/components/NavbarSearch.tsx
@@ -102,6 +102,7 @@ export default function NavbarSearch({ variant = 'desktop' }: NavbarSearchProps)
                     <button
                         onClick={handleMobileIconClick}
                         className="p-2 text-[var(--nav-text)] hover:text-[var(--nav-hover)] transition-colors"
+                        aria-label="Sök"
                     >
                         <Search size={24} />
                     </button>
diff --git a/src/styles/components/Footer.css b/src/styles/components/Footer.css
index 271e607..ae7a4e0 100644
--- a/src/styles/components/Footer.css
+++ b/src/styles/components/Footer.css
@@ -33,13 +33,17 @@
 .footer__item {
   font-family: 'Montserrat', sans-serif;
   font-size: clamp(0.75rem, 2vw, 0.85rem);
-  color: var(--text-secondary);
+  color: var(--footer-text);
 }
 
 .footer__item a {
-  color: var(--text-secondary);
+  color: var(--footer-text);
   text-decoration: none;
   transition: color 0.3s ease;
+  display: inline-block;
+  padding: 0.5rem 0.25rem;
+  min-height: 44px;
+  min-width: 44px;
 }
 
 .footer__item a:hover {
@@ -50,13 +54,15 @@
 .footer__link-button {
   background: none;
   border: none;
-  padding: 0;
+  padding: 0.5rem 0.25rem;
   font-family: 'Montserrat', sans-serif;
   font-size: inherit;
-  color: var(--text-secondary);
+  color: var(--footer-text);
   text-decoration: none;
   cursor: pointer;
   transition: color 0.3s ease;
+  min-height: 44px;
+  min-width: 44px;
 }
 
 .footer__link-button:hover {
@@ -67,13 +73,17 @@
 .footer__contact {
   font-family: 'Montserrat', sans-serif;
   font-size: clamp(0.75rem, 2vw, 0.85rem);
-  color: var(--highlight-color);
+  color: var(--footer-contact-text);
 }
 
 .footer__contact a {
-  color: var(--highlight-color);
+  color: var(--footer-contact-text);
   text-decoration: none;
   transition: color 0.3s ease;
+  display: inline-block;
+  padding: 0.5rem 0.25rem;
+  min-height: 44px;
+  min-width: 44px;
 }
 
 .footer__contact a:hover {
@@ -89,11 +99,11 @@
   margin-top: clamp(0.5rem, 1.5vw, 0.75rem);
   font-family: 'Montserrat', sans-serif;
   font-size: clamp(0.6rem, 1.5vw, 0.75rem);
-  color: var(--text-secondary);
+  color: var(--footer-text);
 }
 
 .footer__copyright a {
-  color: var(--text-secondary);
+  color: var(--footer-text);
   text-decoration: none;
   transition: color 0.3s ease;
 }
diff --git a/src/styles/theme-variables.css b/src/styles/theme-variables.css
index 59be777..7a310f4 100644
--- a/src/styles/theme-variables.css
+++ b/src/styles/theme-variables.css
@@ -29,6 +29,8 @@
   /* Footer */
   --footer-bg: #ffffff;
   --highlight-color: #888888;
+  --footer-text: #495057;
+  --footer-contact-text: #495057;
 
   --price-color: #ffffff18;
 
@@ -87,6 +89,8 @@
   /* Footer */
   --footer-bg: #121212;
   --highlight-color: #888888;
+  --footer-text: #D0D0D0;
+  --footer-contact-text: #D0D0D0;
 
   /* Info */
   --info-bg: #1A1A1A;