/* Cart page: (edit) link next to title, +/- quantity, red bin icon.
   Done by Kautuk: (edit) links to product page (qce_edit=1&qce_cart_key=…) to change variation/addons; no in-cart edit panel. */

/* (edit) link next to product title */
.woocommerce-cart-form .product-name .hw-cart-edit-inline {
	display: inline;
	margin-left: 0.25em;
	font-size: 0.9em;
	text-decoration: underline;
	color: inherit;
}
.woocommerce-cart-form .product-name .hw-cart-edit-inline:hover {
	opacity: 0.8;
}

/* Quantity with + / - buttons */
.woocommerce-cart-form .hw-cart-quantity-wrap {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 25px;
	overflow: hidden;
	padding: 0px 5px 0px 5px;
	margin:0px;
}
.woocommerce-cart-form .hw-cart-quantity-wrap .hw-cart-qty-minus,
.woocommerce-cart-form .hw-cart-quantity-wrap .hw-cart-qty-plus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	padding: 0;
	font-size: 1.25em;
	line-height: 1;
	font-weight: 600;
	background: #f5f5f5;
	border: none;
	cursor: pointer;
	color: #333;
	-webkit-appearance: none;
	appearance: none;
	border-radius:20px;
}
.woocommerce-cart-form .hw-cart-quantity-wrap .hw-cart-qty-minus:hover,
.woocommerce-cart-form .hw-cart-quantity-wrap .hw-cart-qty-plus:hover {
	background: #eee;
}
.woocommerce-cart-form .hw-cart-quantity-wrap .qty {
	width: 48px;
	min-width: 48px;
	height: 36px;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	border: none !important;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	-moz-appearance: textfield;
	font-size:16px;
}
.woocommerce-cart-form .hw-cart-quantity-wrap .qty::-webkit-outer-spin-button,
.woocommerce-cart-form .hw-cart-quantity-wrap .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Subtotal cell: bin at top right, subtotal below/left */
.woocommerce-cart-form .hw-cart-subtotal-with-remove {
	position: relative;
	padding-right: 2.5em;
}
/* Red bin icon only (no background) */
.woocommerce-cart-form .hw-cart-remove-bin {
	position: absolute;
	/*top: 0;*/
	right: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: none;
	color: #c00 !important;
	text-decoration: none;
	transition: color 0.2s;
	margin:5px;
}
.woocommerce-cart-form .hw-cart-remove-bin:hover {
	color: #a00 !important;
}
.woocommerce-cart-form .hw-cart-remove-bin svg {
	width: 18px;
	height: 18px;
	stroke: currentColor;
}
.woocommerce-cart-form .hw-cart-subtotal-value {
	display: block;
}

/* Remove old remove/update row styling (no longer in DOM) 
.woocommerce-cart-form .remove-update {
	display: none !important;
}*/
.product-remove {
    display: block !important;
}
.remove-update {
	 display: block !important;
	margin-top:10px !important;
	margin-left:-14px !important;
}
.woocommerce a.remove{
    display: block;
    font-size: 1.5em;
    height: 1.5em;
    width: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 100%;
    color: var(--wc-red) !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    background: #f5f5f5;
    margin-top: 50px;
}
@media (max-width: 767px) {
.woocommerce a.remove{
    display: block;
    font-size: 1.5em;
    height: 1.5em;
    width: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 100%;
    color: var(--wc-red) !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    background: #f5f5f5;
	margin-top: 5px;
}
    .woocommerce-page table.shop_table_responsive.cart tr td.product-name {
    text-align: left !important;
}
	.hw-cart-item-name, .hw-cart-item-name a {
    color: #000 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 10%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce a.remove{
    display: block;
    font-size: 1.5em;
    height: 1.5em;
    width: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 100%;
    color: var(--wc-red) !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    background: #f5f5f5;
	margin-top: 5px;
}
    .woocommerce-page table.shop_table_responsive.cart tr td.product-name {
    text-align: left !important;
}
	.hw-cart-item-name, .hw-cart-item-name a {
    color: #000 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 17% !important;
}
}

@media (max-width: 1024px) {
.remove-update .update-button {
    width: 50px !important;
    text-transform: capitalize !important;
	}	
	.remove-update {
		margin-left:0px !important;
	}
	
	
}
.remove-update .update-button {
    width: 65px;
	text-transform:capitalize !important;
}
/* Update button - disabled state */
.remove-update .update-button:disabled {
  color: #999 !important;
  cursor: not-allowed;
  opacity: 0.7;
}

/* Update button - enabled state */
.remove-update .update-button:not(:disabled) {
  color: #0D69A0 !important;
  text-decoration: underline;
  cursor: pointer;
}

