Remove Blure

edd.css

@@ -240,14 +240,21 @@ body::after {
     }
 }
 
-/* ✨ CONTAINER PRINCIPAL ELEGANT */
+/* ✨ CONTAINER PRINCIPAL ELEGANT - FĂRĂ BLUR PE IMAGINI */
-.backgroundContainer,
+.backgroundContainer {
+    background: var(--elegant-overlay) !important;
+    position: relative;
+    min-height: 100vh;
+    border: 1px solid var(--elegant-border-primary) !important;
+    box-shadow: var(--elegant-shadow-lg) !important;
+}
+
+/* Dialog-urile păstrează blur-ul pentru focus */
 .dialog {
     background: var(--elegant-overlay) !important;
     backdrop-filter: var(--elegant-blur-md) !important;
     -webkit-backdrop-filter: var(--elegant-blur-md) !important;
     position: relative;
-    min-height: 100vh;
     border: 1px solid var(--elegant-border-primary) !important;
     box-shadow: var(--elegant-shadow-lg) !important;
 }
@@ -278,14 +285,12 @@ body::after {
     }
 }
 
-/* Container pentru backdrop cu blur holografic */
+/* Container pentru backdrop - FĂRĂ BLUR PE IMAGINI */
 .backgroundContainer.withBackdrop,
 .backdropContainer {
-    background: var(--nexus-overlay) !important;
+    background: var(--elegant-overlay) !important;
-    backdrop-filter: var(--nexus-blur-strong) !important;
+    border: 1px solid var(--elegant-border-primary) !important;
-    -webkit-backdrop-filter: var(--nexus-blur-strong) !important;
+    box-shadow: var(--elegant-shadow-lg) !important;
-    border: 1px solid var(--nexus-border-glow) !important;
-    box-shadow: var(--nexus-glow-primary) !important;
 }
 
 /* 🎬 BACKDROP IMAGE NEXUS (inspirat din Ultrachromic) */
