/*
 * ZINI Metabase UI overrides
 * Product Page - large centered product image
 */

img[src*="ziniboutique.com/Images/Products/"] {
    width: auto !important;
    height: 550px !important;

    max-width: 95% !important;
    max-height: 550px !important;

    object-fit: contain !important;

    display: block !important;
    margin: 12px auto !important;
}

/* Center the table cell that contains a product image */
td:has(img[src*="ziniboutique.com/Images/Products/"]) {
    text-align: center !important;
    vertical-align: middle !important;
    height: 580px !important;
}

/* Center wrappers around the image */
div:has(> img[src*="ziniboutique.com/Images/Products/"]) {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Hide the table header only on ZINI product-photo tables */
table:has(img[src*="ziniboutique.com/Images/Products/"]) thead {
    display: none !important;
}