/**
 * Show Stock on Shop Page Styles
 * Version: 1.1
 * Author: Tyria Tech
 */

.tt-stock-info {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.4;
}

.tt-stock-info .stock-status {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
}

/* In Stock Status */
.tt-stock-info .stock-status.in-stock {
    color: #2e7d32;
    background-color: #e8f5e9;
    border: 1px solid #a5d6a7;
}

/* Out of Stock Status */
.tt-stock-info .stock-status.out-of-stock {
    color: #c62828;
    background-color: #ffebee;
    border: 1px solid #ef9a9a;
}

/* Backorder Status */
.tt-stock-info .stock-status.on-backorder {
    color: #f57c00;
    background-color: #fff3e0;
    border: 1px solid #ffcc80;
}

/* Stock quantity emphasis */
.tt-stock-info .stock-status strong {
    font-weight: 600;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .tt-stock-info {
        margin: 8px 0;
        font-size: 13px;
    }
    
    .tt-stock-info .stock-status {
        padding: 3px 8px;
        font-size: 12px;
    }
}

/* Additional styling for better integration with WooCommerce themes */
.woocommerce ul.products li.product .tt-stock-info {
    text-align: center;
    clear: both;
}

/* Compatibility with common WooCommerce themes */
.storefront ul.products li.product .tt-stock-info,
.oceanwp ul.products li.product .tt-stock-info,
.astra ul.products li.product .tt-stock-info {
    margin-top: 10px;
}