/**
* Theme Name: Maia Child
* Description: This is a child theme for Maia
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 1.1.20
* Template: maia
*/


/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* Reduce product grid container width */
.container, 
.woocommerce-page .content-area {
    max-width: 1200px;   /* adjust as needed */
    margin: 0 auto;      /* center the container */
    padding-left: 20px;  /* space on left */
    padding-right: 20px; /* space on right */
}

/* Optional: reduce product box size */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 28%;       /* instead of default ~33% for 3-column */
    margin: 1%;       /* spacing between items */
}

/* Maia Products Tab - product card styling */
.maia-products-tab .product {
    border: 1px solid #ddd;       /* Light grey border */
    border-radius: 10px;          /* Rounded corners */
    padding: 15px;                /* Inner spacing */
    background: #fff;             /* White background */
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

/* Hover effect */
.maia-products-tab .product:hover {
    border-color: #ff6600;        /* Highlight border on hover */
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    transform: translateY(-4px);  /* Lift effect */
}

/* Product image adjustments */
.maia-products-tab .product img {
    border-radius: 8px;           /* Rounded product images */
    margin-bottom: 10px;
}