/* Casa Luxe Atelier — independent product-card purchase button controls. */
.clx-product-card__actions{
	display:flex!important;
	align-items:center!important;
	gap:var(--clx-card-action-gap,8px)!important;
	flex-wrap:var(--clx-card-actions-wrap,nowrap)!important;
	width:100%;
	min-width:0;
}

/* Direct WooCommerce Add to Cart button. */
.clx-product-card__actions > .button,
.clx-product-card__actions > a.button{
	box-sizing:border-box!important;
	flex:0 1 var(--clx-card-cart-width,50%)!important;
	width:auto!important;
	min-width:0!important;
	max-width:100%!important;
	min-height:var(--clx-card-cart-height,42px)!important;
	height:var(--clx-card-cart-height,42px)!important;
	padding:0 10px!important;
	border-radius:var(--clx-card-cart-radius,24px)!important;
	font-size:var(--clx-card-cart-font-size,11px)!important;
	line-height:1.1!important;
	white-space:nowrap!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center!important;
}

/* Quote wrappers produced by the theme/quote plugins. */
.clx-product-card__actions > .clx-quote-action{
	box-sizing:border-box!important;
	flex:0 1 var(--clx-card-quote-width,50%)!important;
	width:auto!important;
	min-width:0!important;
	max-width:100%!important;
	margin:0!important;
}
.clx-product-card__actions > .clx-quote-action .button,
.clx-product-card__actions > .clx-quote-action a,
.clx-product-card__actions > .clx-quote-action button{
	box-sizing:border-box!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	min-height:var(--clx-card-quote-height,42px)!important;
	height:var(--clx-card-quote-height,42px)!important;
	padding:0 10px!important;
	margin:0!important;
	border-radius:var(--clx-card-quote-radius,24px)!important;
	font-size:var(--clx-card-quote-font-size,11px)!important;
	line-height:1.1!important;
	white-space:nowrap!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center!important;
}

/* If only one purchase action is present, keep it compact. Quote-only mode must
   visually match the normal Add to Cart footprint rather than stretching across
   the entire product card. */
.clx-product-card__actions > .button:only-child,
.clx-product-card__actions > a.button:only-child,
.clx-product-card__actions > .clx-quote-action:only-child{
	flex:0 1 var(--clx-card-cart-width,50%)!important;
	width:auto!important;
	max-width:100%!important;
}
.clx-product-card__actions > .clx-quote-action:only-child{
	height:var(--clx-card-cart-height,42px)!important;
	min-height:var(--clx-card-cart-height,42px)!important;
	max-height:var(--clx-card-cart-height,42px)!important;
}
.clx-product-card__actions > .clx-quote-action:only-child .button,
.clx-product-card__actions > .clx-quote-action:only-child a,
.clx-product-card__actions > .clx-quote-action:only-child button{
	height:100%!important;
	min-height:0!important;
	max-height:100%!important;
	border-radius:var(--clx-card-cart-radius,24px)!important;
	font-size:var(--clx-card-cart-font-size,11px)!important;
}

/* Prevent common quote plugin wrappers from introducing their own row spacing. */
.clx-product-card__actions .add-request-quote-button,
.clx-product-card__actions .yith-ywraq-add-to-quote,
.clx-product-card__actions .yith_ywraq_add_item_browse-list{
	margin:0!important;
	min-width:0!important;
	max-width:100%!important;
}


/* v1.4.6.0.35 — exact visual alignment + normal Add to quote capitalization. */
.clx-product-card__actions{
	align-items:center!important;
}

/* WooCommerce can add its own margin/baseline offset to loop buttons. Remove it so
   Add to cart and the quote wrapper sit on precisely the same horizontal centreline. */
.clx-product-card__actions > .button,
.clx-product-card__actions > a.button{
	margin:0!important;
	align-self:center!important;
	vertical-align:middle!important;
	position:relative!important;
	top:0!important;
	bottom:auto!important;
	transform:none!important;
	float:none!important;
}

