/**
 * Plug&Sign — Portfolio
 */

.molti-portfolio .et_pb_portfolio_item,
.molti-portfolio-2 .et_pb_grid_item {
	margin-right: 1.5rem !important;
	border-radius: var(--ps-radius-lg);
	box-shadow: var(--ps-shadow-sm);
	padding: 0 0 2rem 0;
	transition: box-shadow var(--ps-transition), transform var(--ps-transition);
	background: var(--ps-bg);
	border: 1px solid var(--ps-border);
}

.molti-portfolio .et_pb_portfolio_item:hover,
.molti-portfolio-2 .et_pb_grid_item:hover {
	box-shadow: var(--ps-shadow-md);
	transform: translateY(-3px);
}

.molti-portfolio .et_portfolio_image:hover:before,
.molti-portfolio-2 .et_portfolio_image:hover:before {
	content: 'Voir le détail';
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	background: #fff;
	border-radius: var(--ps-radius-pill);
	padding: 0.625rem 1.25rem;
	color: var(--ps-text);
	font-weight: 600;
	font-size: var(--ps-text-sm);
	box-shadow: var(--ps-shadow-md);
}

/* Scrollbar highlights */
.highlights-section ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.highlights-section ::-webkit-scrollbar-thumb {
	background-color: var(--ps-border);
	border-radius: var(--ps-radius-pill);
}

.highlights-section ::-webkit-scrollbar-thumb:hover {
	background-color: var(--ps-text-light);
}
