/* ============================================================
   SLS Label Studio – checkout/cart UI styles  v2.2.7
   All classes scoped under .sls-container AND prefixed sls-
   to guarantee zero conflict with any other plugin.
   ============================================================ */

/* Variant selector */
.sls-container .sls-variant-selector-wrapper { position:relative; }
.sls-container .sls-variant-select {
	appearance:none; -webkit-appearance:none; -moz-appearance:none;
	padding:12px 40px 12px 16px;
	font-size:15px; font-weight:600;
	border:2px solid #e2e8f0; border-radius:12px;
	background:#fff; cursor:pointer; transition:all .2s;
	width:100%;
	display:block;
}
.sls-container .sls-variant-select:hover  { border-color:#cbd5e1; }
.sls-container .sls-variant-select:focus  { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.1); outline:none; }
.sls-container .sls-variant-select:disabled { background:#f8fafc; cursor:not-allowed; opacity:.6; }
.sls-container .sls-variant-icon {
	position:absolute; right:16px; top:50%; transform:translateY(-50%);
	pointer-events:none; color:#64748b; font-size:12px;
	display:block;
}

/* Quantity */
.sls-container .sls-quantity-selector {
	display:flex !important;
	align-items:center;
	gap:12px;
	max-width:200px;
}
.sls-container .sls-qty-btn {
	width:44px; height:44px;
	border:2px solid #e2e8f0; background:#fff;
	border-radius:12px; cursor:pointer;
	display:flex !important; align-items:center; justify-content:center;
	transition:all .2s; color:#475569; font-size:14px;
	font-weight:700;
	flex-shrink:0;
}
.sls-container .sls-qty-btn:hover  { background:#eff6ff; border-color:#3b82f6; color:#2563eb; }
.sls-container .sls-qty-btn:active { transform:scale(.95); }
.sls-container .sls-qty-btn i,
.sls-container .sls-qty-btn svg { pointer-events:none; }
.sls-container .sls-qty-input {
	flex:1 !important;
	height:44px;
	text-align:center;
	font-size:16px; font-weight:700;
	border:2px solid #e2e8f0; border-radius:12px;
	background:#f8fafc; color:#1e293b;
	min-width:60px;
	width:auto !important;
}
.sls-container .sls-qty-input:focus { outline:none; border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.1); }
.sls-container .sls-qty-input::-webkit-outer-spin-button,
.sls-container .sls-qty-input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.sls-container .sls-qty-input[type=number] { -moz-appearance:textfield; }

/* Price summary */
.sls-container .sls-price-summary {
	display:flex !important;
	justify-content:space-between;
	align-items:center;
	padding:16px;
	background:linear-gradient(135deg,#f0f9ff,#e0f2fe);
	border-radius:12px;
	margin-bottom:16px;
	border:2px solid #bae6fd;
}
.sls-container .sls-price-label  { font-weight:700; font-size:15px; color:#0c4a6e; }
.sls-container .sls-price-amount { font-size:20px; font-weight:900; color:#0369a1; }

/* Add to Cart button */
.sls-container .sls-add-to-cart-btn {
	border-radius:12px !important;
	padding:14px !important;
	font-size:16px !important;
	transition:all .2s;
	box-shadow:0 4px 6px -1px rgba(59,130,246,.3);
	background:linear-gradient(135deg,#3b82f6,#2563eb) !important;
	border:none !important;
	display:flex !important;
	align-items:center;
	justify-content:center;
	color:#fff !important;
}
.sls-container .sls-add-to-cart-btn:hover {
	transform:translateY(-2px);
	box-shadow:0 8px 12px -2px rgba(59,130,246,.4);
	background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
}
.sls-container .sls-add-to-cart-btn:active { transform:translateY(0); }