/*
 * Native Flatsome catalog actions: one detail link and one WooCommerce cart
 * action. Appearance intentionally comes from the active Flatsome settings.
 */
.phadin-flatsome-loop-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: .5rem;
	width: 100%;
	margin-top: .75rem;
}

.phadin-flatsome-loop-actions.has-cart {
	grid-template-columns: minmax(0, 3fr) minmax(42px, 1fr);
}

.phadin-flatsome-loop-actions .button,
.phadin-flatsome-loop-actions .add-to-cart-button {
	width: 100%;
	margin: 0;
}

.phadin-flatsome-loop-actions .add-to-cart-button {
	display: block;
	height: 100%;
}

.phadin-flatsome-loop-actions .button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5em;
}

.phadin-flatsome-loop-actions .phadin-loop-cart-action {
	padding-inline: .5rem;
	border-radius: 0 !important;
}

.phadin-flatsome-loop-actions .phadin-loop-cart-action > i {
	margin: 0;
}

.phadin-flatsome-loop-actions .added_to_cart {
	display: none;
}

@media (max-width: 549px) {
	.phadin-flatsome-loop-actions.has-cart {
		grid-template-columns: minmax(0, 3fr) minmax(38px, 1fr);
		gap: .4rem;
	}
}