/*
 * MV Collector Gallery
 * Popup Mobile v2.0
 * Endast layoutändringar. Bildregler lämnas åt popup.css.
 */

/* Dölj mobilnavigering som standard */
.mvcg-popup-footer-mobile{
    display:none;
}

@media (max-width:900px){

    .mvcg-popup-window{
        width:calc(100vw - 16px);
        max-width:none;
        max-height:calc(100vh - 16px);
        overflow-y:auto;
    }

    .mvcg-popup-content{
        display:flex;
        flex-direction:column;
        padding:16px;
        padding-bottom:90px;
        gap:18px;
    }

    /* Viktigt: ändra inte img-reglerna */
    .mvcg-popup-image{
        width:100%;
        flex:none;
    }

    .mvcg-popup-details{
        width:100%;
        max-width:none;
        min-width:0;
        flex:none;
        padding:0;
    }

    .mvcg-popup-bottom{
        display:flex;
        flex-direction:column;
        gap:18px;
    }

    .mvcg-popup-place-panel,
    .mvcg-popup-extra-panel{
        width:100%;
        flex:none;
    }

    .mvcg-popup-ad{
        display:none;
    }


    /* Mobilannons */
    .mvcg-popup-ad-mobile{
        display:block;
        margin:30px auto 20px;
        text-align:center;
        width:100%;
    }

    .mvcg-popup-ad-mobile ins{
        display:block;
        margin:0 auto;
    }

    /* Desktoppilar döljs */
    .mvcg-popup-footer{
        display:none;
    }

    /* Mobilpilar */
    .mvcg-popup-footer-mobile{
        display:flex;
        justify-content:center;
        gap:24px;
        margin-top:20px;
        margin-bottom:20px;
        padding-top:16px;
        border-top:1px solid rgba(255,255,255,.12);
    }

    .mvcg-popup-footer-mobile .mvcg-popup-prev,
    .mvcg-popup-footer-mobile .mvcg-popup-next{
        position:static;
        transform:none;
        margin:0;
    }
}

@media (max-width:600px){

    .mvcg-popup-header{
        padding:8px 52px 12px;
    }

    .mvcg-popup-header h2{
        font-size:1.5rem;
    }

    .mvcg-popup-content{
        padding:12px;
        gap:14px;
    }

    .mvcg-popup-table th{
        width:135px;
        font-size:.72rem;
    }

    .mvcg-popup-table td{
        font-size:.88rem;
    }

    .mvcg-popup-share-icons{
        gap:10px;
    }
}