From 3ba9c206ffe3cc5453f7d53210a2bb4acf366fe6 Mon Sep 17 00:00:00 2001
From: eddmanoo <eddmanoo@gmail.com>
Date: Fri, 19 Sep 2025 12:34:38 +0300
Subject: [PATCH] Update CSS

---
 edd.css | 63 +++++++++++++++++++++++++++------------------------------
 1 file changed, 30 insertions(+), 33 deletions(-)

diff --git a/edd.css b/edd.css
index c5b41dd..1198afc 100644
--- a/edd.css
+++ b/edd.css
@@ -979,11 +979,9 @@ progress::-webkit-progress-value {
     padding: var(--space-4) !important;
 }
 
-/* ✨ CARDURI PRINCIPALE ELEGANTE */
+/* ✨ CARDURI PRINCIPALE ELEGANTE - FĂRĂ BLUR PE IMAGINI */
 .cardBox {
-    background: rgba(30, 41, 59, 0.4) !important;
-    backdrop-filter: var(--elegant-blur-xs) !important;
-    -webkit-backdrop-filter: var(--elegant-blur-xs) !important;
+    background: rgba(30, 41, 59, 0.3) !important;
     border: 1px solid var(--elegant-border-primary) !important;
     border-radius: var(--elegant-radius-lg) !important;
     transition: var(--elegant-transition-normal) !important;
@@ -1094,14 +1092,16 @@ progress::-webkit-progress-value {
     }
 }
 
-/* Imagini din carduri cu efecte moderne */
+/* ✨ IMAGINI DIN CARDURI CLARE - FĂRĂ BLUR */
 .cardContent-button,
 .itemDetailImage,
 .cardImageContainer {
-    border-radius: var(--border-radius-xl) !important;
+    border-radius: var(--elegant-radius-lg) !important;
     overflow: hidden !important;
-    transition: var(--transition-normal) !important;
+    transition: var(--elegant-transition-normal) !important;
     position: relative;
+    backdrop-filter: none !important;
+    -webkit-backdrop-filter: none !important;
 }
 
 .cardContent-button::after {
@@ -1114,20 +1114,20 @@ progress::-webkit-progress-value {
     background: linear-gradient(
         180deg,
         transparent 0%,
-        transparent 60%,
-        rgba(15, 23, 42, 0.8) 100%
+        transparent 70%,
+        rgba(15, 23, 42, 0.6) 100%
     );
     opacity: 0;
-    transition: var(--transition-normal);
+    transition: var(--elegant-transition-normal);
 }
 
 .cardContent-button:hover {
-    transform: scale(1.05) !important;
-    box-shadow: var(--shadow-lg) !important;
+    transform: scale(1.02) !important;
+    box-shadow: var(--elegant-shadow-lg) !important;
 }
 
 .cardContent-button:hover::after {
-    opacity: 1;
+    opacity: 0.8;
 }
 
 /* ========================================
@@ -1243,41 +1243,38 @@ progress::-webkit-progress-value {
     100% { transform: scale(1.2); }
 }
 
-/* Butoane overlay secundare */
+/* ✨ Butoane overlay secundare - FĂRĂ BLUR PE IMAGINI */
 .cardOverlayButton-br button {
-    color: var(--inferno-text-primary) !important;
-    text-shadow: 0 0 10px var(--inferno-fire) !important;
-    background: rgba(255, 69, 0, 0.3) !important;
-    border-radius: var(--inferno-radius-flame) !important;
-    backdrop-filter: var(--inferno-blur-default) !important;
-    transition: var(--inferno-transition-fast) !important;
+    color: var(--elegant-text-primary) !important;
+    background: rgba(15, 23, 42, 0.7) !important;
+    border-radius: var(--elegant-radius-md) !important;
+    transition: var(--elegant-transition-fast) !important;
+    border: 1px solid var(--elegant-border-accent) !important;
 }
 
 .cardOverlayButton-br button:hover {
-    background: var(--inferno-fire) !important;
-    transform: scale(1.1) !important;
-    box-shadow: var(--inferno-glow-fire) !important;
+    background: var(--elegant-primary) !important;
+    transform: scale(1.05) !important;
+    box-shadow: var(--elegant-glow-primary) !important;
 }
 
-/* Overlay container cu blur infernal */
+/* ✨ Overlay container elegant - FĂRĂ BLUR PE IMAGINI */
 .cardOverlayContainer:has(.cardOverlayButton:hover) {
-    backdrop-filter: var(--inferno-blur-large) !important;
-    background: rgba(255, 69, 0, 0.2) !important;
+    background: rgba(15, 23, 42, 0.3) !important;
 }
 
 /* ========================================
  * 🔥 PROGRESS BARS INFERNALE (inspirat din ElegantFin)
  * ======================================== */
 
-/* Progress bar pentru carduri */
+/* ✨ Progress bar pentru carduri - FĂRĂ BLUR PE IMAGINI */
 .itemProgressBar:not(.backgroundProgress):not(.playbackProgress):not(.transcodingProgress) {
-    backdrop-filter: var(--inferno-blur-large) !important;
-    background: linear-gradient(90deg, var(--inferno-shadow), var(--inferno-darkness)) !important;
-    height: 0.4em !important;
+    background: rgba(15, 23, 42, 0.8) !important;
+    height: 0.35em !important;
     overflow: hidden !important;
-    border-radius: var(--inferno-radius-infinite) !important;
-    border: 1px solid var(--inferno-border-fire) !important;
-    box-shadow: var(--inferno-glow-fire) !important;
+    border-radius: var(--elegant-radius-full) !important;
+    border: 1px solid var(--elegant-border-accent) !important;
+    box-shadow: var(--elegant-shadow-sm) !important;
     position: absolute !important;
     margin: 8% !important;
 }