/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
Template: bb-theme
*/

/* ========================================
   COLLECTION SUBTITLE STYLING
   ======================================== */

.collection-subtitle {
    display: block !important;
    clear: both;
    color: #999999 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left !important;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.5px !important;
    margin: 0 0 10px 10px !important;
    padding: 0 !important;
}

/* ========================================
   COLLECTION VIEWING-ROOM LAYOUT
   ======================================== */

.woocommerce ul.products {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce ul.products li.product {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4rem 0 !important;
    padding: 0 0 4rem 0 !important;
    border-bottom: 1px solid #f0f0f0;
    float: none !important;
    clear: both !important;
}

.woocommerce ul.products li.product:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    margin: 0 0 1.5rem 0;
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    display: block !important;
    margin: 1rem 0 0.75rem 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #222 !important;
    clear: both;
}

.woocommerce ul.products li.product .price {
    display: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__meta,
.woocommerce ul.products li.product p.excerpt {
    display: block !important;
    margin: 0.75rem 0 1.25rem 0 !important;
    padding: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #666 !important;
    clear: both;
}

.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-product-rating {
    display: none !important;
}

.woocommerce ul.products li.product .button {
    display: inline-block !important;
    margin: 0.5rem 0 0 0 !important;
    padding: 0 0 3px 0 !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
    color: #333 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

.woocommerce ul.products li.product .button:hover {
    color: #000 !important;
    border-bottom-color: #000 !important;
    background: none !important;
}

.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-catalog-ordering {
    display: none !important;
}

.woocommerce-products-header {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e8e8e8;
}

.woocommerce-products-header h1 {
    margin: 1.5rem 0 0 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.woocommerce-products-header p {
    margin: 1rem 0 0 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        margin-bottom: 3rem;
        padding-bottom: 3rem;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2 {
        font-size: 1.2rem !important;
    }

    .woocommerce-products-header h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        margin-bottom: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .woocommerce-products-header h1 {
        font-size: 1.3rem;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2 {
        font-size: 1.1rem !important;
    }
}

/* ========================================
   ADD YOUR CUSTOM STYLES BELOW
   ======================================== */