.clx-product-card__actions > .clx-quote-action{
	display:flex!important;
	align-items:center!important;
	align-self:center!important;
	justify-content:stretch!important;
	vertical-align:middle!important;
	position:relative!important;
	top:0!important;
	bottom:auto!important;
	transform:none!important;
	height:var(--clx-card-quote-height,42px)!important;
	min-height:var(--clx-card-quote-height,42px)!important;
}

.clx-product-card__actions > .clx-quote-action .button,
.clx-product-card__actions > .clx-quote-action a,
.clx-product-card__actions > .clx-quote-action button,
.clx-product-card__actions .add-request-quote-button,
.clx-product-card__actions .yith-ywraq-add-to-quote,
.clx-product-card__actions .yith_ywraq_add_item_browse-list{
	margin-top:0!important;
	margin-bottom:0!important;
	align-self:center!important;
	vertical-align:middle!important;
	position:relative!important;
	top:0!important;
	bottom:auto!important;
	transform:none!important;
	text-transform:none!important;
}

/* v1.4.6.0.38 — locked mobile + tablet purchase-button row.
   Up to 1024px the action area is a two-track grid in same-row mode. This is
   intentionally stronger than flex so WooCommerce/plugin intrinsic widths,
   margins, baseline alignment or transforms cannot move one button vertically. */
