/* ==========================================================================
   Quick Action
   ========================================================================== */

.wc-quick-action {

	display: flex;
	align-items: center;
	gap: 1rem;

	padding: 1.25rem;

	background: var(--wc-color-surface);

	border: 1px solid var(--wc-color-border);
	border-radius: var(--wc-radius-lg);

	box-shadow: var(--wc-shadow-sm);

	text-decoration: none;

	transition: var(--wc-transition);

}

.wc-quick-action:hover {

	transform: translateY(-2px);

	box-shadow: var(--wc-shadow-md);

	border-color: rgba(184, 144, 91, .25);

}

.wc-quick-action__icon {

	display: flex;
	align-items: center;
	justify-content: center;

	width: 52px;
	height: 52px;

	border-radius: var(--wc-radius-lg);

	background: rgba(184, 144, 91, .10);

	color: var(--wc-color-primary);

	flex-shrink: 0;

}

.wc-quick-action__icon svg,
.wc-quick-action__icon i {

	width: 22px;
	height: 22px;

}

.wc-quick-action__content {

	flex: 1;
	min-width: 0;

}

.wc-quick-action__title {

	margin: 0 0 .35rem;

	font-size: 1rem;
	font-weight: 600;

	color: var(--wc-color-text);

}

.wc-quick-action__description {

	margin: 0;

	font-size: .875rem;
	line-height: 1.5;

	color: var(--wc-color-text-light);

}

.wc-quick-action__arrow {

	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--wc-color-text-light);

	transition: var(--wc-transition);

}

.wc-quick-action:hover .wc-quick-action__arrow {

	color: var(--wc-color-primary);

	transform: translateX(4px);

}