/* iOS Safari overflow fix */
.woocommerce-cart-form .hw-cart-quantity-wrap {
  overflow: visible !important;
}

/* Base styling for variation lists */
.woocommerce td.product-name dl.variation dt {
    float: left;
    clear: both;
    margin-right: .25em;
    display: inline-block;
    list-style: none outside;
    width: 25%;
    margin: 0px !important;
}

.cart_item .product-name .variation p, 
.order_item .product-name .variation p {
    font-size: 14px !important;
    margin-top: 0 !important;
    line-height: 20px !important;
}

.woocommerce td.product-name dl.variation p {
    font-size: 14px !important;
    margin-top: 0 !important;
    line-height: 22px !important;
    font-weight: 600 !important;
}

/* Cart variation list - proper two column layout with fixed width first column */
.woocommerce-cart-form .product-name dl.variation {
    display: grid !important;
    grid-template-columns: 25% 1fr !important; /* First column fixed at 25% */
    gap: 0px 0px !important; /* Reduced row gap (was 4px, now 2px) */
    margin: 0px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important; /* Ensure full width */
}

.woocommerce-cart-form .product-name dl.variation dt {
    grid-column: 1 !important;
    font-weight: 600 !important;
    white-space: normal !important; /* Allow text to wrap */
    word-wrap: break-word !important; /* Break long words if needed */
    overflow-wrap: break-word !important; /* Modern equivalent */
    margin: 0 !important;
    padding: 0px 0px 0px 0 !important; /* Added right padding */
    align-self: start !important;
    width: 100% !important; /* Take full column width */
}

.woocommerce-cart-form .product-name dl.variation dd {
    grid-column: 2 !important;
    margin: 0 !important;
    padding: 0px 0 !important;
    align-self: start !important;
    width: 100% !important; /* Take full column width */
}

.woocommerce-cart-form .product-name dl.variation dd p {
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important; /* Allow text to wrap */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

@media (max-width: 1023px) {
    .woocommerce-cart-form .product-name dl.variation {
        grid-template-columns: 25% 1fr !important; /* Same 25% width on mobile */
        gap: 2px 8px !important; /* Even smaller gap on mobile */
    }

    .woocommerce-cart-form .product-name dl.variation dt {
        font-size: 13px !important;
    }

    .woocommerce-cart-form .product-name dl.variation dd {
        font-size: 13px !important;
    }

}


/* REMOVE overflow:hidden from quantity wrap - iOS Safari clips children */
.woocommerce-cart-form .hw-cart-quantity-wrap {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #ddd !important;
  border-radius: 25px !important;
  overflow: visible !important; 
  padding: 0px 5px !important;
  margin: 0px !important;
}


.woocommerce-cart-form .hw-cart-quantity-wrap .hw-cart-qty-minus {
  border-radius: 20px 0 0 20px !important;
}

.woocommerce-cart-form .hw-cart-quantity-wrap .hw-cart-qty-plus {
  border-radius: 0 20px 20px 0 !important;
}

/* iOS Safari - remove-update fix */
.woocommerce-cart-form .product-quantity {
  overflow: visible !important;
  position: relative !important;
}

.remove-update {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 10 !important;
  margin-top: 10px !important;
  /* iOS Safari force render */
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: auto !important;
}

.remove-update .update-button,
.remove-update .remove-label {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

/* iOS Safari button appearance reset */
.remove-update .update-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: none !important;
  border: none !important;
  font-size: 14px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin-right: 10px !important;
}

.remove-update .remove-label {
  font-size: 14px !important;
  color: #c00 !important;
  text-decoration: underline !important;
  -webkit-text-decoration: underline !important;
}

.hw-cart-variations {
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 0.85em;
    color: #555;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}
.hw-variation-row {
    display: flex;
    gap: 5px;
    margin-bottom: 2px;
}
.hw-cart-variations dt {
    font-weight: 600;
    margin: 0;
}

.hw-cart-variations dd {
    margin: 0;
    color: #333;
}

.hw-cart-variations dt::after {
    content: '';
}
/* ✅ Name — black, no underline, no click */
.hw-cart-item-name,
.hw-cart-item-name a {
    color: #000 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
	font-size:14px;
	font-weight:600;
	line-height:20px;
		
}

/* ✅ Edit link next row */
.hw-edit-row {
    display: block;
    margin-top: 0px;
}

.hw-edit-row a {
    font-size: 14px;
    color: #0D69A0;
    text-decoration: underline;
    pointer-events: auto !important; 
    cursor: pointer !important;
}