@media(max-width:1024px){
	.clx-product-card__actions{
		box-sizing:border-box!important;
		display:grid!important;
		grid-template-columns:var(--clx-card-mobile-grid-columns,minmax(0,1fr) minmax(0,1fr))!important;
		grid-auto-flow:row!important;
		gap:var(--clx-card-mobile-action-gap,6px)!important;
		width:100%!important;
		min-width:0!important;
		max-width:100%!important;
		align-items:center!important;
		justify-items:stretch!important;
		align-content:center!important;
		vertical-align:top!important;
		line-height:1!important;
	}

	.clx-product-card__actions > .button,
	.clx-product-card__actions > a.button,
	.clx-product-card__actions > .clx-quote-action{
		box-sizing:border-box!important;
		grid-row:1!important;
		width:100%!important;
		min-width:0!important;
		max-width:none!important;
		margin:0!important;
		inset:auto!important;
		top:auto!important;
		bottom:auto!important;
		left:auto!important;
		right:auto!important;
		transform:none!important;
		translate:none!important;
		float:none!important;
		align-self:center!important;
		justify-self:stretch!important;
		vertical-align:top!important;
	}

	/* Cart button. Effective height becomes the shared row height when the
	   Match both button heights setting is enabled. */
	.clx-product-card__actions > .button,
	.clx-product-card__actions > a.button{
		height:var(--clx-card-mobile-cart-effective-height,var(--clx-card-mobile-cart-height,38px))!important;
		min-height:var(--clx-card-mobile-cart-effective-height,var(--clx-card-mobile-cart-height,38px))!important;
		max-height:var(--clx-card-mobile-cart-effective-height,var(--clx-card-mobile-cart-height,38px))!important;
		padding:0 var(--clx-card-mobile-horizontal-padding,5px)!important;
		border-radius:var(--clx-card-mobile-cart-radius,20px)!important;
		font-size:var(--clx-card-mobile-cart-font-size,10px)!important;
		line-height:1!important;
		letter-spacing:0!important;
		white-space:nowrap!important;
		overflow:hidden!important;
		text-overflow:clip!important;
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
	}

	/* Quote wrapper and its actual clickable control occupy exactly the same
	   grid row and vertical centreline as Add to cart. */
	.clx-product-card__actions > .clx-quote-action{
		height:var(--clx-card-mobile-quote-effective-height,var(--clx-card-mobile-quote-height,38px))!important;
		min-height:var(--clx-card-mobile-quote-effective-height,var(--clx-card-mobile-quote-height,38px))!important;
		max-height:var(--clx-card-mobile-quote-effective-height,var(--clx-card-mobile-quote-height,38px))!important;
		display:flex!important;
		align-items:center!important;
		justify-content:stretch!important;
		padding:0!important;
	}
	.clx-product-card__actions > .clx-quote-action .button,
	.clx-product-card__actions > .clx-quote-action a,
	.clx-product-card__actions > .clx-quote-action button,
	.clx-product-card__actions .add-request-quote-button,
	.clx-product-card__actions .yith-ywraq-add-to-quote,
	.clx-product-card__actions .yith_ywraq_add_item_browse-list{
		box-sizing:border-box!important;
		width:100%!important;
		min-width:0!important;
		max-width:none!important;
		height:100%!important;
		min-height:0!important;
		max-height:100%!important;
		padding:0 var(--clx-card-mobile-horizontal-padding,5px)!important;
		margin:0!important;
		inset:auto!important;
		top:auto!important;
		bottom:auto!important;
		transform:none!important;
		translate:none!important;
		border-radius:var(--clx-card-mobile-quote-radius,20px)!important;
		font-size:var(--clx-card-mobile-quote-font-size,10px)!important;
		line-height:1!important;
		letter-spacing:0!important;
		white-space:nowrap!important;
		overflow:hidden!important;
		text-overflow:clip!important;
		text-transform:none!important;
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		align-self:center!important;
		vertical-align:top!important;
	}

	/* Quote-only and Cart-only cards keep the same compact first-track footprint.
	   This prevents Quote-only mode from turning the CTA into a full-card bar. */
	.clx-product-card__actions > .button:only-child,
	.clx-product-card__actions > a.button:only-child,
	.clx-product-card__actions > .clx-quote-action:only-child{
		grid-column:1!important;
		grid-row:1!important;
		width:100%!important;
		justify-self:stretch!important;
	}
	.clx-product-card__actions > .clx-quote-action:only-child{
		height:var(--clx-card-mobile-cart-effective-height,var(--clx-card-mobile-cart-height,38px))!important;
		min-height:var(--clx-card-mobile-cart-effective-height,var(--clx-card-mobile-cart-height,38px))!important;
		max-height:var(--clx-card-mobile-cart-effective-height,var(--clx-card-mobile-cart-height,38px))!important;
	}
	.clx-product-card__actions > .clx-quote-action:only-child .button,
	.clx-product-card__actions > .clx-quote-action:only-child a,
	.clx-product-card__actions > .clx-quote-action:only-child button{
		border-radius:var(--clx-card-mobile-cart-radius,20px)!important;
		font-size:var(--clx-card-mobile-cart-font-size,10px)!important;
	}
}

/* Card-width safeguards also apply on tablets because a 3/4-column tablet grid
   can create cards narrower than a phone card. */
@supports (container-type:inline-size){
	@media(max-width:1024px){
		.clx-product-card__actions{container-type:inline-size;}
		@container (max-width:240px){
			.clx-product-card__actions > .button,
			.clx-product-card__actions > a.button{
				font-size:min(var(--clx-card-mobile-cart-font-size,10px),9px)!important;
				padding-left:3px!important;
				padding-right:3px!important;
			}
			.clx-product-card__actions > .clx-quote-action .button,
			.clx-product-card__actions > .clx-quote-action a,
			.clx-product-card__actions > .clx-quote-action button{
				font-size:min(var(--clx-card-mobile-quote-font-size,10px),9px)!important;
				padding-left:3px!important;
				padding-right:3px!important;
			}
		}
		@container (max-width:185px){
			.clx-product-card__actions > .button,
			.clx-product-card__actions > a.button,
			.clx-product-card__actions > .clx-quote-action .button,
			.clx-product-card__actions > .clx-quote-action a,
			.clx-product-card__actions > .clx-quote-action button{
				font-size:8px!important;
				padding-left:2px!important;
				padding-right:2px!important;
			}
		}
	}
}