From d5abe8e519a57378fd74496c384422f8202cc61a Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Fri, 4 Sep 2026 00:24:20 +0200
Subject: [PATCH] style(ui): global radius audit - enforce sharp corners for
 cards/buttons, strict circles for icons

---
 src/app/(frontend)/not-found.tsx          |  2 +-
 src/app/globals.css                       |  2 +-
 src/blocks/ContactInfo/Component.tsx      |  4 ++--
 src/blocks/Eligibility/Component.tsx      | 14 +++++++-------
 src/blocks/FinalCTA/Component.tsx         |  2 +-
 src/blocks/Hero/Component.tsx             |  2 +-
 src/components/Footer/index.tsx           |  4 ++--
 src/components/Header/index.tsx           |  4 ++--
 src/components/LanguageSwitcher/index.tsx |  2 +-
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/app/(frontend)/not-found.tsx b/src/app/(frontend)/not-found.tsx
index 7fe59e5..94c6318 100644
--- a/src/app/(frontend)/not-found.tsx
+++ b/src/app/(frontend)/not-found.tsx
@@ -13,7 +13,7 @@ export default function NotFound() {
       </p>
       <Link 
         href="/"
-        className="inline-flex items-center justify-center bg-accent hover:bg-accent-hover text-white font-medium px-6 py-3 rounded-[var(--radius-button)] transition-colors"
+        className="inline-flex items-center justify-center bg-accent hover:bg-accent-hover text-white font-medium px-6 py-3 rounded-none transition-colors"
       >
         Wróć na stronę główną
       </Link>
diff --git a/src/app/globals.css b/src/app/globals.css
index 855bf60..fce7b2a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -61,7 +61,7 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Stylizacja elementów interaktywnych dla "premium feel" */
 .btn-primary {
-  @apply inline-flex items-center justify-center rounded-[var(--radius-button)] px-6 py-3 font-medium text-white transition-all duration-300;
+  @apply inline-flex items-center justify-center rounded-none px-6 py-3 font-medium text-white transition-all duration-300;
   background-color: var(--accent-color);
 }
 .btn-primary:hover {
diff --git a/src/blocks/ContactInfo/Component.tsx b/src/blocks/ContactInfo/Component.tsx
index 6fbc190..84de838 100644
--- a/src/blocks/ContactInfo/Component.tsx
+++ b/src/blocks/ContactInfo/Component.tsx
@@ -122,7 +122,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
                 href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="mt-2 inline-flex items-center justify-center gap-3 px-6 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base rounded-[var(--radius-button)] transition-colors shadow-sm"
+                className="mt-2 inline-flex items-center justify-center gap-3 px-6 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base rounded-none transition-colors shadow-sm"
               >
                 <MessageCircle size={22} />
                 <span>{isDe ? 'WhatsApp Chat starten' : 'Napisz na WhatsApp'}</span>
@@ -236,7 +236,7 @@ export const ContactInfoBlock: React.FC<Props> = ({
                 <div className="pt-2">
                   <button
                     type="submit"
-                    className="w-full sm:w-auto px-8 py-4 bg-accent hover:bg-accent-hover text-accent-foreground font-bold text-base rounded-[var(--radius-button)] transition-colors shadow-sm flex items-center justify-center gap-2 cursor-pointer"
+                    className="w-full sm:w-auto px-8 py-4 bg-accent hover:bg-accent-hover text-accent-foreground font-bold text-base rounded-none transition-colors shadow-sm flex items-center justify-center gap-2 cursor-pointer"
                   >
                     <Send size={18} />
                     <span>{isDe ? 'Nachricht senden' : 'Wyślij wiadomość'}</span>
diff --git a/src/blocks/Eligibility/Component.tsx b/src/blocks/Eligibility/Component.tsx
index 5e6597f..95f79b0 100644
--- a/src/blocks/Eligibility/Component.tsx
+++ b/src/blocks/Eligibility/Component.tsx
@@ -41,9 +41,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
 
         <div className="flex flex-col gap-6">
           {/* 1: Kto się kwalifikuje */}
-          <div className="bg-card border-2 border-border rounded-2xl p-6 sm:p-8 shadow-sm">
+          <div className="bg-card border-2 border-border rounded-none p-6 sm:p-8 shadow-sm">
             <div className="flex items-center gap-3 mb-6 pb-4 border-b border-border">
-              <div className="w-10 h-10 rounded-xl bg-accent/10 text-accent flex items-center justify-center shrink-0">
+              <div className="w-10 h-10 rounded-full bg-accent/10 text-accent flex items-center justify-center shrink-0">
                 <CheckCircle2 size={24} />
               </div>
               <h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground">
@@ -67,9 +67,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
           </div>
 
           {/* 2: Limit przychodów */}
-          <div className="bg-card border border-border rounded-2xl p-6 sm:p-8 shadow-sm">
+          <div className="bg-card border border-border rounded-none p-6 sm:p-8 shadow-sm">
             <div className="flex items-center gap-3 mb-4">
-              <div className="w-10 h-10 rounded-xl bg-amber-500/10 text-amber-500 flex items-center justify-center shrink-0">
+              <div className="w-10 h-10 rounded-full bg-amber-500/10 text-amber-500 flex items-center justify-center shrink-0">
                 <AlertTriangle size={22} />
               </div>
               <h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground">
@@ -82,9 +82,9 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
           </div>
 
           {/* 3: Wykluczenia - czerwony kolor ostrzegawczy dla bezpieczeństwa prawnego klienta */}
-          <div className="bg-red-500/5 border-2 border-red-500/30 rounded-2xl p-6 sm:p-8 shadow-sm">
+          <div className="bg-red-500/5 border-2 border-red-500/30 rounded-none p-6 sm:p-8 shadow-sm">
             <div className="flex items-center gap-3 mb-4 pb-3 border-b border-red-500/20">
-              <div className="w-10 h-10 rounded-xl bg-red-500/15 text-red-600 flex items-center justify-center shrink-0">
+              <div className="w-10 h-10 rounded-full bg-red-500/15 text-red-600 flex items-center justify-center shrink-0">
                 <XCircle size={22} />
               </div>
               <h3 className="font-heading text-xl sm:text-2xl font-bold text-red-950 dark:text-red-200">
@@ -109,7 +109,7 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
         </div>
 
         {legalNotice && (
-          <div className="mt-10 p-5 rounded-xl bg-background border border-border text-xs sm:text-sm text-foreground/60 leading-relaxed">
+          <div className="mt-10 p-5 rounded-none bg-background border border-border text-xs sm:text-sm text-foreground/60 leading-relaxed">
             <p>{legalNotice}</p>
           </div>
         )}
diff --git a/src/blocks/FinalCTA/Component.tsx b/src/blocks/FinalCTA/Component.tsx
index 3e60fab..f51ddf3 100644
--- a/src/blocks/FinalCTA/Component.tsx
+++ b/src/blocks/FinalCTA/Component.tsx
@@ -27,7 +27,7 @@ export const FinalCTABlock: React.FC<Props> = ({ eyebrow, title, subtitle, butto
             href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
             target="_blank"
             rel="noopener noreferrer"
-            className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-[var(--radius-button)] transition-colors shadow-sm"
+            className="inline-flex items-center justify-center gap-2.5 px-8 py-4 bg-green-500 hover:bg-green-600 text-white text-base sm:text-lg font-bold rounded-none transition-colors shadow-sm"
           >
             <MessageCircle size={22} />
             <span>{buttonText}</span>
diff --git a/src/blocks/Hero/Component.tsx b/src/blocks/Hero/Component.tsx
index 3034115..46da018 100644
--- a/src/blocks/Hero/Component.tsx
+++ b/src/blocks/Hero/Component.tsx
@@ -139,7 +139,7 @@ export const HeroBlock: React.FC<Props> = ({
                 href={process.env.NEXT_PUBLIC_WHATSAPP_LINK || '#'}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="px-8 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base sm:text-lg transition-colors flex items-center justify-center rounded-[var(--radius-button)] shadow-sm cursor-pointer"
+                className="px-8 py-4 bg-green-500 hover:bg-green-600 text-white font-bold text-base sm:text-lg transition-colors flex items-center justify-center rounded-none shadow-sm cursor-pointer"
               >
                 {primaryCta}
               </a>
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index a4d3a64..b417304 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -55,7 +55,7 @@ export function Footer({
         {/* Kolumna 1: Dane kontaktowe */}
         <div className="flex flex-col gap-6">
           <Link href={`/${currentLocaleCode}`} className="group flex items-center gap-3 w-fit mb-4">
-            <div className="w-10 h-10 rounded bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm">
+            <div className="w-10 h-10 rounded-none bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm">
               JK
             </div>
             <div className="flex flex-col">
@@ -122,7 +122,7 @@ export function Footer({
           <h3 className="text-sm font-semibold text-foreground/60 uppercase tracking-wider">
             {currentLocaleCode === 'de' ? 'Mitgliedschaft' : 'Członkostwo'}
           </h3>
-          <div className="bg-background border border-border p-6 rounded-2xl shadow-sm flex flex-col gap-5 items-start">
+          <div className="bg-background border border-border p-6 rounded-none shadow-sm flex flex-col gap-5 items-start">
             <span className="text-sm text-foreground/80 leading-relaxed font-medium">
               {assocTitle}
             </span>
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 5df0c1c..3047ec3 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -37,7 +37,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
         <div className="container-premium flex items-center justify-between">
           {/* Logo */}
           <Link href={`/${currentLocale.code}`} className="group flex items-center gap-3 z-50">
-            <div className="w-10 h-10 rounded bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm">
+            <div className="w-10 h-10 rounded-none bg-accent text-white flex items-center justify-center font-heading font-bold text-xl group-hover:bg-accent-hover transition-colors shadow-sm">
               JK
             </div>
             <div className="flex flex-col">
@@ -143,7 +143,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
             href={process.env.NEXT_PUBLIC_WHATSAPP_NUMBER ? `https://wa.me/${process.env.NEXT_PUBLIC_WHATSAPP_NUMBER}` : '#'} 
             target="_blank"
             rel="noopener noreferrer"
-            className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-[var(--radius-button)] transition-colors w-full max-w-xs shadow-lg"
+            className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-none transition-colors w-full max-w-xs shadow-lg"
           >
             <MessageCircle size={24} />
             <span className="font-bold text-lg">WhatsApp</span>
diff --git a/src/components/LanguageSwitcher/index.tsx b/src/components/LanguageSwitcher/index.tsx
index 6b5e41e..3a95b04 100644
--- a/src/components/LanguageSwitcher/index.tsx
+++ b/src/components/LanguageSwitcher/index.tsx
@@ -48,7 +48,7 @@ export function LanguageSwitcher() {
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: 10 }}
             transition={{ duration: 0.2 }}
-            className="absolute right-0 mt-2 w-32 bg-card rounded-xl shadow-lg border border-border overflow-hidden z-50"
+            className="absolute right-0 mt-2 w-32 bg-card rounded-none shadow-lg border border-border overflow-hidden z-50"
           >
             {i18n.locales.map((locale) => {
               const newPath = clientSwitchLocalePath(pathname, locale.code, slugs);