diff --git a/edd.css b/edd.css index 9950eb5..b285600 100644 --- a/edd.css +++ b/edd.css @@ -114,23 +114,36 @@ html { z-index: -1; } -/* Îmbunătățiri pentru imagini de fundal - blur subtil */ +/* Îmbunătățiri pentru imagini de fundal - DOAR fundalurile au blur */ .backdropImage, -.backgroundContainer .backdropImage { - filter: var(--blur-light) brightness(0.3) !important; +.backgroundContainer .backdropImage, +.backdrop, +.itemBackdrop { + filter: blur(12px) brightness(0.3) !important; opacity: 0.6 !important; transition: all var(--transition-slow) !important; } -/* Asigură vizibilitatea imaginilor de conținut */ +/* ELIMINĂ COMPLET BLUR-UL DE PE TOATE IMAGINILE DE CONȚINUT */ .cardImageContainer img, .itemDetailImage img, .listItemImage img, -.cardContent-button img { +.cardContent-button img, +.cardImage, +.listItemImage, +.itemDetailImage, +.cardContent img, +.listItem img, +.lazy, +img { filter: none !important; opacity: 1 !important; + visibility: visible !important; + display: block !important; border-radius: var(--border-radius) !important; - transition: all var(--transition-medium) !important; + transition: transform var(--transition-medium) !important; + backdrop-filter: none !important; + -webkit-filter: none !important; } /* Îmbunătățiri pentru scrolling */ @@ -179,7 +192,7 @@ html { border-radius: 0 0 var(--border-radius-large) var(--border-radius-large); } -/* Butoane din header cu design modern */ +/* Butoane din header cu design modern - FĂRĂ BLUR */ .headerButton { color: var(--text-primary) !important; transition: all var(--transition-fast); @@ -187,7 +200,6 @@ html { margin: 0 6px; padding: 8px 12px !important; background: rgba(255, 255, 255, 0.05) !important; - backdrop-filter: var(--blur-light); border: 1px solid rgba(255, 255, 255, 0.1); } @@ -311,14 +323,13 @@ html { * CARDURI ȘI ELEMENTE MEDIA * ======================================== */ -/* Carduri pentru filme, seriale, etc. cu design modern */ +/* Carduri pentru filme, seriale, etc. cu design modern - FĂRĂ BLUR */ .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; - backdrop-filter: var(--blur-light); position: relative; overflow: hidden; } @@ -358,19 +369,27 @@ html { box-shadow: var(--shadow-medium) !important; } -/* Asigură vizibilitatea completă a imaginilor */ +/* Asigură vizibilitatea COMPLETĂ a imaginilor - FĂRĂ BLUR */ .cardImageContainer img, .cardContent-button img, -.itemDetailImage img { - filter: brightness(1) contrast(1.05) saturate(1.1) !important; +.itemDetailImage img, +.cardImage, +.listItemImage img, +.lazy img { + filter: none !important; opacity: 1 !important; - transition: all var(--transition-medium) !important; + visibility: visible !important; + backdrop-filter: none !important; + -webkit-filter: none !important; + transition: transform var(--transition-medium) !important; } .cardImageContainer:hover img, -.cardContent-button:hover img { - filter: brightness(1.1) contrast(1.1) saturate(1.2) !important; +.cardContent-button:hover img, +.listItemImage:hover img { + filter: none !important; transform: scale(1.02) !important; + opacity: 1 !important; } /* Text din carduri */ @@ -915,26 +934,36 @@ div.nextUpSection { * ÎMBUNĂTĂȚIRI FINALE PENTRU IMAGINI * ======================================== */ -/* Asigură vizibilitatea maximă pentru toate imaginile */ +/* ELIMINĂ COMPLET BLUR-UL - Asigură vizibilitatea maximă pentru toate imaginile */ .cardImage, .cardImageContainer .cardImage, .listItemImage, .itemDetailImage, -.backdropImage.lazy, .cardContent img, -.listItem img { - filter: brightness(1) contrast(1.05) saturate(1.1) !important; +.listItem img, +.cardImageContainer img, +.cardContent-button img, +.listItemImage img, +.itemDetailImage img, +.lazy, +img:not(.backdropImage):not(.backdrop):not(.itemBackdrop) { + filter: none !important; opacity: 1 !important; visibility: visible !important; display: block !important; + backdrop-filter: none !important; + -webkit-filter: none !important; } -/* Hover effects pentru imagini */ +/* Hover effects pentru imagini - FĂRĂ FILTRE */ .cardImageContainer:hover .cardImage, .listItemImage:hover, -.itemDetailImage:hover { - filter: brightness(1.1) contrast(1.1) saturate(1.2) !important; +.itemDetailImage:hover, +.cardImageContainer:hover img, +.cardContent-button:hover img { + filter: none !important; transform: scale(1.02) !important; + opacity: 1 !important; } /* Îmbunătățiri pentru thumbnail-uri */ @@ -979,6 +1008,29 @@ div.nextUpSection { animation: shimmer 1.5s infinite; } +/* REGULĂ FINALĂ - ELIMINĂ ORICE BLUR DE PE IMAGINI */ +img:not(.backdropImage):not(.backdrop):not(.itemBackdrop), +.cardImage, +.cardImageContainer *, +.cardContent-button *, +.listItemImage *, +.itemDetailImage *, +.lazy:not(.backdropImage) { + filter: none !important; + backdrop-filter: none !important; + -webkit-filter: none !important; + opacity: 1 !important; + visibility: visible !important; +} + +/* Doar fundalurile păstrează blur-ul */ +.backdropImage, +.backdrop, +.itemBackdrop, +.backgroundContainer .backdropImage { + filter: blur(12px) brightness(0.3) !important; +} + /* Îmbunătățiri pentru focus și accesibilitate */ *:focus-visible { outline: 2px solid var(--primary-color) !important;