/**
 * Plug&Sign — Buttons (ciblés — pas tous les .et_pb_button du site)
 */

/* Boutons CTA principaux uniquement */
a.et_pb_button,
button.et_pb_button,
.et_pb_button_module_wrapper > .et_pb_button,
.et_pb_newsletter_button,
.et_pb_promo_button {
	font-family: var(--ps-font-body) !important;
	font-weight: 600 !important;
	border-radius: var(--ps-radius) !important;
	transition:
		background-color var(--ps-transition),
		border-color var(--ps-transition),
		color var(--ps-transition),
		transform var(--ps-transition),
		box-shadow var(--ps-transition) !important;
}

/* Boutons orange par défaut — sauf variantes explicites */
a.et_pb_button:not(.ps-btn-secondary):not(.ps-btn-outline):not(.molti-active-switch-button):not(.active-blog):not(.backToBlog),
button.et_pb_button:not(.ps-btn-secondary):not(.ps-btn-outline):not(.backToBlog) {
	background-color: var(--ps-primary) !important;
	border-color: var(--ps-primary) !important;
	color: #fff !important;
	background-image: none !important;
}

a.et_pb_button:not(.ps-btn-secondary):not(.ps-btn-outline):not(.molti-active-switch-button):not(.active-blog):not(.backToBlog):hover,
button.et_pb_button:not(.ps-btn-secondary):not(.ps-btn-outline):not(.backToBlog):hover {
	background-color: var(--ps-primary-hover) !important;
	border-color: var(--ps-primary-hover) !important;
}

/* Switchers pricing / blog */
.molti-active-switch-button.et_pb_button,
.active-blog.et_pb_button {
	color: var(--ps-primary) !important;
	background: #fff !important;
	border-color: var(--ps-border) !important;
	box-shadow: var(--ps-shadow-sm) !important;
}

/* Secondaire */
.et_pb_button.ps-btn-secondary,
.ps-btn-secondary .et_pb_button {
	background-color: transparent !important;
	border-color: var(--ps-dark) !important;
	color: var(--ps-dark) !important;
}

.et_pb_button.ps-btn-secondary:hover,
.ps-btn-secondary .et_pb_button:hover {
	background-color: var(--ps-dark) !important;
	color: #fff !important;
}

/* Portfolio filters */
.et_pb_portfolio_filters li a {
	color: var(--ps-primary) !important;
	border: 2px solid var(--ps-primary) !important;
	border-radius: var(--ps-radius) !important;
	background-image: none !important;
}

.et_pb_portfolio_filters li a.active {
	background-color: var(--ps-primary) !important;
	color: #fff !important;
}

.et_pb_portofolio_pagination ul li a.active {
	background-color: var(--ps-primary) !important;
	background-image: none !important;
	color: #fff !important;
}

.molti-view-button {
	opacity: 0;
	transition: opacity var(--ps-transition);
}

.molti-column:hover .molti-view-button {
	opacity: 1;
}