diff --git a/edd.css b/edd.css index 5321d65..26905a5 100644 --- a/edd.css +++ b/edd.css @@ -240,14 +240,21 @@ body::after { } } -/* ✨ CONTAINER PRINCIPAL ELEGANT */ -.backgroundContainer, +/* ✨ CONTAINER PRINCIPAL ELEGANT - FĂRĂ BLUR PE IMAGINI */ +.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; - backdrop-filter: var(--nexus-blur-strong) !important; - -webkit-backdrop-filter: var(--nexus-blur-strong) !important; - border: 1px solid var(--nexus-border-glow) !important; - box-shadow: var(--nexus-glow-primary) !important; + background: var(--elegant-overlay) !important; + border: 1px solid var(--elegant-border-primary) !important; + box-shadow: var(--elegant-shadow-lg) !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; - backdrop-filter: var(--nexus-blur-soft) !important; - border: 1px solid var(--nexus-border-primary) !important; - border-radius: var(--nexus-rounding) !important; - transition: var(--nexus-transition-smooth) !important; - padding: var(--nexus-space-3) !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; + padding: 8px !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; - backdrop-filter: var(--blur-md) !important; - -webkit-backdrop-filter: var(--blur-md) !important; - color: var(--text-primary) !important; - border: 1px solid var(--border-primary) !important; - border-radius: var(--border-radius-lg) !important; - box-shadow: var(--shadow-sm) !important; - font-weight: 500 !important; - padding: var(--space-1) var(--space-2) !important; + background: rgba(99, 102, 241, 0.8) !important; + color: var(--elegant-text-primary) !important; + border: 1px solid var(--elegant-border-accent) !important; + border-radius: var(--elegant-radius-md) !important; + box-shadow: var(--elegant-shadow-sm) !important; + font-weight: 600 !important; + padding: 4px 8px !important; font-size: 0.8rem !important; } @@ -1660,16 +1705,16 @@ progress, ::-webkit-progress-bar { /* Indicator pentru calitate video */ .mediaInfoBadge { - background: var(--background-overlay) !important; - backdrop-filter: var(--blur-sm) !important; - color: var(--text-primary) !important; - border: 1px solid var(--border-primary) !important; - border-radius: var(--border-radius-md) !important; - padding: var(--space-1) var(--space-2) !important; + background: rgba(99, 102, 241, 0.8) !important; + color: var(--elegant-text-primary) !important; + border: 1px solid var(--elegant-border-accent) !important; + border-radius: var(--elegant-radius-md) !important; + padding: 4px 8px !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; - backdrop-filter: var(--blur-sm) !important; - -webkit-backdrop-filter: var(--blur-sm) !important; - border: 1px solid var(--border-primary) !important; - border-radius: var(--border-radius-xl) !important; - color: var(--text-primary) !important; - padding: var(--space-4) var(--space-5) !important; + background: rgba(30, 41, 59, 0.8) !important; + border: 1px solid var(--elegant-border-primary) !important; + border-radius: var(--elegant-radius-lg) !important; + color: var(--elegant-text-primary) !important; + padding: 12px 16px !important; font-size: 0.95rem !important; font-weight: 400 !important; - transition: var(--transition-normal) !important; - box-shadow: var(--shadow-sm) !important; + transition: var(--elegant-transition-normal) !important; + box-shadow: var(--elegant-shadow-sm) !important; position: relative; }