/* Generated bundle: tools/build-runtime-bundles.php */
/* 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;
  }
}
/*
 * En Baba Organizasyon - telefon çekimi medya koruması
 * Amaç: portre telefon foto/video dosyalarının masaüstü lightbox/modal içinde kırpılmasını engellemek.
 * Bu dosya header asset sisteminde sayfa özel CSS'lerinden sonra yüklenir.
 */

:root{
  --enb-phone-media-modal-gutter: clamp(14px, 3vw, 34px);
  --enb-phone-media-radius: 22px;
}

/* Ortak lightbox/modal medya yüzeyleri: hiçbir açık modalda fotoğraf/video cover ile kırpılmasın. */
.enb-food-viewer__stage,
.enb-media-swipe-stage,
.enb-gallery-modal:not(.enb-hostess-gallery-modal) .enb-gallery-modal__dialog,
.dgp-lightbox__stage,
.bando-lightbox__stage,
.fasil-lightbox__stage,
.ebbv__stage,
[class*="lightbox" i] [class*="stage" i],
[class*="modal" i] [data-enb-media-stage],
[class*="viewer" i] [data-food-viewer-stage]{
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
}

.enb-food-viewer__stage img,
.enb-food-viewer__stage video,
.enb-media-swipe-stage img,
.enb-media-swipe-stage video,
.enb-gallery-modal:not(.enb-hostess-gallery-modal) .enb-gallery-modal__dialog img,
#lightboxImg,
#modalImage:not([data-enb-hostess-gallery-image]),
#imgViewer,
#fasilLightboxImg,
.dgp-lightbox__img,
.ebbv__img,
.bando-lightbox img,
.fasil-lightbox img,
[class*="lightbox" i] img,
[class*="modal" i] [data-enb-media-stage] img,
[class*="viewer" i] [data-food-viewer-stage] img,
[class*="lightbox" i] video,
[class*="modal" i] [data-enb-media-stage] video,
[class*="viewer" i] [data-food-viewer-stage] video{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none;
  background:#050505;
}

/* Yemek/ikram ortak galerisi: portre telefon çekimi masaüstünde telefon oranına yakın açılır. */
.enb-food-viewer.is-open{
  align-items:center !important;
  justify-items:center !important;
  padding:var(--enb-phone-media-modal-gutter) !important;
  box-sizing:border-box !important;
}

.enb-food-viewer__shell{
  max-width:calc(100vw - (var(--enb-phone-media-modal-gutter) * 2)) !important;
  max-height:calc(100dvh - (var(--enb-phone-media-modal-gutter) * 2)) !important;
}

.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__shell,
.enb-food-viewer.is-enb-video-active.is-enb-phone-media-active .enb-food-viewer__shell{
  width:min(520px, calc(100vw - 28px)) !important;
  height:auto !important;
  max-height:calc(100dvh - 28px) !important;
  grid-template-rows:auto auto auto !important;
  gap:10px !important;
  padding:calc(54px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom)) !important;
}

.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__stage{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:calc(100dvh - 150px - env(safe-area-inset-bottom)) !important;
  padding:10px !important;
  overflow:hidden !important;
  border-radius:var(--enb-phone-media-radius) !important;
}

.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__stage img,
.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__stage video{
  max-width:100% !important;
  max-height:calc(100dvh - 172px - env(safe-area-inset-bottom)) !important;
  border-radius:18px !important;
}

.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__caption,
.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__dots{
  width:100% !important;
  max-width:520px !important;
  margin-inline:auto !important;
}

.enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__close{
  top:calc(10px + env(safe-area-inset-top)) !important;
  right:10px !important;
}

/* Global swipe/lightbox: JS portre medya algıladığında aynı güvenli kabuk uygulanır. */
.enb-media-swipe-modal.is-open.is-enb-phone-media-active{
  padding:var(--enb-phone-media-modal-gutter) !important;
  box-sizing:border-box !important;
}

.enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-shell{
  width:min(520px, calc(100vw - 28px)) !important;
  height:auto !important;
  max-width:calc(100vw - 28px) !important;
  max-height:calc(100dvh - 28px) !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}

.enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-stage{
  width:100% !important;
  height:auto !important;
  max-height:calc(100dvh - 96px - env(safe-area-inset-bottom)) !important;
  overflow:hidden !important;
  border-radius:var(--enb-phone-media-radius) !important;
}

.enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-stage img,
.enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-stage video{
  max-width:100% !important;
  max-height:calc(100dvh - 108px - env(safe-area-inset-bottom)) !important;
}

.enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-close{
  top:-18px !important;
  right:-18px !important;
}

/* Eski tekil galeri modalı: dondurma gibi sayfa özel JS kullanan modalda da kırpma olmasın. */
.enb-gallery-modal:not(.enb-hostess-gallery-modal){
  padding:clamp(12px, 3vw, 28px) !important;
  box-sizing:border-box !important;
}

.enb-gallery-modal:not(.enb-hostess-gallery-modal) .enb-gallery-modal__dialog{
  width:min(560px, calc(100vw - 24px)) !important;
  max-height:calc(100dvh - 24px) !important;
  display:grid !important;
  grid-template-rows:minmax(0, auto) auto !important;
  overflow:hidden !important;
}

.enb-gallery-modal:not(.enb-hostess-gallery-modal) .enb-gallery-modal__dialog img{
  justify-self:center !important;
  max-height:calc(100dvh - 92px) !important;
}

@media (min-width:901px){
  .enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__prev{left:-58px !important;}
  .enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__next{right:-58px !important;}
  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-prev{left:-64px !important;}
  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-next{right:-64px !important;}
}

@media (max-width:900px){
  .enb-food-viewer.is-open,
  .enb-media-swipe-modal.is-open{
    padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  }

  .enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__shell,
  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-shell{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
  }

  .enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__stage,
  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-stage{
    max-height:calc(100dvh - 144px - env(safe-area-inset-bottom)) !important;
    border-radius:18px !important;
  }

  .enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__stage img,
  .enb-food-viewer.is-enb-phone-media-active .enb-food-viewer__stage video,
  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-stage img,
  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-stage video{
    max-height:calc(100dvh - 154px - env(safe-area-inset-bottom)) !important;
  }

  .enb-media-swipe-modal.is-enb-phone-media-active .enb-media-swipe-close{
    top:10px !important;
    right:max(10px, env(safe-area-inset-right)) !important;
  }
}
