/* Uludağ Popup v2 – Frontend CSS */

/* ── OVERLAY ─────────────────────────────── */
#uludag-popup-overlay{
  position:fixed;inset:0;z-index:999999;
  display:flex;align-items:center;justify-content:center;
}
#uludag-popup-overlay[data-position="bottom-left"]{
  background:transparent!important;
  align-items:flex-end;justify-content:flex-start;
  padding:24px;pointer-events:none;
}
#uludag-popup-overlay[data-position="bottom-right"]{
  background:transparent!important;
  align-items:flex-end;justify-content:flex-right;
  padding:24px;pointer-events:none;
}
#uludag-popup-overlay[data-position="bottom-left"] #uludag-popup-box,
#uludag-popup-overlay[data-position="bottom-right"] #uludag-popup-box{
  pointer-events:all;
}

/* ── POPUP BOX ───────────────────────────── */
#uludag-popup-box{
  border-radius:16px;overflow:hidden;
  box-shadow:0 25px 80px rgba(0,0,0,.45);
  background-color:#1a1a2e;
  position:relative;
}

.uludag-video-wrapper iframe {
  border: none;
}

.uludag-video-cover{
  position:absolute;inset:0;z-index:6;
  background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;
  opacity:1;
  transition:opacity .25s ease;
}
.uludag-video-cover.is-hiding{opacity:0;pointer-events:none}
.uludag-video-cover::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.55));
}
.uludag-video-play{
  position:relative;z-index:7;
  width:84px;height:84px;border-radius:50%;
  border:0;
  background:rgba(0,0,0,.55);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  cursor:pointer;
  animation:uludagPulse 1.8s ease-in-out infinite;
  transform:translateZ(0);
}
.uludag-video-play::before{
  content:"";
  position:absolute;left:50%;top:50%;
  transform:translate(-38%,-50%);
  width:0;height:0;
  border-top:14px solid transparent;
  border-bottom:14px solid transparent;
  border-left:22px solid rgba(255,255,255,.95);
}
.uludag-video-play:hover{background:rgba(0,0,0,.75);transform:scale(1.05)}

@keyframes uludagPulse{
  0%{box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 0 rgba(255,255,255,.18)}
  70%{box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 18px rgba(255,255,255,0)}
  100%{box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 0 rgba(255,255,255,0)}
}

@media (prefers-reduced-motion: reduce){
  .uludag-video-cover{transition:none}
  .uludag-video-play{animation:none}
}

/* ── KAPAT BUTONU ────────────────────────── */
#uludag-popup-close{
  position:absolute;top:12px;right:12px;
  width:34px;height:34px;border-radius:50%;
  border:2px solid rgba(255,255,255,.7);
  background:rgba(0,0,0,.45);
  cursor:pointer;font-size:15px;
  display:flex;align-items:center;justify-content:center;
  transition:.2s;z-index:10;backdrop-filter:blur(4px);
}
#uludag-popup-close:hover{background:rgba(0,0,0,.75);transform:scale(1.1)}

/* ── İÇERİK KATMANI ──────────────────────── */
#uludag-popup-content{
  position:absolute;bottom:0;left:0;right:0;
  padding:32px 24px 24px;
  background:linear-gradient(transparent,rgba(0,0,0,.88));
  z-index:2;pointer-events:none;
}
#uludag-popup-title{
  font-size:20px;font-weight:700;
  margin:0 0 8px;line-height:1.3;
  font-family:inherit;
}
#uludag-popup-body{
  font-size:14px;line-height:1.6;
  margin:0 0 16px;
}
#uludag-popup-cta{
  pointer-events:all;display:inline-block;
  padding:10px 24px;border-radius:8px;
  font-size:14px;font-weight:700;
  text-decoration:none;transition:opacity .2s,transform .2s;
  position:relative;z-index:3;
}
#uludag-popup-cta:hover{opacity:.88;transform:translateY(-1px)}

/* ── ANİMASYONLAR ────────────────────────── */
[data-animation="fade"]         #uludag-popup-box{animation:upFade       .4s ease}
[data-animation="slide-left"]   #uludag-popup-box{animation:upSlideLeft  .4s ease}
[data-animation="slide-right"]  #uludag-popup-box{animation:upSlideRight .4s ease}
[data-animation="slide-top"]    #uludag-popup-box{animation:upSlideTop   .4s ease}
[data-animation="slide-bottom"] #uludag-popup-box{animation:upSlideBottom .4s ease}
[data-animation="zoom"]         #uludag-popup-box{animation:upZoom .4s cubic-bezier(.34,1.56,.64,1)}

@keyframes upFade        {from{opacity:0}to{opacity:1}}
@keyframes upSlideLeft   {from{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:none}}
@keyframes upSlideRight  {from{opacity:0;transform:translateX(80px)} to{opacity:1;transform:none}}
@keyframes upSlideTop    {from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:none}}
@keyframes upSlideBottom {from{opacity:0;transform:translateY(80px)} to{opacity:1;transform:none}}
@keyframes upZoom        {from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}

/* ── KAPANMA ─────────────────────────────── */
#uludag-popup-overlay.closing{animation:upOverlayOut .3s ease forwards}
#uludag-popup-overlay.closing #uludag-popup-box{animation:upBoxOut .28s ease forwards}
@keyframes upOverlayOut{from{opacity:1}to{opacity:0}}
@keyframes upBoxOut     {from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}