/* ==========================================================================
   Woo Set Products — Frontend Styles
   ========================================================================== */

/* --- Set Badge (Product Loop) --- */
.wsp-set-badge {
    display: inline-block;
    background: #007cba;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 3px;
    margin-bottom: 6px;
}

/* --- Set Badge (Single Product Page) --- */
.wsp-set-badge-single {
    display: inline-block;
    background: #007cba;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 12px;
}

/* --- Set Contents List --- */
.wsp-set-contents {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #007cba;
    border-radius: 4px;
    padding: 14px 18px;
    margin: 16px 0;
}

.wsp-set-contents h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1d2327;
}

.wsp-set-contents-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
}

.wsp-set-contents-list .wsp-set-item {
    font-size: 13px;
    color: #3c434a;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 4px 10px;
}

/* --- Stock Notice --- */
.wsp-stock-notice {
    font-size: 13px;
    font-weight: 600;
    padding: 4px 0;
    margin: 4px 0 12px;
}

.wsp-stock-notice.in-stock {
    color: #46b450;
}

.wsp-stock-notice.low-stock {
    color: #f56e28;
}

.wsp-stock-notice.out-of-stock {
    color: #dc3232;
}

/* --- Cart Item Set Details --- */
.woocommerce-cart-form .wsp-set-badge,
.cart_item .wsp-set-badge {
    font-size: 10px;
    padding: 2px 6px;
}

/* --- Responsive --- */
@media ( max-width: 768px ) {
    .wsp-set-contents-list {
        flex-direction: column;
        gap: 4px;
    }
}