/*
Theme Name: Adena Child
Theme URI: http://www.wpbingosite.com/adena
Author: wpbingo
Description: This is a child theme for Adena
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: adena
Text Domain: adena-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* ================================================
   ORNATE - PRODUCT IMAGE & SPACING FIX v3
   Uses exact WPBingo theme selectors with !important
   Fixes: Stretched images + Image-Title spacing gap
   ================================================ */

/* === FIX 1: Image container - uniform 3:4 aspect ratio === */
/* Match exact theme selectors for max specificity */
.products-list .product-wapper .products-thumb,
.products-list.grid .product-wapper .products-thumb,
.content-products .product-wapper .products-thumb,
.item-product .products-entry .products-thumb {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 133.33% !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
    vertical-align: top !important;
}

/* === FIX 2: Thumb hover div fills the container === */
.products-list .product-wapper .products-thumb .product-thumb-hover,
.products-list.grid .product-wapper .products-thumb .product-thumb-hover,
.content-products .product-wapper .products-thumb .product-thumb-hover,
.item-product .products-entry .products-thumb .product-thumb-hover {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    display: block !important;
}

/* === FIX 3: Images fill container with cover (no stretch) === */
.products-list .product-wapper .products-thumb .product-thumb-hover img,
.products-list .product-wapper .products-thumb .product-thumb-hover .wp-post-image,
.products-list .product-wapper .products-thumb .product-thumb-hover .hover-image,
.products-list.grid .product-wapper .products-thumb .product-thumb-hover img,
.content-products .product-wapper .products-thumb .product-thumb-hover img,
.item-product .products-entry .products-thumb .product-thumb-hover img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    max-width: none !important;
}

/* === FIX 4: Reduce gap between image and product title === */
.products-list .product-wapper .products-content,
.products-list.grid .product-wapper .products-content,
.content-products .product-wapper .products-content,
.item-product .products-entry .products-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* === FIX 5: Mobile responsive === */
@media (max-width: 768px) {
    .products-list .product-wapper .products-thumb,
    .products-list.grid .product-wapper .products-thumb,
    .content-products .product-wapper .products-thumb {
        padding-bottom: 133.33% !important;
        margin-bottom: 6px !important;
    }
}

@media (max-width: 480px) {
    .products-list .product-wapper .products-thumb,
    .products-list.grid .product-wapper .products-thumb {
        margin-bottom: 5px !important;
    }
}