/**
 * assets/css/design-files.css
 * Minimal, unopinionated styling for the design-files uploader. Kept
 * neutral so the theme's own styles blend in; heavier restyling should
 * live in the theme, not here.
 */
.woocommerce.single-product .product .yith-ywraq-add-to-quote {display:none !important} 


.wcyqc-design-uploader {
	margin: 16px 0;
}

.wcyqc-design-uploader-label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.wcyqc-design-dropzone {
	position: relative;
	border: 2px dashed #bbb;
	border-radius: 6px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	color: #666;
	transition: border-color 150ms ease, background 150ms ease;
	user-select: none;
}

.wcyqc-design-dropzone:hover,
.wcyqc-design-dropzone:focus,
.wcyqc-design-dropzone.is-dragover {
	border-color: #666;
	background: #f7f7f7;
	outline: none;
}

.wcyqc-design-file-list {
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
}

.wcyqc-design-file-row {
	display: grid;
	grid-template-columns: 1fr 120px 60px;
	gap: 12px;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}

.wcyqc-design-file-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wcyqc-design-progress {
	position: relative;
	height: 6px;
	background: #eee;
	border-radius: 3px;
	overflow: hidden;
}

.wcyqc-design-progress-bar {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0;
	background: #4a90e2;
	transition: width 120ms ease;
}

.wcyqc-design-file-row[data-state="done"] .wcyqc-design-progress-bar {
	background: #4caf50;
}

.wcyqc-design-file-row[data-state="error"] .wcyqc-design-progress-bar {
	background: #e74c3c;
}

.wcyqc-design-progress-text {
	text-align: right;
	color: #666;
	font-variant-numeric: tabular-nums;
}

.wcyqc-design-file-row[data-state="uploading"] .wcyqc-design-progress-bar {
	background-image: linear-gradient(
		45deg,
		rgba( 255, 255, 255, 0.15 ) 25%,
		transparent 25%,
		transparent 50%,
		rgba( 255, 255, 255, 0.15 ) 50%,
		rgba( 255, 255, 255, 0.15 ) 75%,
		transparent 75%,
		transparent
	);
	background-size: 20px 20px;
	animation: wcyqc-stripes 0.8s linear infinite;
}

@keyframes wcyqc-stripes {
	from { background-position: 0 0; }
	to { background-position: 20px 0; }
}