/*
    Colorbox Core Style: (Ortalama ve Temel Yapı)
    -------------------------------------------------------
*/
#colorbox, #cboxOverlay, #cboxWrapper{
    position:absolute; top:0; left:0; z-index:9999; overflow:hidden; 
    
}
#cboxWrapper {
    max-width:none;
    /* YENİ EK: Tam yüksekliği zorlamak ve taşmayı engellemek için */
    height: 100% !important; 
    max-height: 100% !important;
    
}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position: relative;
height: 100% !important; /* YÜKSEKLİĞİ ZORLA */
 
    overflow:visible; 
    background:transparent;
    margin-top:0px;
}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;


    height: 100% !important; /* YENİ: Yüksekliği zorla %100 yap */
    padding: 0; 
    background:transparent;
}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* KRİTİK FOTOĞRAF STİLİ */
.cboxPhoto{
    float:left; margin:auto; border:0; display:block; 
    max-width: 100% !important; 
    max-height: 100% !important;
    -ms-interpolation-mode:bicubic;
    object-fit: contain; /* Görselin ekranı taşmadan sığmasını sağlar */
}

/* .cboxIframe{width:100vh; height:50vh; display:block; border:0; padding:0; margin:0;  max-width: 100% !important; 
    max-height: 100% !important;} */

    .cboxIframe {
    width: 90vw;                /* Genişliği ekranın %90'ı yap (viewport width) */
    height: 40vw;               /* Yükseklik videonun oranına göre otomatik */
    max-width: 100% !important; 
    max-height: 100vh !important;/* Ekran yüksekliğinin %90’ını geçmesin */
    display: block;
    border: 0;
    padding: 0;
    margin: 0 auto;             /* Ortala */
    object-fit: contain;        /* Video taşmadan sığsın */
    margin-top: 10vh
}



#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/* User Style: (Butonların Görünürlüğü ve Tema)
    --------------------------------------
*/
/* Arka planı koyu ve hafif şeffaf yapın */
#cboxOverlay{background:#9e9e9e; opacity: 0.55; filter: alpha(opacity = 95);} 
#colorbox{
    outline:0;
    /* YENİ EK: Tam yüksekliği zorlamak için */
    height: 100% !important;
    max-height: 100% !important;
    margin-top: -500px
    
    
}

/* İçerik kutusunu şeffaf yapın ve dolguyu kaldırın */
#cboxContent{margin-top:0px; overflow:visible; background:transparent;} 
#cboxLoadedContent{background:transparent; padding:0;} 

#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:transparent;} 
#cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* *** KAPATMA İKONU VE DİĞER KONTROLLERİN STİLİ *** */
/* Bu öğeler butonlardır ve controls.png dosyasını kullanır. */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    border:0; padding:0; margin:0; overflow:visible; 
    text-indent:-9999px; /* Metni gizle (Sadece ikon görünsün) */
    width:25px; height:25px; /* İkonun boyutunu ayarla */
    position:absolute; 
    background:url(../images/controls.png) no-repeat 0 0; /* controls.png dosyasını çağırır */
}
        
/* Butonların yerleşimi */
#cboxClose{
    background-position:-50px 0px; /* controls.png içindeki Kapatma ikonunun konumu */
    right:5px; /* Sağ kenara 5px mesafe */
    top:5px;   /* Üst kenara 5px mesafe */
    z-index: 10001;
    text-indent: -9999px; /* İkon göründüğü için metin gizleme kuralını kaldırmalıyız */
}
#cboxClose:hover{background-position:-50px -25px;} /* Hover durumu */

/* Gerekli diğer butonların yerleşimi */
#cboxPrevious{background-position:0px 0px; left:0;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:0;}
#cboxNext:hover{background-position:-25px -25px;}

/* Başlıkları gizle (Sadece fotoğraf odaklı kullanım için) */
#cboxTitle, #cboxCurrent { display: none; }