Update V1.0.3

edd.css

@@ -80,52 +80,59 @@
 }
 
 /* ========================================
- * STILURI GENERALE - FOLOSEȘTE FUNDALUL NATIV JELLYFIN
+ * ELIMINĂ TOATE MODIFICĂRILE DE FUNDAL - LASĂ JELLYFIN SĂ GESTIONEZE
  * ======================================== */
 
-/* Elimină fundalurile personalizate - lasă Jellyfin să gestioneze */
+/* NU modifica fundalul deloc - lasă Jellyfin să-l gestioneze */
-.backgroundContainer,
-.dialog,
-html {
-    background: unset !important;
-    color: var(--text-primary);
-}
 
-/* Elimină overlay-urile personalizate */
+/* ========================================
-.backgroundContainer.withBackdrop,
+ * FORȚEAZĂ VIZIBILITATEA IMAGINILOR - REGULI PUTERNICE
-.backdropContainer,
+ * ======================================== */
-.backgroundContainer {
-    background: unset !important;
-    position: relative;
-}
 
-/* ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE DE CONȚINUT */
+/* Toate imaginile trebuie să fie vizibile */
+img,
+.cardImage,
 .cardImageContainer img,
+.cardContent-button img,
 .itemDetailImage img,
 .listItemImage img,
-.cardContent-button img,
-.cardImage,
-.listItemImage,
-.itemDetailImage,
 .cardContent img,
 .listItem img,
-.lazy,
-img,
 .cardScalable img,
 .cardOverlayContainer img,
 .listItemImageButton img,
 .userImage,
 .headerUserImage,
-.headerUserButton img {
+.headerUserButton img,
+.lazy {
     filter: none !important;
     opacity: 1 !important;
     visibility: visible !important;
     display: block !important;
-    border-radius: var(--border-radius) !important;
-    transition: transform var(--transition-medium) !important;
     backdrop-filter: none !important;
     -webkit-filter: none !important;
     -webkit-backdrop-filter: none !important;
+    max-width: 100% !important;
+    height: auto !important;
+}
+
+/* Elimină orice overlay care ar putea ascunde imaginile */
+.cardImageContainer::before,
+.cardContent-button::before,
+.cardOverlayContainer::before {
+    display: none !important;
+}
+
+/* Asigură că containerele imaginilor nu au probleme */
+.cardImageContainer,
+.cardContent-button,
+.cardScalable,
+.cardOverlayContainer,
+.listItemImageButton {
+    overflow: visible !important;
+    background: transparent !important;
+    filter: none !important;
+    backdrop-filter: none !important;
 }
 
 /* Îmbunătățiri pentru scrolling */
@@ -158,29 +165,14 @@ img,
  * HEADER ȘI NAVIGARE
  * ======================================== */
 
-/* Header principal - design modern fără blur de fundal */
+/* Header - NU modifica fundalul, lasă Jellyfin să gestioneze */
-.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {
-    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);
-    border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
-}
 
