/*
 * Heikaya v6.19.1b
 * PRODUCT PAGE ONLY.
 *
 * Changes:
 * - Related Products -> Instagram gap = about 18px.
 * - Related prices centered.
 * - Home button normal text uses Heikaya dark.
 * - Main image magnifier icon uses Heikaya dark.
 *
 * No homepage rules. No product element positions/order changed.
 */

/* Reduce the old 100px product-main bottom padding to a clean 18px handoff. */
body.single-product .site-main,
body.single-product main#main.site-main {
    padding-bottom: 5px !important;
}

/* Do not stack additional bottom spacing inside Related Products. */
body.single-product .related.products {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.single-product .related.products ul.products {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Center every related-product price across the full card width. */
body.single-product .related.products li.product .price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}

body.single-product .related.products li.product .price .amount,
body.single-product .related.products li.product .price bdi,
body.single-product .related.products li.product .price del,
body.single-product .related.products li.product .price ins {
    text-align: center !important;
}

/* Home button: use the site's dark tone instead of the old gold/brown. */
body.single-product .lumiere-product-home {
    color: #15120f !important;
}

/* Keep its existing dark hover background readable. */
body.single-product .lumiere-product-home:hover,
body.single-product .lumiere-product-home:focus {
    color: #fffdf9 !important;
}

/* Main-image magnifier/loop icon: dark Heikaya color. */
body.single-product .woocommerce-product-gallery__trigger.lumiere-zoom-in-stage,
body.single-product .woocommerce-product-gallery__trigger.lumiere-zoom-in-stage .lumiere-zoom-svg {
    color: #15120f !important;
    stroke: #15120f !important;
}

body.single-product .woocommerce-product-gallery__trigger.lumiere-zoom-in-stage .lumiere-zoom-svg circle,
body.single-product .woocommerce-product-gallery__trigger.lumiere-zoom-in-stage .lumiere-zoom-svg path {
    stroke: #15120f !important;
}