/* ==========================================================================
   Kujundusfaili valik + WCUF (WooCommerce Upload Files) välimus
   ========================================================================== */

.mp-design-choice {
	--mp-accent: #fac710;
	--mp-border: #e2e2e2;
	--mp-text: #222;
	--mp-muted: #6b6b6b;
	--mp-radius: 8px;
	display: block;
	width: 100%;
	clear: both;
	margin: 1.25em 0 0;
	color: var(--mp-text);
	text-align: left;
}

.mp-design-choice[hidden] {
	display: none;
}

.mp-design-choice__title {
	margin: 0 0 .5em;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.mp-design-choice__req {
	color: #d0021b;
	text-decoration: none;
	border: 0;
	cursor: help;
}

.mp-design-choice__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75em;
	margin: 0;
}

@media (max-width: 849px) {
	.mp-design-choice__options {
		grid-template-columns: 1fr;
	}
}

.mp-design-choice--cart .mp-design-choice__options {
	grid-template-columns: 1fr;
}

.mp-design-choice__option {
	display: flex;
	gap: .75em;
	align-items: flex-start;
	margin: 0;
	padding: .9em 1em;
	border: 1px solid var(--mp-border);
	border-radius: var(--mp-radius);
	background: #fff;
	cursor: pointer;
	font-weight: 400;
	line-height: 1.45;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.mp-design-choice__option:hover {
	border-color: #bdbdbd;
}

.mp-design-choice__option.is-selected {
	border-color: var(--mp-text);
	box-shadow: inset 0 0 0 1px var(--mp-text);
	background: #fffdf3;
}

.mp-design-choice__option input[type="radio"] {
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	margin: .2em 0 0;
	accent-color: var(--mp-text);
}

.mp-design-choice__body {
	display: block;
	min-width: 0;
}

.mp-design-choice__label {
	display: block;
	font-weight: 700;
	font-size: 1em;
	margin-bottom: .15em;
}

.mp-design-choice__desc {
	display: block;
	font-size: .875em;
	color: var(--mp-muted);
}

.mp-design-choice__desc a {
	color: inherit;
	text-decoration: underline;
}

.mp-design-choice__hint {
	margin: .6em 0 0;
	font-size: .8125em;
	color: var(--mp-muted);
}

.mp-design-choice:not(.mp-design-choice--pending) .mp-design-choice__hint {
	display: none;
}

/* Tootelehel: Flatsome'i form.cart on flex; plokk ja WCUF konteiner täislaiuses. */
form.cart .mp-design-choice,
form.cart .wcuf_product_ajax_container,
form.cart .wcuf_product_ajax_container_loading_container {
	flex: 1 1 100%;
	width: 100%;
	clear: both;
}

form.cart .mp-design-choice {
	order: 10;
}

form.cart .wcuf_product_ajax_container_loading_container {
	order: 11;
}

form.cart .wcuf_product_ajax_container {
	order: 12;
}

/* --------------------------------------------------------------------------
   WCUF välja konteiner, mida valik juhib (.mp-managed lisab JS)
   -------------------------------------------------------------------------- */

.mp-managed.wcuf_single_upload_field_container {
	margin: -.25em 0 1em;
	padding: 1em 1.1em .5em;
	border: 1px solid #e2e2e2;
	border-radius: 0 0 8px 8px;
	border-top: 0;
	background: #fafafa;
	clear: both;
	display: block;
	width: 100%;
}

.mp-managed.mp-hidden {
	display: none !important;
}

.mp-managed .wcuf_upload_fields_row_element {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
}

/* Pealkiri ja toote nimi on valikukaardil juba öeldud. */
.mp-managed .wcuf_upload_field_title,
.mp-managed .wcuf_product_title_under_upload_field_name {
	display: none;
}

.mp-managed .wcuf_field_description {
	margin: 0 0 .75em;
	font-size: .9em;
	color: #555;
}

.mp-managed .wcuf_field_description:empty {
	display: none;
}

/* Tekstiväli ("Täpsustav info" / "Kirjelda oma soovi") */
.mp-managed h5 {
	margin: 0 0 .3em;
	font-size: .8125em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.mp-managed .wpuef_text_field_description {
	margin: 0 0 .4em;
	font-size: .875em;
	color: #6b6b6b;
}

.mp-managed .wcuf_feedback_textarea {
	display: block;
	width: 100%;
	min-height: 84px;
	margin: 0 0 1em;
	padding: .6em .75em;
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	resize: vertical;
}

.mp-managed .wcuf_feedback_textarea:focus {
	border-color: #222;
	outline: 0;
}

/* Nõustumise linnuke */
.mp-managed .wcuf_disclaimer_label {
	display: flex;
	gap: .55em;
	align-items: flex-start;
	margin: 0 0 .75em;
	font-size: .875em;
	line-height: 1.45;
	font-weight: 400;
}

.mp-managed .wcuf_disclaimer_label input[type="checkbox"] {
	flex: 0 0 auto;
	margin: .2em 0 0;
	accent-color: #222;
}

.mp-managed .wcuf_discaimer_text a {
	text-decoration: underline;
}

/* Lohistamisala */
.mp-managed .wcuf_upload_button_container {
	margin: 0;
}

.mp-managed .wcuf_upload_drag_and_drop_area {
	margin: 0 0 .75em;
	padding: 1.25em 1em;
	border: 2px dashed #c8c8c8;
	border-radius: 8px;
	background: #fff;
	transition: border-color .15s ease, background .15s ease;
}

.mp-managed .wcuf_upload_drag_and_drop_area:hover,
.mp-managed .wcuf_upload_drag_and_drop_area.wcuf_dragover,
.mp-managed .wcuf_dragover {
	border-color: var(--mp-accent, #fac710);
	background: #fffdf3;
}

.mp-managed .wcuf_drag_and_drop_area_icon {
	height: 34px;
	margin: 0 0 .5em;
	fill: #9a9a9a;
}

.mp-managed .wcuf_drag_and_drop_area_description {
	color: #444;
	font-weight: 600;
	font-size: .95em;
}

.mp-managed .wcuf_max_size_notice {
	display: block;
	margin: -.25em 0 .75em;
	font-size: .8125em;
	font-weight: 400;
	color: #6b6b6b;
}

.mp-managed .wcuf_max_size_notice:empty {
	display: none;
}

/* Nupud */
.mp-managed .button {
	margin: 0 .5em .6em 0;
}

.mp-managed .wcuf_multiple_files_actions_button_container {
	margin-bottom: .5em;
}

/* Edenemisriba */
.mp-managed .wcuf_upload_status_box {
	width: 100%;
	margin-bottom: .75em;
}

.mp-managed .wcuf_bar {
	height: 8px;
	border-radius: 4px;
	background-color: var(--mp-accent, #fac710) !important;
}

.mp-managed .wcuf_percent,
.mp-managed .wcuf_status {
	font-size: .8125em;
	color: #6b6b6b;
}

/* Juba üles laaditud failid */
.mp-managed .wcuf_already_uploaded_data_container {
	margin: 0 0 .75em;
	padding: .75em 1em;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	background: #fff;
}

.mp-managed .wcuf_already_uploaded_data_container h4 {
	margin: 0 0 .5em;
	font-size: .875em;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.mp-managed .wcuf_file_preview_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-managed .wcuf_file_preview_list_item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em .75em;
	padding: .6em 0;
	border-top: 1px solid #f0f0f0;
	font-size: .9em;
	word-break: break-word;
}

/* Faili nimi oma real, pisipilt ja nupp selle all kõrvuti. */
.mp-managed .wcuf_file_preview_list_item .wcuf_preview_file_title {
	flex: 1 1 100%;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: .4em;
	font-weight: 600;
	font-style: normal;
}

.mp-managed .wcuf_single_file_name_in_multiple_list {
	font-style: normal;
	overflow-wrap: anywhere;
}

.mp-managed .wcuf_delete_file_icon {
	flex: 0 0 auto;
	cursor: pointer;
}

.mp-managed .wcuf_file_preview_list_item img {
	flex: 0 0 auto;
	margin: 0;
	border-radius: 4px;
	border: 1px solid #eee;
}

.mp-managed .wcuf_file_preview_list_item .download_small_button {
	flex: 0 0 auto;
	width: auto;
	margin: 0;
	padding: 0 .9em;
	min-height: 0;
	line-height: 2.3em;
	font-size: .8em;
	max-width: 100%;
	white-space: normal;
}

.mp-managed li.wcuf_file_preview_list_item {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: transparent;
	padding-left: 0;
	padding-right: 0;
}

.mp-managed .wcuf_preview_quantity:empty,
.mp-managed .wcuf_preview_price:empty,
.mp-managed .wcuf_preview_feedback:empty {
	display: none;
}

.mp-managed .wcuf_preview_quantity,
.mp-managed .wcuf_preview_price,
.mp-managed .wcuf_preview_feedback {
	flex: 1 1 100%;
	margin: 0;
	font-size: .875em;
	color: #6b6b6b;
}

.mp-managed .wcuf_file_preview_list_item:first-child {
	border-top: 0;
}

.mp-managed .wcuf_delete_button {
	background: transparent;
	color: #b00020;
	border: 1px solid #b00020;
}

.mp-managed .wcuf_delete_button:hover {
	background: #b00020;
	color: #fff;
}

/* --------------------------------------------------------------------------
   Ostukorv: valik + üleslaadimine eraldi täislaiuses reas tooterea all
   -------------------------------------------------------------------------- */

/* Enne kui JS ploki oma reale tõstab, ei näita seda nime lahtris (väldib hüppamist). */
.mp-js .woocommerce-cart td.product-name > .mp-design-choice,
.mp-js .woocommerce-cart td.product-name > .wcuf_cart_ajax_container,
.mp-js .woocommerce-cart td.product-name > .wcuf_cart_ajax_container_loading_container {
	display: none;
}

.woocommerce-cart tr.mp-has-design-row > td {
	border-bottom: 0;
}

.woocommerce-cart tr.mp-design-row > td.mp-design-cell {
	padding: 0 0 1.5em;
	text-align: left;
	vertical-align: top;
}

.woocommerce-cart tr.mp-design-row > td.mp-design-cell::before {
	display: none;
}

.mp-design-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1.5em;
	align-items: start;
}

@media (max-width: 849px) {
	.mp-design-layout {
		grid-template-columns: 1fr;
		gap: .75em;
	}
}

.mp-design-layout .mp-design-choice {
	margin-top: 0;
}

.mp-design-layout__upload {
	min-width: 0;
}

.mp-design-layout__upload .wcuf_cart_ajax_container,
.mp-design-layout__upload .wcuf_cart_ajax_container_loading_container {
	display: block;
	width: 100%;
}

/* Paremas veerus on WCUF plokk iseseisev kast, mitte kaardi jätk. */
.mp-design-layout .mp-managed.wcuf_single_upload_field_container {
	margin: 0;
	border-top: 1px solid #e2e2e2;
	border-radius: 8px;
}

/* Vana paigutus (kui JS ei tööta): plokk toote nime lahtris */

.woocommerce-cart td.product-name .mp-design-choice {
	margin-top: .9em;
	font-size: .9375em;
}

.woocommerce-cart td.product-name .mp-design-choice__title {
	font-size: .8125em;
}

.woocommerce-cart td.product-name .wcuf_cart_ajax_container,
.woocommerce-cart td.product-name .wcuf_cart_ajax_container_loading_container {
	display: block;
	width: 100%;
	clear: both;
}

.woocommerce-cart td.product-name .mp-managed.wcuf_single_upload_field_container {
	margin-bottom: .5em;
}

/* Ostukorvi rea "Kustuta failid" jm nupud kompaktsemaks */
.woocommerce-cart td.product-name .mp-managed .button {
	padding: 0 1em;
	line-height: 2.2em;
	min-height: 0;
	font-size: .8125em;
}