From b42e8ce97d81e5d6a389bd07b0000c9ce5fb22d5 Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Tue, 14 Jul 2026 20:34:55 +0330
Subject: [PATCH] design: fix contrast accessibility for footer captions,
 copyright text, bottom menus, and vertical alignment of authenticity seal
 badge

---
 frontend/application/components/Footer.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/application/components/Footer.tsx b/frontend/application/components/Footer.tsx
index fcb2c92..16b7a4c 100644
--- a/frontend/application/components/Footer.tsx
+++ b/frontend/application/components/Footer.tsx
@@ -20,7 +20,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
               <div className="w-12 h-12 bg-canina-blue rounded-2xl flex items-center justify-center text-white font-bold text-2xl group-hover:bg-medical-gray-900 transition-all shadow-xl shadow-canina-blue/20 italic">C</div>
               <div className="flex flex-col">
                 <span className="text-white font-black text-2xl tracking-tighter leading-none italic font-sans">Canina <span className="text-sm not-italic font-medium border-l-2 border-white/20 pl-2 ml-2 font-vazir">{getText('brand_name_fa', "ایران")}</span></span>
-                <span className="text-[10px] text-white/40 font-bold uppercase tracking-widest leading-none mt-1.5 font-vazir">{getText('brand_subtitle', "نماینده رسمی Canina Pharma GmbH آلمان")}</span>
+                <span className="text-[10px] text-slate-400 font-bold uppercase tracking-widest leading-none mt-1.5 font-vazir">{getText('brand_subtitle', "نماینده رسمی Canina Pharma GmbH آلمان")}</span>
               </div>
             </div>
             <p className="text-sm text-slate-300 leading-relaxed font-medium">
@@ -72,7 +72,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
                         <Phone className="w-6 h-6" />
                      </div>
                      <div>
-                        <p className="text-[10px] text-white/40 font-black uppercase mb-1">{getText('footer_phone_label', "خط ویژه فروش")}</p>
+                        <p className="text-[10px] text-slate-400 font-black uppercase mb-1">{getText('footer_phone_label', "خط ویژه فروش")}</p>
                         <p className="text-lg font-black tracking-widest text-left text-slate-200" dir="ltr">{getText('footer_phone', "۰۲۱-۸۸۸۸ ۴۴۴۴")}</p>
                      </div>
                   </div>
@@ -81,7 +81,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
                         <Mail className="w-6 h-6" />
                      </div>
                      <div>
-                        <p className="text-[10px] text-white/40 font-black uppercase mb-1">{getText('footer_email_label', "مکاتبات رسمی")}</p>
+                        <p className="text-[10px] text-slate-400 font-black uppercase mb-1">{getText('footer_email_label', "مکاتبات رسمی")}</p>
                         <p className="text-sm font-bold text-slate-300">{getText('footer_email', "info@canino-iran.com")}</p>
                      </div>
                   </div>
@@ -92,7 +92,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
                      <MapPin className="w-6 h-6" />
                   </div>
                   <div>
-                      <p className="text-[10px] text-white/40 font-black uppercase mb-1">{getText('footer_address_label', "دفتر مرکزی")}</p>
+                      <p className="text-[10px] text-slate-400 font-black uppercase mb-1">{getText('footer_address_label', "دفتر مرکزی")}</p>
                       <p className="text-sm font-bold leading-relaxed text-slate-300">{getText('footer_address', "تهران، جردن، خیابان سعیدی، ساختمان کانینا، طبقه ۵، واحد ۱۹")}</p>
                   </div>
                </div>
@@ -105,18 +105,18 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
                   </div>
                   <div>
                     <h5 className="text-sm font-black text-white">{getText('footer_auth_title', "اصالت کالا تضمین می‌شود")}</h5>
-                    <p className="text-[10px] text-white/50 font-bold">{getText('footer_auth_desc', "تمامی محصولات دارای لیبل اصالت وزارت بهداشت و QR Code اختصاصی هستند.")}</p>
+                    <p className="text-[10px] text-slate-400 font-bold">{getText('footer_auth_desc', "تمامی محصولات دارای لیبل اصالت وزارت بهداشت و QR Code اختصاصی هستند.")}</p>
                   </div>
                 </div>
-                <div className="text-xs font-black italic text-white/20">{getText('footer_auth_badge', "اصالت آلمانی کانینا")}</div>
+                <div className="text-xs font-black italic text-slate-400 self-center">{getText('footer_auth_badge', "اصالت آلمانی کانینا")}</div>
             </div>
           </div>
 
         </div>
 
-        <div className="pt-12 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-6 text-[10px] font-black text-white/20 uppercase tracking-[0.3em]">
-          <div>{getText('footer_copyright', "© ۲۰۲۶ کانینا ایران. تمامی حقوق محفوظ است.")}</div>
-          <div className="flex gap-8 font-vazir">
+        <div className="pt-12 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-6 text-[10px] font-black uppercase tracking-[0.3em]">
+          <div className="text-slate-400">{getText('footer_copyright', "© ۲۰۲۶ کانینا ایران. تمامی حقوق محفوظ است.")}</div>
+          <div className="flex gap-8 font-vazir text-slate-400">
             <button onClick={() => onNavigate("about")} className="hover:text-white transition-colors">{getText('footer_about', "درباره ما")}</button>
             <button onClick={() => onNavigate("contact")} className="hover:text-white transition-colors">{getText('footer_contact', "تماس با ما")}</button>
             <button onClick={() => onNavigate("privacy")} className="hover:text-white transition-colors">{getText('footer_privacy', "حریم خصوصی")}</button>