/* Style product cards */
.woocommerce ul.products li.product {
background-color: #333; /* Dark background for contrast */
border-radius: 10px; /* Rounded corners */
padding: 0; /* Remove padding to allow image to cover top fully */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for card effect */
margin: 10px; /* Space between cards */
transition: transform 0.2s; /* Hover effect */
overflow: hidden; /* Ensure image respects border-radius */
}
/* Make product image cover full top of card */
.woocommerce ul.products li.product a img {
width: 100%; /* Full width */
height: 200px; /* Fixed height, adjust as needed */
object-fit: cover; /* Crop image to fill area */
border-top-left-radius: 10px; /* Match card’s top corners */
border-top-right-radius: 10px; /* Match card’s top corners */
margin: 0; /* Remove any default margins */
}
/* White text for product title, price, and button */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
color: white !important;
}
/* Add padding to content below image */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
padding: 0 15px; /* Add padding to text/button area */
}
/* Button styling (optional for better appearance) */
.woocommerce ul.products li.product .button {
margin: 10px 15px; /* Spacing for button */
}
/* Optional: Hover effect for cards */
.woocommerce ul.products li.product:hover {
transform: translateY(-5px); /* Slight lift on hover */
}
/* Ensure the grid layout remains intact */
.woocommerce ul.products {
flex-wrap: wrap;
gap: 20px;
}
.single-product .quantity {
display: none !important;
}
.single-product .yay-currency-single-page-switcher {
display: none !important;
}
.single-product .ppom-wrapper .table th, .ppom-wrapper .table {
display: none !important;
}
.yaydp-sale-tag{
display: none !important;
}
.entry-title {
color: white !important;
}
.price {
color: white !important;
}
.woocommerce-product-details__short-description {
color: white !important;
}
.woocommerce-tabs {
color: white !important;
}
.woocommerce-tabs .wc-tabs-wrapper{
color: white !important;
}
h2 {
color: white !important;
}
.rt-detail {
background-color: #212f3d;
}
.wp-block-search__input {
background-color: #1F2937 !important;
border:none !important;
border-radius:5px !important;
}
tr {
color:white
}
.woocommerce-billing-fields{
color:white
}
.woocommerce-checkout-review-order {
color:white
}
.woocommerce-order{
color:white
}