/*
 * 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;
  }
}