/* =====================================================
   TCE Forms — Elementor Pro Form widget overrides
   Escopo: qualquer form widget do Elementor Pro no site
   (M_Form_S_* e futuros formulários)
===================================================== */

/* Drag & drop dropzone para o campo "Upload" (input[type=file] nativo) */
.elementor-field-type-upload {
	position: relative;
}

.tce-upload-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	box-sizing: border-box;
	min-height: 84px;
	padding: 18px 16px;
	border: 1px dashed var(--site-border-soft, rgba(255, 255, 255, 0.35));
	color: var(--site-color-text, #ffffff);
	font-family: var(--site-font-ui, "Noto Sans", sans-serif);
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.tce-upload-dropzone.is-dragover {
	border-color: var(--site-color-secondary, #6f4a6f);
	background-color: rgba(255, 255, 255, 0.04);
}

.tce-upload-dropzone .tce-upload-icon {
	display: block;
	width: 22px;
	height: 22px;
	opacity: 0.75;
}

.tce-upload-dropzone .tce-upload-icon svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
}

.tce-upload-dropzone .tce-upload-text {
	font-size: 13px;
	line-height: 1.4;
	opacity: 0.85;
}

.tce-upload-dropzone .tce-upload-text .tce-upload-browse {
	text-decoration: underline;
}

.tce-upload-dropzone .tce-upload-filelist {
	font-size: 12px;
	opacity: 0.7;
	word-break: break-word;
}

/* Input nativo cobre toda a dropzone, invisível, para manter clique/drop nativos funcionando */
.elementor-field-type-upload input[type="file"].elementor-upload-field {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}