From 39507ebde4ad998ecae4df3a80cd72c67579652d Mon Sep 17 00:00:00 2001
From: Cyssoo <cyrilchalamon@gmail.com>
Date: Thu, 22 Jan 2026 15:24:27 +0100
Subject: [PATCH] Adjust prettyblock slider focus styling

---
 views/css/everblock.css      | 10 ++++++++--
 views/js/everblock-slider.js |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/views/css/everblock.css b/views/css/everblock.css
index a1ec74c..40498d5 100644
--- a/views/css/everblock.css
+++ b/views/css/everblock.css
@@ -1042,6 +1042,10 @@
 }
 
 /* Simple image slider (vanilla) */
+.ever-slider {
+    width: 100%;
+}
+
 .ever-slider-track {
     transition: transform 0.4s ease;
     will-change: transform;
@@ -1056,6 +1060,8 @@
 .ever-slider-item.is-active {
     opacity: 1;
     filter: none;
+    transform: scale(1.08);
+    z-index: 2;
 }
 
 .ever-slider-item.is-inactive {
@@ -1088,11 +1094,11 @@
 }
 
 .ever-slider-prev {
-    left: -40px;
+    left: calc(50% - (var(--ever-slider-active-width, 0px) / 2) - 3.25rem);
 }
 
 .ever-slider-next {
-    right: -40px;
+    right: calc(50% - (var(--ever-slider-active-width, 0px) / 2) - 3.25rem);
 }
 
 .ever-slider-prev:hover,
diff --git a/views/js/everblock-slider.js b/views/js/everblock-slider.js
index 849e10f..d2a1dde 100644
--- a/views/js/everblock-slider.js
+++ b/views/js/everblock-slider.js
@@ -93,6 +93,7 @@
         state.containerWidth = containerWidth;
         const totalGap = state.gap * Math.max(0, state.itemsPerView - 1);
         state.itemWidth = state.itemsPerView > 0 ? (containerWidth - totalGap) / state.itemsPerView : 0;
+        state.slider.style.setProperty('--ever-slider-active-width', `${state.itemWidth * 1.08}px`);
         state.items.forEach((item) => {
             item.style.width = `${state.itemWidth}px`;
         });