Update V1.0.3

edd.css

@@ -80,50 +80,25 @@
 }
 
 /* ========================================
- * STILURI GENERALE PENTRU FUNDAL ȘI LAYOUT
+ * STILURI GENERALE - FOLOSEȘTE FUNDALUL NATIV JELLYFIN
  * ======================================== */
 
-/* Fundal principal al aplicației cu gradient modern */
+/* Elimină fundalurile personalizate - lasă Jellyfin să gestioneze */
 .backgroundContainer,
 .dialog,
 html {
-    background: var(--gradient-background) !important;
+    background: unset !important;
     color: var(--text-primary);
-    min-height: 100vh;
 }
 
-/* Container principal pentru conținut cu blur și overlay */
+/* Elimină overlay-urile personalizate */
 .backgroundContainer.withBackdrop,
 .backdropContainer,
 .backgroundContainer {
-    background: var(--gradient-background) !important;
+    background: unset !important;
     position: relative;
 }
 
-/* Adaugă overlay cu blur pentru fundaluri */
-.backgroundContainer.withBackdrop::before,
-.backdropContainer::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: var(--background-overlay);
-    backdrop-filter: var(--blur-light);
-    z-index: -1;
-}
-
-/* Îmbunătățiri pentru imagini de fundal - DOAR fundalurile au blur */
-.backdropImage,
-.backgroundContainer .backdropImage,
-.backdrop,
-.itemBackdrop {
-    filter: blur(12px) brightness(0.3) !important;
-    opacity: 0.6 !important;
-    transition: all var(--transition-slow) !important;
-}
-
 /* ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE DE CONȚINUT */
 .cardImageContainer img,
 .itemDetailImage img,
