/*======================================
Theme Name: FabUi
Theme URI: https://Fabulous.gr
Description: The Fabulous Child Theme for Divi is a versatile and feature-rich solution designed by Fabulous.gr to elevate your Divi-powered website to new heights. This child theme is tailored for businesses, creatives, and developers looking for a seamless and modern design with enhanced functionality.
Version: 2.0
Author: Fabulous Design Studio
Author URI: https://fabulous.gr
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.product-sku {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

.product-availability {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.woocommerce-loop-product__title {
    margin-bottom: 15px;
}

/* Κεντραρισμένα όλα τα στοιχεία */
.woocommerce-loop-product__title,
.woocommerce-loop-product__price,
.product-sku,
.product-availability {
    text-align: center!important;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title
 {
font-size: 1em !important;
}




/* Κεντραρισμένο το κουμπί "Προσθήκη στο Καλάθι" */
.woocommerce .add_to_cart_button {
    display: block;
    margin: 10px auto;
    font-size: 14px !important; /* Μικρότερο μέγεθος */
    padding: 5px 10px; /* Μείωση padding */
    text-align: center;
}

/* Στυλ για την τιμή */
.woocommerce-loop-product__price {
    font-weight: bold;
    color: #000; /* Προσαρμόσιμο χρώμα */
    margin-bottom: 10px;
}

/* Κεντραρισμένη διαθεσιμότητα */
.product-availability {
    margin-bottom: 15px;
}

.product {
      background-color: white;
   /* padding: 15px !important; */
}
.add_to_cart_button {
  width:100%;

}

.woocommerce a.button {
  color: white !important;
  

}

.type-product {
    padding:15px !important;
  }

.woocommerce a.button, .woocommerce-page a.button {
  
    display: block;
    margin: 10px auto;
    font-size: 14px !important; /* Μικρότερο μέγεθος */
    padding: 5px 10px; /* Μείωση padding */
    text-align: center;
    width: 100%;


}


/* script για μονστηλο σε mobile */

@media (max-width: 768px) {
    .products {
        display: flex;
        flex-direction: column;
    }

    .products .product {
        width: 100% !important;
        margin-bottom: 20px; /* Προαιρετικό: για απόσταση μεταξύ των προϊόντων */
        box-sizing: border-box; /* Διασφαλίζει ότι τυχόν padding ή περιθώρια δεν επηρεάζουν το πλάτος */
    }
	
	.et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product {
  width:100% !important;
}
	
	.et_pb_wc_related_products ul.products.columns-4 	li.product   {
  width:100% !important;
}
	
}