/*
Theme Name: Creativo Child
Theme URI: https://themeforest.net/item/creativo-responsive-multipurpose-theme/4716204
Description: Child theme for Creativo
Author: Usman Malick
Template: creativo
Version: 1.0
*/

.inside_prod .product_buttons_wrap .add_to_cart_button .product_type_simple .ajax_add_to_cart {
    display: none !important;
}

/* PRODUCT CARD CONTAINER */
.custom-product-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px 10px !important;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

.custom-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.10);
}

/* MAIN IMAGE */
.product-image-wrap img {
    width: 100%;
    border-radius: 12px;
    display: block;
}

/* GALLERY THUMBNAILS */
.product-gallery-thumbs {
    display: flex;
    justify-content: center;
    gap: 10px;                     /* more space between thumbnails */
    margin-top: 10px;              /* space from main image */
    margin-bottom: 10px;           /* space before title */
}
.gallery-thumb {
	border-radius: 100% !important;
}

.product-gallery-thumbs img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100% !important;            /* ROUND thumbnails */
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.85;
    transition: all 0.25s ease;
}

.product-gallery-thumbs img:hover {
    opacity: 1;
    border-color: #000;
    transform: scale(1.08);
}

/* PRODUCT TITLE */
.product-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 10px 5px;
}

.product-title a {
    color: #111;
    text-decoration: none;
}



/* GRID REFINEMENT */
.woocommerce ul.products {
    gap: 20px;
}

.product-actions{
  display:flex;
  gap:10px;
  align-items:center;
}

.get-quote-btn{
	background-color: #440A4D !important;
	color:#ffffff; 
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:8px;
  text-decoration:none;
}

.action-icon{
  width:35px;
  height:35px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  text-decoration:none;
}
.action-icon svg{ display:block; }