/**
 * ThryonLab Quick Action Wrapper — front-end
 *
 * Layout/structure only. Visual styles (colors, type, padding, radius, etc.)
 * belong on theme or custom classes set in the Quick Action admin.
 */

.tqa-quick-action {
	--tqa-radius: 24px;
	--tqa-color-title: #ffffff;
	--tqa-color-description: rgba(255, 255, 255, 0.9);
	--tqa-btn-bg: #ffffff;
	--tqa-btn-color: #1e6fff;
	--tqa-icon-circle-bg: rgba(255, 255, 255, 0.15);
}

.tqa-quick-action__inner {
	width: 100%;
	box-sizing: border-box;
}

.tqa-quick-action__bar {
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.tqa-quick-action__bar--two {
	display: grid;
	grid-template-columns: var(--tqa-cols, 1fr 1fr);
	align-items: center;
}

.tqa-quick-action__bar--has-extra {
	flex-direction: column;
	align-items: stretch;
}

.tqa-quick-action__bar--has-extra > .tqa-quick-action__col--primary {
	display: flex;
	align-items: center;
	width: 100%;
}

.tqa-quick-action__col {
	min-width: 0;
}

.tqa-quick-action__col--primary {
	display: flex;
	align-items: center;
}

.tqa-quick-action__col--secondary {
	width: 100%;
}

.tqa-quick-action__icon-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 64px;
	max-height: 64px;
	object-fit: contain;
}

.tqa-quick-action__content {
	flex: 1;
	min-width: 0;
	position: relative;
	z-index: 1;
}

.tqa-quick-action__list {
	list-style: none;
	padding-left: 0;
}

.tqa-quick-action__list-item {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.tqa-quick-action__actions {
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}

.tqa-quick-action__btn-icon {
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.tqa-quick-action__bar {
		flex-wrap: wrap;
	}

	.tqa-quick-action__bar--two {
		grid-template-columns: 1fr;
	}

	.tqa-quick-action__col--primary {
		flex-wrap: wrap;
		width: 100%;
	}

	.tqa-quick-action__content {
		flex: 1 1 calc(100% - 80px);
		min-width: 0;
	}

	.tqa-quick-action__actions {
		flex: 1 1 100%;
		width: 100%;
	}
}