/*
 * KG Gravity Forms Document Upload
 * Εφαρμόζεται αυτόματα μόνο στα Gravity Forms Multi-File Upload πεδία.
 */

.kg-document-upload .gform_drop_area {
	position: relative !important;
	min-height: 78px !important;
	padding: 14px 18px 14px 68px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;

	background: #f7f8fa !important;
	background-image: none !important;

	border: 1px dashed #b9c2cf !important;
	border-radius: 12px !important;

	box-shadow: none !important;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

/* Αφαιρεί διακοσμητικές γραμμές που μπορεί να προσθέτει το theme. */
.kg-document-upload .gform_drop_area::after {
	display: none !important;
}

/* Εικονίδιο upload. */
.kg-document-upload .gform_drop_area::before {
	content: "" !important;
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);

	width: 34px;
	height: 34px;
	border-radius: 9px;
	background-color: #e8edf4;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%234b6380' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 21px;
}

/* Κείμενο οδηγιών. */
.kg-document-upload .gform_drop_instructions {
	flex: 1;
	margin: 0 !important;

	display: flex !important;
	flex-direction: column;
	align-items: flex-start !important;
	gap: 3px;

	text-align: left !important;
	color: #172033 !important;
}

.kg-document-upload .kg-upload-title {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 650;
}

.kg-document-upload .kg-upload-subtitle {
	font-size: 12px;
	line-height: 1.4;
	font-weight: 400;
	color: #687386;
}

/* Κουμπί επιλογής. */
.kg-document-upload .gform_button_select_files {
	flex-shrink: 0;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 8px 18px !important;

	background: #ffffff !important;
	color: #253247 !important;

	border: 1px solid #9ba8b8 !important;
	border-radius: 8px !important;

	box-shadow: 0 1px 2px rgba(20, 32, 50, 0.06) !important;

	font-size: 13px !important;
	font-weight: 600 !important;
}

.kg-document-upload .gform_button_select_files:hover,
.kg-document-upload .gform_button_select_files:focus {
	background: #eef2f6 !important;
	border-color: #718096 !important;
}

.kg-document-upload .gform_drop_area:hover {
	background: #f2f5f8 !important;
	border-color: #7c8da3 !important;
}

/* Κατάσταση drag-over του Gravity Forms. */
.kg-document-upload .gform_drop_area.drop,
.kg-document-upload .gform_drop_area.gform_drop_area_active {
	background: #edf3f8 !important;
	border-color: #526b89 !important;
	box-shadow: 0 0 0 3px rgba(82, 107, 137, 0.1) !important;
}

/* Πληροφορίες τύπου, μεγέθους και μέγιστου αριθμού αρχείων. */
.kg-document-upload .gfield_description {
	margin-top: 7px !important;
	padding-left: 2px !important;
	color: #687386 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}

/* Mobile. */
@media (max-width: 600px) {
	.kg-document-upload .gform_drop_area {
		min-height: 118px !important;
		padding: 15px 14px 15px 58px !important;

		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: center !important;
		gap: 10px !important;
	}

	.kg-document-upload .gform_drop_area::before {
		left: 14px;
		top: 21px;
		transform: none;
	}

	.kg-document-upload .gform_button_select_files {
		width: 100% !important;
	}
}