/* ============================================================
   Blackinton PCS Adapter — Dealer Demo Site
   Cart & Checkout style overrides.

   Loaded AFTER the core "blackinton-builder" stylesheet and the
   theme, so anything here wins the cascade. These selectors mirror
   the markup the core plugin produces (.bb-* classes + WooCommerce
   cart/checkout tables). Adjust freely per the customer's design;
   nothing in the generic core plugin needs to change.
   ============================================================ */

/* ---- Cart: design option spec table ---- */
.bb-options-table {
	/* example overrides — tune to taste */
	font-size: 13px;
	margin-top: 10px;
}
.bb-options-table th {
	background: #f5f7fa;
	color: #1d2327;
}
.bb-options-table tr:nth-child(even) th,
.bb-options-table tr:nth-child(even) td {
	background: #fafbfc;
}

/* ---- Cart: design description + html blob ---- */
.bb-item-desc {
	color: #50575e;
}
.bb-item-html {
	margin: 6px 0;
}

/* ---- Cart: Edit / Remove action buttons ---- */
.bb-item-actions {
	margin-top: 8px;
	display: flex;
	gap: 14px;
}
a.bb-btn-edit   { color: #2e7d32; }
a.bb-btn-remove { color: #b71c1c; }
a.bb-btn:hover  { opacity: 0.75; }

/* ---- Cart: thumbnail + stock badge ---- */
/* ---- Cart: stock badge ---- */
.bb-stock-badge {
	font-size: 10px;
	letter-spacing: 0.04em;
}

/* ---- Cart table layout tweaks ---- */
.woocommerce-cart table.cart td.product-name {
	vertical-align: top;
}
.shop_table.cart tr > td.product-quantity {
	text-align: center;
}

/* ---- Checkout: order review table ---- */
.woocommerce-checkout .woocommerce-checkout-review-order-table .bb-options-table {
	font-size: 12px;
}

/* ---- Checkout: (placeholder) shipping / special instructions block ----
   The shipping-instruction customisation will be added here together with
   the markup change, once we wire it up in this adapter. Left intentionally
   empty for now so the selector is reserved. */
/*
.pcs-shipping-instructions {
}
*/

/* ---- Cart: product image enlarged to 150px ----
   Core renders <img class="bb-design-thumb" style="max-width:100px">; the
   adapter rewrites that inline style to 150px (see class-dealerdemo-cart-buttons),
   and this backs it up for any non-inline case. ---- */
.dd-cart-thumb-wrap img,
.dd-cart-thumb-wrap img.bb-design-thumb,
.woocommerce-cart table.cart td.product-thumbnail img {
	width: 150px !important;
	max-width: 150px !important;
	height: auto !important;
	display: block;
}

/* ---- Cart: image + Edit/Remove icons stacked as one unit ---- */
.dd-cart-thumb-wrap {
	display: inline-block;
	text-align: center;
}
.dd-cart-item-actions {
	margin-top: 12px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 28px;            /* wide gap so Edit and Remove can't be mis-tapped */
	width: 150px;
}
.dd-cart-item-actions .dd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	line-height: 1;
}
.dd-cart-item-actions .dd-btn .dashicons {
	font-size: 22px;
	width: 22px;
	height: 22px;
	line-height: 22px;
}
.dd-cart-item-actions .dd-btn-edit { color: #2271b1; }
.dd-cart-item-actions .dd-btn-edit:hover { color: #135e96; background: #f0f6fc; }
.dd-cart-item-actions .dd-btn-remove { color: #b71c1c; }
.dd-cart-item-actions .dd-btn-remove:hover { color: #7f1414; background: #fdecea; }