/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Template: bridge
Author: Qode Interactive
Author URI: http://qodethemes.com/
Description: Creative Multipurpose WordPress Theme
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-menu,featured-images,flexible-header,post-formats,sticky-post,threaded-comments,translation-ready
Version: 27.8.1759806595
Updated: 2025-10-07 16:09:55

*/

/* Use the product image container as positioning context */
.top-product-section {
    position: relative;
}

/* VIEW MORE button: initially hidden & centered over the image */
.top-product-section .view-more-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;         /* don't block clicks when hidden */
    z-index: 5;

    /* Optional: smooth animation */
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Show the button when hovering the image area */
.top-product-section:hover .view-more-button {
    opacity: 1;
    pointer-events: auto;         /* clickable when visible */
    transform: translate(-50%, -50%);
}

/* Optional: dim the image slightly on hover to make the button pop */
.top-product-section:hover .image-wrapper img {
    opacity: 0.4;
    transition: opacity 0.2s ease;
}