/* ==================== DriveVibe PhotoSwipe UI ==================== */

/* Hintergrund */
.pswp__bg{
  background:#000 !important;
  opacity:0.97 !important;
}

/* Top-Bar transparent */
.pswp__top-bar{
  background: transparent !important;
}

/* Counter (1 / 3) – Abstand vom Rand */
.pswp__counter{
  position: fixed !important;
  top: 24px !important;
  left: 24px !important;

  color:#fff !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing:1px !important;
}

/* Unnötige Buttons ausblenden */
.pswp__button--zoom,
.pswp__button--fs,
.pswp__button--share{
  display: none !important;
}

/* Keyboard-Hint Pfeile (kleine unten) ausblenden */
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before{
  display: none !important;
}

/* Allgemeiner Button Reset */
.pswp__button,
.pswp__button--arrow--left,
.pswp__button--arrow--right{
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 1 !important;
}

/* Close Button (oben rechts) */
.pswp__button--close{
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;

  width: 44px !important;
  height: 44px !important;
  background: #fff !important;
  border-radius: 6px !important;

  display: grid !important;
  place-items: center !important;

  padding: 0 !important;
  margin: 0 !important;
}

.pswp__button--close::after{
  content:"✕";
  color:#000 !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height: 1 !important;
}

/* ==================== Slider Pfeile (DriveVibe Style) ==================== */

.pswp__button--arrow--left,
.pswp__button--arrow--right{
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 48px !important;
  height: 48px !important;

  background: #ffffff !important;
  border-radius: 6px !important;

  display: grid !important;
  place-items: center !important;

  padding: 0 !important;
  margin: 0 !important;

  box-shadow: none !important;
  border: none !important;
}

/* Position */
.pswp__button--arrow--left{ left: 20px !important; }
.pswp__button--arrow--right{ right: 20px !important; }

/* Pfeilsymbole – optisch mittig */
.pswp__button--arrow--left::after,
.pswp__button--arrow--right::after{
  position: relative !important;
  top: -3px !important;           /* etwas stärker, weil bei dir sichtbar zu tief */

  display: block !important;
  line-height: 1 !important;

  font-size: 42px !important;
  font-weight: 900 !important;
  color: #000000 !important;
}

/* Inhalt der Pfeile */
.pswp__button--arrow--left::after{ content: "‹" !important; }
.pswp__button--arrow--right::after{ content: "›" !important; }

/* Hover */
.pswp__button--close:hover,
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover{
  background:#f2f2f2 !important;
}