/**
 * Product Subtitle Styles
 * 
 * @package Custom_Site_Functions
 * @since 1.0
 */

/* Product subtitle on shop pages */
.product-subtitle.shop-subtitle {
    font-size: 14px;
    color: #666;
    margin: 5px 0 10px 0;
    line-height: 1.4;
    display: block;
    clear: both;
    position: relative;
    z-index: 1;
}

/* Product subtitle on single product page */
.product-subtitle.single-subtitle {
    font-size: 16px;
    color: #555;
    margin: 8px 0 15px 0;
    line-height: 1.5;
    font-weight: 400;
}

/* Ensure subtitle appears after title in various layouts */
.woocommerce ul.products li.product .product-subtitle.shop-subtitle,
.woocommerce-page ul.products li.product .product-subtitle.shop-subtitle {
    order: 2; /* Flexbox ordering */
    -webkit-order: 2;
}

/* Handle grid layouts */
.products .product .woocommerce-loop-product__title + .product-subtitle.shop-subtitle {
    margin-top: 5px;
}

/* Prevent subtitle from overlapping images */
.woocommerce ul.products li.product .product-subtitle.shop-subtitle {
    position: static !important;
    float: none !important;
    width: auto !important;
}

/* Theme compatibility - common selectors */
.product-item .product-subtitle.shop-subtitle,
.product-grid-item .product-subtitle.shop-subtitle,
.wc-product .product-subtitle.shop-subtitle {
    display: block;
    clear: both;
    margin-top: 5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .product-subtitle.shop-subtitle {
        font-size: 13px;
        margin: 3px 0 8px 0;
    }
    
    .product-subtitle.single-subtitle {
        font-size: 15px;
        margin: 6px 0 12px 0;
    }
}