/* Global gallery / slider arrow normalization
   Purpose: make previous/next icons visually centered and consistent
   across lightboxes, concept carousels, and media modals. */

:root{
  --enb-arrow-fg:#ffffff;
  --enb-arrow-fg-dark:#0f172a;
  --enb-arrow-size: 26px;
  --enb-arrow-size-lg: 30px;
}

/* Common reset for navigation arrow buttons */
#prevMedia,
#nextMedia,
.enb-concept-media-nav,
.enb-concept-modal-nav,
.dgp-lightbox__nav,
.bando-lightbox__nav,
[class*="lightbox__nav--prev"],
[class*="lightbox__nav--next"],
[data-gallery-prev],
[data-gallery-next]{
  position: absolute;
  display: inline-grid !important;
  place-items: center !important;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 0 !important; /* hide raw glyph and replace via pseudo */
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  padding: 0 !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  overflow: hidden;
}

#prevMedia::before,
#nextMedia::before,
.enb-concept-media-nav::before,
.enb-concept-modal-nav::before,
.dgp-lightbox__nav::before,
.bando-lightbox__nav::before,
[class*="lightbox__nav--prev"]::before,
[class*="lightbox__nav--next"]::before,
[data-gallery-prev]::before,
[data-gallery-next]::before{
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--enb-arrow-size);
  font-weight: 700;
  line-height: 1;
  transform: translateY(-1px);
  pointer-events: none;
  color: inherit;
}

#prevMedia::before,
.enb-concept-media-prev::before,
.enb-concept-modal-prev::before,
.dgp-lightbox__nav--prev::before,
.bando-lightbox__nav.prev::before,
[class*="lightbox__nav--prev"]::before,
[data-gallery-prev]::before{
  content: '‹';
}

#nextMedia::before,
.enb-concept-media-next::before,
.enb-concept-modal-next::before,
.dgp-lightbox__nav--next::before,
.bando-lightbox__nav.next::before,
[class*="lightbox__nav--next"]::before,
[data-gallery-next]::before{
  content: '›';
}

/* Button-specific visual tuning */
#prevMedia,
#nextMedia{
  color: var(--enb-arrow-fg) !important;
}
#prevMedia::before,
#nextMedia::before{
  font-size: var(--enb-arrow-size-lg);
}

.enb-concept-media-nav,
.enb-concept-modal-nav{
  transform: translateY(-50%) !important;
}
.enb-concept-media-nav::before,
.enb-concept-modal-nav::before{
  color: currentColor;
}
.enb-concept-modal-nav::before{
  font-size: 34px;
}

.dgp-lightbox__nav,
.bando-lightbox__nav,
[class*="lightbox__nav--prev"],
[class*="lightbox__nav--next"]{
  color: var(--enb-arrow-fg-dark) !important;
}

/* Small screens */
@media (max-width: 767.98px){
  #prevMedia::before,
  #nextMedia::before,
  .enb-concept-media-nav::before,
  .enb-concept-modal-nav::before,
  .dgp-lightbox__nav::before,
  .bando-lightbox__nav::before,
  [class*="lightbox__nav--prev"]::before,
  [class*="lightbox__nav--next"]::before,
  [data-gallery-prev]::before,
  [data-gallery-next]::before{
    font-size: 24px;
    transform: translateY(-1px);
  }

  .enb-concept-modal-nav::before{
    font-size: 28px;
  }
}