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

/*************************HEADER*********************/

.bwp-header .wpbingoLogo img {
    max-height: initial!important;
    width: 280px!important;
}

.bwp-navigation ul>li.level-0>a{
   font-size:20px!important;
}

.bwp-header.header-v1 .header-wrapper {
    padding: 10px 0!important;
}

.bwp-header .content-header {
    align-items: flex-end!important;
}

.wpbingo-menu-mobile.header-menu{
    margin-bottom: 10px;
}

.header-right{
    height: 80px!important;
	padding-bottom: 14px;
	    align-items: flex-end!important;
}

.star-rating:before {
    color: #c0c0c0!important;
}

.bwp-brand.default2 .item-image img {
    max-height: 100px!important;
}

/* Conteneur carré pour chaque produit */
.products-entry .products-thumb {
    position: relative!important;
    width: 100%!important;
    overflow: hidden!important;
}

/* On force le ratio 1:1 avec un pseudo-élément */
.products-entry .products-thumb::before {
    content: ""!important;
    display: block!important;
    padding-top: 100%!important; /* 100% de la largeur = carré parfait */
}

/* Le lien ou le hover prend la taille du carré */
.products-entry .products-thumb a,
.products-entry .products-thumb .product-thumb-hover {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
}

/* Les images s’adaptent dans le carré */
.products-entry .products-thumb img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important; /* ou cover si tu veux remplir */
}

.products-list.grid .product-wapper .products-thumb .product-thumb-hover .hover-image {
    -webkit-transition: all .5s 
ease!important;
    transition: all .5s 
ease!important;
}