/* ==========================================================
   AllSky IRIS
   ========================================================== */

.allsky-wrapper {

    width:100%;
    text-align:center;
    margin:20px auto;

}

.allsky-image-container{

    display:flex;
    justify-content:center;
    align-items:center;

}

.allsky-thumb{

    width:450px;
    max-width:95%;
    height:auto;

    border-radius:8px;

    box-shadow:0 4px 14px rgba(0,0,0,.25);

    cursor:zoom-in;

    transition:transform .2s;

}

.allsky-thumb:hover{

    transform:scale(1.02);

}

#allsky-status{

    margin-top:10px;

    color:#666;

    font-size:14px;

    font-family:Arial,Helvetica,sans-serif;

}


/* ============================
   Fenêtre plein écran
   ============================ */

#allsky-modal{

    position:fixed;

    left:0;
    top:0;

    width:100vw;
    height:100vh;

    display:none;

    justify-content:center;
    align-items:center;

    background:rgba(0,0,0,.92);

    z-index:999999;

    overflow:hidden;

    cursor:grab;

}

#allsky-large{

    max-width:none;

    max-height:none;

    transform-origin:center center;

    user-select:none;

    -webkit-user-drag:none;

    cursor:grab;

}

#allsky-close{

    position:absolute;

    top:15px;
    right:30px;

    color:white;

    font-size:46px;

    font-weight:bold;

    cursor:pointer;

    z-index:1000001;

}

#allsky-close:hover{

    color:#cccccc;

}


/* Smartphone */

@media(max-width:768px){

.allsky-thumb{

    width:95%;

}

#allsky-status{

    font-size:12px;

}

}