@@ -1095,13 +1100,56 @@ progress::-webkit-progress-value {
 /* ✨ IMAGINI DIN CARDURI CLARE - FĂRĂ BLUR */
 .cardContent-button,
 .itemDetailImage,
-.cardImageContainer {
+.cardImageContainer,
+.cardImage,
+.cardContent,
+.cardScalable,
+.listItemImage,
+.itemAction,
+.lazy {
     border-radius: var(--elegant-radius-lg) !important;
     overflow: hidden !important;
     transition: var(--elegant-transition-normal) !important;
     position: relative;
     backdrop-filter: none !important;
     -webkit-backdrop-filter: none !important;
+    filter: none !important;
+}
+
+/* Forțează eliminarea blur-ului de la toate imaginile */
+img,
+.cardContent-button img,
+.cardImageContainer img,
+.itemDetailImage img,
+.cardImage img,
+.listItemImage img {
+    backdrop-filter: none !important;
+    -webkit-backdrop-filter: none !important;
+    filter: none !important;
+}
+
+/* Elimină blur-ul de la toate overlay-urile care afectează imaginile */
+.cardOverlayContainer,
+.cardOverlayButton,
+.cardOverlayButton-br,
+.itemProgressBar,
+.playedIndicator,
+.countIndicator,
+.mediaInfoBadge {
+    backdrop-filter: none !important;
+    -webkit-backdrop-filter: none !important;
+}
+
+/* Elimină blur-ul de la containere care pot afecta imaginile */
+.itemsContainer,
+.cardBox-bottompadded,
+.cardBox,
+.card,
+.portraitCard,
+.squareCard,
+.backdropCard {
+    backdrop-filter: none !important;
+    -webkit-backdrop-filter: none !important;
 }
 
 .cardContent-button::after {
@@ -1489,14 +1537,13 @@ progress, ::-webkit-progress-bar {
  * 🎭 CARDURI CAST ÎMBUNĂTĂȚITE (inspirat din Ultrachromic)
  * ======================================== */
 
-/* Carduri pentru cast cu design circular modern */
+/* Carduri pentru cast - FĂRĂ BLUR PE IMAGINI */
 .personCard {
-    background: var(--nexus-overlay) !important;
+    background: rgba(30, 41, 59, 0.3) !important;
-    backdrop-filter: var(--nexus-blur-soft) !important;
+    border: 1px solid var(--elegant-border-primary) !important;
-    border: 1px solid var(--nexus-border-primary) !important;
+    border-radius: var(--elegant-radius-lg) !important;
-    border-radius: var(--nexus-rounding) !important;
+    transition: var(--elegant-transition-normal) !important;
-    transition: var(--nexus-transition-smooth) !important;
+    padding: 8px !important;
-    padding: var(--nexus-space-3) !important;
     will-change: transform, box-shadow !important;
 }
 
@@ -1550,17 +1597,15 @@ progress, ::-webkit-progress-bar {
     font-weight: bold;
 }
 
-/* Indicatori cu glassmorphism */
+/* Indicatori - FĂRĂ BLUR PE IMAGINI */
 .indicator {
-    background: var(--background-overlay) !important;
+    background: rgba(99, 102, 241, 0.8) !important;
-    backdrop-filter: var(--blur-md) !important;
+    color: var(--elegant-text-primary) !important;
-    -webkit-backdrop-filter: var(--blur-md) !important;
+    border: 1px solid var(--elegant-border-accent) !important;
-    color: var(--text-primary) !important;
+    border-radius: var(--elegant-radius-md) !important;
-    border: 1px solid var(--border-primary) !important;
+    box-shadow: var(--elegant-shadow-sm) !important;
-    border-radius: var(--border-radius-lg) !important;
+    font-weight: 600 !important;
-    box-shadow: var(--shadow-sm) !important;
+    padding: 4px 8px !important;
-    font-weight: 500 !important;
-    padding: var(--space-1) var(--space-2) !important;
     font-size: 0.8rem !important;
 }
 
@@ -1660,16 +1705,16 @@ progress, ::-webkit-progress-bar {
 
 /* Indicator pentru calitate video */
 .mediaInfoBadge {
-    background: var(--background-overlay) !important;
+    background: rgba(99, 102, 241, 0.8) !important;
-    backdrop-filter: var(--blur-sm) !important;
+    color: var(--elegant-text-primary) !important;
-    color: var(--text-primary) !important;
+    border: 1px solid var(--elegant-border-accent) !important;
-    border: 1px solid var(--border-primary) !important;
+    border-radius: var(--elegant-radius-md) !important;
-    border-radius: var(--border-radius-md) !important;
+    padding: 4px 8px !important;
-    padding: var(--space-1) var(--space-2) !important;
     font-size: 0.7rem !important;
     font-weight: 600 !important;
     text-transform: uppercase !important;
-    letter-spacing: 0.05em !important;
+    letter-spacing: 0.5px !important;
+    box-shadow: var(--elegant-shadow-sm) !important;
 }
 
 /* ========================================
@@ -1680,17 +1725,15 @@ progress, ::-webkit-progress-bar {
 .emby-input,
 .emby-textarea,
 .emby-select {
-    background: var(--background-overlay) !important;
+    background: rgba(30, 41, 59, 0.8) !important;
-    backdrop-filter: var(--blur-sm) !important;
+    border: 1px solid var(--elegant-border-primary) !important;
-    -webkit-backdrop-filter: var(--blur-sm) !important;
+    border-radius: var(--elegant-radius-lg) !important;
-    border: 1px solid var(--border-primary) !important;
+    color: var(--elegant-text-primary) !important;
-    border-radius: var(--border-radius-xl) !important;
+    padding: 12px 16px !important;
-    color: var(--text-primary) !important;
-    padding: var(--space-4) var(--space-5) !important;
     font-size: 0.95rem !important;
     font-weight: 400 !important;
-    transition: var(--transition-normal) !important;
+    transition: var(--elegant-transition-normal) !important;
-    box-shadow: var(--shadow-sm) !important;
+    box-shadow: var(--elegant-shadow-sm) !important;
     position: relative;
 }