-.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {
+/* Butoane din header - design simplu */
-    background: rgba(30, 41, 59, 0.95) !important;
-    border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
-}
-
-/* Butoane din header cu design modern - FĂRĂ BLUR */
 .headerButton {
-    color: var(--text-primary) !important;
     transition: all var(--transition-fast);
     border-radius: var(--border-radius);
     margin: 0 6px;
     padding: 8px 12px !important;
-    background: rgba(255, 255, 255, 0.05) !important;
-    border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .headerButton:hover {
@@ -191,18 +183,7 @@ img,
     border-color: var(--primary-light);
 }
 
-/* Meniu lateral (drawer) fără blur */
+/* Meniu lateral - NU modifica fundalul */
-.mainDrawer {
-    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;
-}
-
-.mainDrawer-scrollContainer {
-    color: var(--text-primary) !important;
-    padding: 16px 8px;
-}
 
 /* Opțiuni din meniul lateral */
 .navMenuOption {
@@ -302,28 +283,14 @@ img,
  * CARDURI ȘI ELEMENTE MEDIA
  * ======================================== */
 
-/* Carduri pentru filme, seriale, etc. cu design modern - FĂRĂ BLUR */
+/* Carduri - design simplu fără modificări de fundal */
 .cardBox {
-    background: var(--background-card) !important;
-    border: 1px solid rgba(255, 255, 255, 0.1) !important;
     border-radius: var(--border-radius-large) !important;
     transition: all var(--transition-medium) !important;
-    box-shadow: var(--shadow-medium) !important;
     position: relative;
-    overflow: hidden;
 }
 
-.cardBox::before {
+/* Elimină overlay-ul care poate ascunde imaginile */
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);
-    pointer-events: none;
-    z-index: 1;
-}
 
 .cardBox:hover {
     transform: translateY(-6px) scale(1.03) !important;
@@ -484,29 +451,7 @@ img,
  * PAGINA DE LOGIN
  * ======================================== */
 
-/* Container pentru pagina de login - folosește fundalul nativ */
+/* Login - NU modifica fundalul */
-#loginPage {
-    background: unset !important;
-    position: relative;
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-/* Formular de login - design simplu fără blur */
-#loginPage .readOnlyContent,
-#loginPage form {
-    max-width: 420px !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;
-    border: 1px solid rgba(255, 255, 255, 0.1) !important;
-    position: relative;
-    z-index: 1;
-    margin: 20px;
-}
 
 /* Titlu login */
 #loginPage h1 {
@@ -532,13 +477,7 @@ img,
  * PLAYER VIDEO ȘI CONTROALE
  * ======================================== */
 
-/* Bara de progres video fără blur */
+/* Player - NU modifica fundalul */
-.nowPlayingBar {
-    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;
-}
 
 /* Controale player */
 .nowPlayingBarCenter {
@@ -815,20 +754,7 @@ div.nextUpSection {
  * TEMA ÎNTUNECATĂ ÎMBUNĂTĂȚITĂ
  * ======================================== */
 
-/* Overlay pentru dialoguri fără blur */
+/* Dialoguri - NU modifica fundalul */
-.dialogBackdrop {
-    background: rgba(15, 23, 42, 0.9) !important;
-}
-
-/* Dialoguri fără blur */
-.dialog {
-    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;
-    position: relative;
-    overflow: hidden;
-}
 
 /* Titluri în dialoguri */
 .dialog h2,
@@ -942,25 +868,33 @@ img:not(.backdropImage):not(.backdrop):not(.itemBackdrop) {
     animation: shimmer 1.5s infinite;
 }
 
-/* REGULĂ FINALĂ - ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE */
+/* ========================================
+ * FORȚEAZĂ VIZIBILITATEA IMAGINILOR - REGULI FINALE PUTERNICE
+ * ======================================== */
+
+/* TOATE imaginile trebuie să fie vizibile - reguli foarte specifice */
 img,
 .cardImage,
-.cardImageContainer *,
+.cardImageContainer img,
-.cardContent-button *,
+.cardContent-button img,
-.listItemImage *,
+.listItemImage img,
-.itemDetailImage *,
+.itemDetailImage img,
-.lazy,
+.lazy img,
 .userImage,
 .headerUserImage,
 .headerUserButton img,
-.cardScalable *,
+.cardScalable img,
-.cardOverlayContainer *,
+.cardOverlayContainer img,
-.listItemImageButton *,
+.listItemImageButton img,
 .cardContent img,
 .listItem img,
 .itemAction img,
 .coveredImage,
-.defaultCardBackground {
+.defaultCardBackground,
+.lazy,
+.cardContent-button,
+.cardImageContainer,
+.listItemImageButton {
     filter: none !important;
     backdrop-filter: none !important;
     -webkit-filter: none !important;
@@ -968,16 +902,40 @@ img,
     opacity: 1 !important;
     visibility: visible !important;
     display: block !important;
+    background: none !important;
+    box-shadow: none !important;
 }
 
-/* Elimină blur-ul și de pe fundaluri - lasă Jellyfin să gestioneze */
+/* Elimină orice pseudo-elemente care ar putea ascunde imaginile */
-.backdropImage,
+.cardImageContainer::before,
-.backdrop,
+.cardImageContainer::after,
-.itemBackdrop,
+.cardContent-button::before,
-.backgroundContainer .backdropImage {
+.cardContent-button::after,
+.cardOverlayContainer::before,
+.cardOverlayContainer::after,
+.listItemImageButton::before,
+.listItemImageButton::after {
+    display: none !important;
+    content: none !important;
+}
+
+/* Asigură că imaginile au dimensiuni corecte */
+.cardImageContainer img,
+.cardContent-button img,
+.listItemImage img {
+    width: 100% !important;
+    height: 100% !important;
+    object-fit: cover !important;
+}
+
+/* Elimină orice transformări care ar putea afecta imaginile */
+.cardImageContainer,
+.cardContent-button,
+.cardScalable,
+.listItemImageButton {
+    transform: none !important;
     filter: none !important;
     backdrop-filter: none !important;
-    -webkit-filter: none !important;
 }
 
 /* CORECȚII SPECIFICE PENTRU IMAGINI DE PROFIL ȘI CARDURI */