From 1da38507594a5e3b7a1bb759a9aeb67f3bf568b5 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Fri, 18 Sep 2026 00:08:15 +0200
Subject: [PATCH] style(affiliation): fix icon and logo visibility in dark mode

---
 src/blocks/Affiliation/Component.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/blocks/Affiliation/Component.tsx b/src/blocks/Affiliation/Component.tsx
index 35ef1b8..c2d00f4 100644
--- a/src/blocks/Affiliation/Component.tsx
+++ b/src/blocks/Affiliation/Component.tsx
@@ -22,14 +22,13 @@ export const AffiliationBlock: React.FC<Props> = ({ eyebrow, title, description,
       <div className="container-premium">
         <div className="grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24 items-center">
           
-          {/* Lewa kolumna: Logo (Stamp) */}
           <div className="lg:col-span-5 flex justify-center lg:justify-end order-1">
             <motion.div 
               initial={{ opacity: 0, scale: 1.5, rotate: -15 }}
               whileInView={{ opacity: 1, scale: 1, rotate: 0 }}
               viewport={{ once: true, margin: "-50px" }}
               transition={{ type: "spring", stiffness: 100, damping: 15 }}
-              className="w-48 h-48 md:w-64 md:h-64 relative bg-card rounded-full p-8 shadow-xl border-4 border-accent/20 flex items-center justify-center shrink-0"
+              className={`w-48 h-48 md:w-64 md:h-64 relative ${logoUrl ? 'bg-white' : 'bg-card'} rounded-full p-8 shadow-xl border-4 border-accent/20 flex items-center justify-center shrink-0`}
             >
               {logoUrl ? (
                 /* eslint-disable-next-line @next/next/no-img-element */
@@ -39,8 +38,8 @@ export const AffiliationBlock: React.FC<Props> = ({ eyebrow, title, description,
                   className="max-w-full max-h-full object-contain mix-blend-multiply" 
                 />
               ) : (
-                <div className="w-full h-full flex flex-col items-center justify-center text-border bg-card rounded-full">
-                  <Landmark size={48} strokeWidth={1.5} />
+                <div className="w-full h-full flex flex-col items-center justify-center text-accent rounded-full">
+                  <Landmark className="w-20 h-20 md:w-28 md:h-28" strokeWidth={1.5} />
                 </div>
               )}
             </motion.div>