/**
 * Ticket Force Sells - Display Styles
 *
 * Styles for cart, mini-cart, and checkout display of force sell products.
 *
 * @package Ticket_Force_Sells
 * @since   1.0.0
 */

/* ==========================================================================
   Linked Badge
   Badge displayed next to synced product names.
   ========================================================================== */

.tfs-linked-badge {
	display: inline-block;
	background-color: #f0f0f1;
	color: #50575e;
	font-size: 11px;
	font-weight: 500;
	padding: 2px 6px;
	border-radius: 3px;
	margin-left: 5px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* ==========================================================================
   Synced Product Row
   Styling for synced product rows in cart table.
   ========================================================================== */

.woocommerce-cart-form .tfs-synced-product {
	background-color: #fafafa;
}

/* Visual connection indicator (arrow) for parent-child relationship */
.woocommerce-cart-form .tfs-synced-product td.product-name::before {
	content: "\21B3"; /* ↳ arrow character */
	display: inline-block;
	margin-right: 8px;
	color: #999;
	font-size: 14px;
}

/* Subtle border for synced items */
.woocommerce-cart-form .tfs-synced-product td {
	border-left: 2px solid #ddd;
}

.woocommerce-cart-form .tfs-synced-product td:first-child {
	border-left: 2px solid #0073aa;
}

/* Hide remove link for synced items (CSS backup) */
.tfs-synced-product .product-remove a {
	visibility: hidden;
}

/* ==========================================================================
   Synced Quantity Display
   Non-editable quantity display for synced items.
   ========================================================================== */

.tfs-synced-quantity {
	display: inline-block;
	padding: 6px 12px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #666;
	font-weight: 500;
	min-width: 40px;
	text-align: center;
}

/* ==========================================================================
   Item Data (Variation Display)
   Styling for "Linked to: X" and other item data.
   ========================================================================== */

.woocommerce-cart-form .tfs-forced-product dl.variation dt,
.woocommerce-cart-form .tfs-forced-product dl.variation dd {
	font-size: 12px;
	color: #666;
}

/* ==========================================================================
   Mini-Cart
   Linked indicator in mini-cart widget.
   ========================================================================== */

.tfs-mini-cart-linked {
	display: block;
	font-size: 10px;
	color: #888;
	font-style: italic;
	margin-top: 2px;
}

/* ==========================================================================
   Checkout
   Linked indicator in checkout order review.
   ========================================================================== */

.tfs-checkout-linked {
	display: block;
	font-size: 11px;
	color: #888;
	font-style: italic;
}