/* AFRF UI helpers */

/* --- Portfolio: show only first 3 items by default --- */
.afrf-portfolio-item--hidden {
	display: none !important;
}

.afrf-portfolio-more {
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	background: #fafafa;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	background-color: #6e61fc;
	border-color: #6e61fc;
	margin: -10px 0 30px 0;
	transition: all ease 0.5s;
}
.afrf-portfolio-more:hover {
	color: #fff;
	background: #000;
	transition: all ease 0.5s;
}

/* --- Inline errors: place to the right of preview for file uploads --- */
.file-upload__preview.afrf-inline-error-right {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}

.file-upload__preview.afrf-inline-error-right img {
	flex: 0 0 auto;
}

/* Our tips use the CF7 class; make it behave nicely in a horizontal row */
.file-upload__preview.afrf-inline-error-right .wpcf7-not-valid-tip {
	margin: 0;
	flex: 1 1 auto;
	max-width: 260px;
}

/* When there is no image (only + button), keep tips readable */
.file-upload__preview.afrf-inline-error-right .wpcf7-not-valid-tip,
.file-upload .wpcf7-not-valid-tip.afrf-error {
	font-size: 13px;
}

@media (max-width: 768px) {
	.file-upload__preview.afrf-inline-error-right {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding-bottom: 20px;
	}
}