/**********************************************---***********************
    File name: page-gallery.css
    Site: villasbysilvia3

    Copyright 2024 Michael J. Miller, All rights reserved

    Purpose: layout of high res picture viewer

    Revision History:
    Date        Version     Details
    --------    --------    --------------------------------------------
    5/6/24      3.0a        created.

************************************************************************/
@layer page {
    #photo-viewer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        box-sizing: border-box;
        margin-top: .5em;
    }
    #back-link {
        position: fixed;
        left: 0;
        margin-left: 1rem;
        background-color: #000;
        color: #fff;
        padding: 2px .25rem;
        border-radius: 4px;
        border: none;
        z-index: 3;
    }
    figure.portrait {
        grid-row: span 2;
    }
    figure {
        margin: 0;
    /*    border: thin dotted red;*/
    }
    figcaption {
    /*    text-align: center;*/
        font-size: small;
        padding: 2px 6px;
    /*    color: white;*/
    /*    margin-top: .25em;*/
        margin-left: auto;
        margin-right: auto;
        position: relative;
        bottom: 2em;
        background-color: white;
        width: min-content;
        white-space: nowrap;
        border-radius: 4px;
    }
    figure img {
        min-width: 100%;
        min-height: 100%;
    }

    #photo-viewer img {
        border-radius: 8px;
        max-width: 100%;
        object-fit: cover;
    }
}