/**
 * Frontend CSS for WooCommerce Subscription Linked Products
 * Version: 1.0.0
 */

.subscription-linked-product-notice {
    color: #666;
    font-style: italic;
    font-size: 0.9em;
}

/* Style for linked products in cart - make them look like sub-items */
.cart_item.subscription-linked-product-item {
    background-color: #f9f9f9;
    border-left: 3px solid #ddd;
}

.cart_item.subscription-linked-product-item .product-thumbnail {
    opacity: 0.7;
    padding-left: 20px;
}

.cart_item.subscription-linked-product-item .product-name {
    padding-left: 20px;
    font-size: 0.95em;
}

/* Hide remove button for linked products */
.cart_item.subscription-linked-product-item .product-remove {
    visibility: hidden;
    pointer-events: none;
}

.cart_item.subscription-linked-product-item .product-remove::before {
    content: '—';
    visibility: visible;
    color: #ccc;
}

/* Style the quantity display */
.cart_item.subscription-linked-product-item .linked-product-quantity {
    color: #666;
    font-weight: normal;
}

/* Hide price columns for linked products */
.cart_item.subscription-linked-product-item .product-price,
.cart_item.subscription-linked-product-item .product-subtotal,
.cart_item.subscription-linked-composite-component .product-price,
.cart_item.subscription-linked-composite-component .product-subtotal {
    color: transparent;
    font-size: 0;
    line-height: 0;
}

/* Additional styling for better visual hierarchy */
.cart_item.subscription-linked-product-item td {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Optional: Add a subtle connecting line for better visual grouping */
.cart_item.subscription-linked-product-item:first-of-type {
    border-top: 1px dashed #ddd;
}

/* Mobile responsive adjustments */
@media screen and (max-width: 768px) {
    .cart_item.subscription-linked-product-item .product-thumbnail,
    .cart_item.subscription-linked-product-item .product-name {
        padding-left: 10px;
    }
}

/* Disabled out of stock button styling */
.disabled-out-of-stock {
    background-color: #999 !important;
    cursor: not-allowed !important;
}

.disabled-out-of-stock:hover {
    background-color: #999 !important;
}