/**
 * Cart — delivery vs. in-store pickup selector, placed in the order summary
 * (under the subtotal / shipping rows) to match the checkout.
 * See template-parts/cart-shipping-choice.php + assets/js/cart-shipping-choice.js.
 */

.cb-cart-ship {
	width: 100%;
	max-width: 880px;
	margin: clamp( 1rem, 2.5vw, 1.5rem ) auto 0;
	box-sizing: border-box;
}

/* When relocated into the order-summary sidebar by JS. */
.cb-cart-ship--in-summary {
	max-width: none;
	margin: .25rem 0 .85rem;
}

.cb-cart-ship__title {
	margin: 0 0 .4rem;
	font-size: .9rem;
	font-weight: 700;
	color: #1a1a1a;
}

.cb-cart-ship--in-summary .cb-cart-ship__title {
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.cb-cart-ship__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cb-cart-ship__item {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .3rem 0;
}

/* Native radio, black selected dot, a bit smaller. */
.cb-cart-ship__input {
	width: .95rem;
	height: .95rem;
	min-width: .95rem;
	margin: 0;
	flex: 0 0 auto;
	accent-color: #000000;
}

.cb-cart-ship__label {
	color: #1a1a1a;
	cursor: pointer;
	font-size: .95rem;
}

.cb-cart-ship--in-summary .cb-cart-ship__label {
	font-size: .875rem;
}

/* The custom DËRGESA selector is the cart's shipping chooser, so hide BOTH the
   native rate picker and the native "Dërgim" totals row to avoid duplicates.
   The chosen cost still shows on the selected option ("Me pagese: 2,30 €") and
   is included in "Gjithsej". The hidden shipping row stays in the DOM so the JS
   anchor that positions the selector still works. */
.woocommerce-cart .wc-block-components-shipping-rates-control,
.woocommerce-cart .wc-block-components-totals-shipping {
	display: none !important;
}