@@ -135,7 +110,13 @@ html {
 .cardContent img,
 .listItem img,
 .lazy,
-img {
+img,
+.cardScalable img,
+.cardOverlayContainer img,
+.listItemImageButton img,
+.userImage,
+.headerUserImage,
+.headerUserButton img {
     filter: none !important;
     opacity: 1 !important;
     visibility: visible !important;
@@ -144,6 +125,7 @@ img {
     transition: transform var(--transition-medium) !important;
     backdrop-filter: none !important;
     -webkit-filter: none !important;
+    -webkit-backdrop-filter: none !important;
 }
 
 /* Îmbunătățiri pentru scrolling */
@@ -176,10 +158,9 @@ img {
  * HEADER ȘI NAVIGARE
  * ======================================== */
 
-/* Header principal - design glassmorphism modern */
+/* Header principal - design modern fără blur de fundal */
 .skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {
-    background: var(--background-overlay) !important;
-    backdrop-filter: var(--blur-medium) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     border-bottom: 1px solid var(--border-color);
     box-shadow: var(--shadow-heavy);
     transition: all var(--transition-medium);
@@ -187,8 +168,7 @@ img {
 }
 
 .skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {
-    background: var(--background-overlay) !important;
-    backdrop-filter: var(--blur-medium) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
 }
 
@@ -211,10 +191,9 @@ img {
     border-color: var(--primary-light);
 }
 
-/* Meniu lateral (drawer) cu glassmorphism */
+/* Meniu lateral (drawer) fără blur */
 .mainDrawer {
-    background: var(--background-overlay) !important;
-    backdrop-filter: var(--blur-medium) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     border-right: 1px solid var(--border-color);
     box-shadow: var(--shadow-xl);
     border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
@@ -505,10 +484,9 @@ img {
  * PAGINA DE LOGIN
  * ======================================== */
 
-/* Container pentru pagina de login cu design modern */
+/* Container pentru pagina de login - folosește fundalul nativ */
 #loginPage {
-    background: var(--gradient-background);
-    background-size: cover;
+    background: unset !important;
     position: relative;
     min-height: 100vh;
     display: flex;
@@ -516,25 +494,11 @@ img {
     justify-content: center;
 }
 
-/* Overlay pentru pagina de login cu blur puternic */
-#loginPage::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: var(--background-overlay);
-    backdrop-filter: var(--blur-heavy);
-    z-index: 0;
-}
-
-/* Formular de login - design glassmorphism */
+/* Formular de login - design simplu fără blur */
 #loginPage .readOnlyContent,
 #loginPage form {
     max-width: 420px !important;
-    background: rgba(30, 41, 59, 0.8) !important;
-    backdrop-filter: var(--blur-medium) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     border-radius: var(--border-radius-xl) !important;
     padding: 48px !important;
     box-shadow: var(--shadow-xl) !important;
@@ -544,20 +508,6 @@ img {
     margin: 20px;
 }
 
-/* Efect de sticlă pentru formular */
-#loginPage .readOnlyContent::before,
-#loginPage form::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
-    border-radius: var(--border-radius-xl);
-    pointer-events: none;
-}
-
 /* Titlu login */
 #loginPage h1 {
     color: var(--primary-color) !important;
@@ -582,10 +532,9 @@ img {
  * PLAYER VIDEO ȘI CONTROALE
  * ======================================== */
 
-/* Bara de progres video cu design modern */
+/* Bara de progres video fără blur */
 .nowPlayingBar {
-    background: var(--background-overlay) !important;
-    backdrop-filter: var(--blur-medium) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     border-top: 1px solid var(--border-color) !important;
     box-shadow: var(--shadow-xl) !important;
     border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
@@ -866,16 +815,14 @@ div.nextUpSection {
  * TEMA ÎNTUNECATĂ ÎMBUNĂTĂȚITĂ
  * ======================================== */
 
-/* Overlay pentru dialoguri cu blur puternic */
+/* Overlay pentru dialoguri fără blur */
 .dialogBackdrop {
     background: rgba(15, 23, 42, 0.9) !important;
-    backdrop-filter: var(--blur-heavy) !important;
 }
 
-/* Dialoguri cu design glassmorphism */
+/* Dialoguri fără blur */
 .dialog {
-    background: var(--background-overlay) !important;
-    backdrop-filter: var(--blur-medium) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     border: 1px solid rgba(255, 255, 255, 0.1) !important;
     border-radius: var(--border-radius-xl) !important;
     box-shadow: var(--shadow-xl) !important;
@@ -883,19 +830,6 @@ div.nextUpSection {
     overflow: hidden;
 }
 
-/* Efect de sticlă pentru dialoguri */
-.dialog::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
-    pointer-events: none;
-    z-index: -1;
-}
-
 /* Titluri în dialoguri */
 .dialog h2,
 .dialog h3 {
@@ -1008,27 +942,81 @@ img:not(.backdropImage):not(.backdrop):not(.itemBackdrop) {
     animation: shimmer 1.5s infinite;
 }
 
-/* REGULĂ FINALĂ - ELIMINĂ ORICE BLUR DE PE IMAGINI */
-img:not(.backdropImage):not(.backdrop):not(.itemBackdrop),
+/* REGULĂ FINALĂ - ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE */
+img,
 .cardImage,
 .cardImageContainer *,
 .cardContent-button *,
 .listItemImage *,
 .itemDetailImage *,
-.lazy:not(.backdropImage) {
+.lazy,
+.userImage,
+.headerUserImage,
+.headerUserButton img,
+.cardScalable *,
+.cardOverlayContainer *,
+.listItemImageButton *,
+.cardContent img,
+.listItem img,
+.itemAction img,
+.coveredImage,
+.defaultCardBackground {
     filter: none !important;
     backdrop-filter: none !important;
     -webkit-filter: none !important;
+    -webkit-backdrop-filter: none !important;
     opacity: 1 !important;
     visibility: visible !important;
+    display: block !important;
 }
 
-/* Doar fundalurile păstrează blur-ul */
+/* Elimină blur-ul și de pe fundaluri - lasă Jellyfin să gestioneze */
 .backdropImage,
 .backdrop,
 .itemBackdrop,
 .backgroundContainer .backdropImage {
-    filter: blur(12px) brightness(0.3) !important;
+    filter: none !important;
+    backdrop-filter: none !important;
+    -webkit-filter: none !important;
+}
+
+/* CORECȚII SPECIFICE PENTRU IMAGINI DE PROFIL ȘI CARDURI */
+.headerUserButton,
+.headerUserButton img,
+.userImage,
+.headerUserImage,
+.userImageContainer,
+.userImageContainer img {
+    filter: none !important;
+    backdrop-filter: none !important;
+    -webkit-filter: none !important;
+    -webkit-backdrop-filter: none !important;
+    opacity: 1 !important;
+    visibility: visible !important;
+    display: block !important;
+}
+
+/* Corecții pentru carduri - elimină orice blur */
+.card,
+.cardBox,
+.cardContent,
+.cardContent-button,
+.cardImageContainer,
+.cardScalable,
+.cardOverlayContainer {
+    filter: none !important;
+    backdrop-filter: none !important;
+    -webkit-filter: none !important;
+    -webkit-backdrop-filter: none !important;
+}
+
+/* Elimină blur-ul de pe toate elementele cu clasa lazy */
+.lazy {
+    filter: none !important;
+    backdrop-filter: none !important;
+    -webkit-filter: none !important;
+    -webkit-backdrop-filter: none !important;
+    opacity: 1 !important;
 }
 
 /* Îmbunătățiri pentru focus și accesibilitate */