/**
 * WooQuotes frontend base styles.
 */

.wooquotes-page-header {
	margin: 0 auto 2rem;
	max-width: 1140px;
	padding: 0 1.25rem 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.wooquotes-submit-quote .wooquotes-page-header,
.wooquotes-quote-list .wooquotes-page-header {
	padding-top: 0.5rem;
}

.wooquotes-page-title {
	margin: 0 0 0.5rem;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 700;
	line-height: 1.2;
	color: inherit;
}

.wooquotes-breadcrumb {
	font-size: 0.9rem;
	color: rgba(0, 0, 0, 0.55);
}

.wooquotes-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.wooquotes-breadcrumb a:hover {
	text-decoration: underline;
}

.wooquotes-breadcrumb-sep {
	margin: 0 0.35rem;
}

.wooquotes-price-hidden {
	color: transparent;
	user-select: none;
}

.wooquotes-thankyou-message {
	margin-bottom: 1.5rem;
}

.wooquotes-review-text {
	margin: 0;
}

.wooquotes-message-field textarea {
	min-height: 120px;
}

/* Hide duplicate WooCommerce page titles when our header is present */
.woocommerce-cart .entry-header .entry-title,
.woocommerce-checkout:not(.woocommerce-order-received) .entry-header .entry-title,
.wooquotes-quote-list .entry-header .entry-title,
.wooquotes-submit-quote .entry-header .entry-title {
	display: none;
}

.wooquotes-cart-form {
	margin-bottom: 0;
}

.wooquotes-cart-table .actions {
	text-align: right;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Add to quote toast notification */
.wooquotes-toast {
	position: fixed;
	top: 24px;
	right: 24px;
	z-index: 999999;
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: min(420px, calc(100vw - 48px));
	padding: 14px 18px;
	background: linear-gradient(
		180deg,
		var(--button_gradient_top_color, #e8cb90) 0%,
		var(--button_gradient_bottom_color, #d6ad5a) 100%
	);
	color: var(--button_accent_color, #785510);
	border: 1px solid var(--button_border_color, #785510);
	border-radius: 4px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
	opacity: 0;
	transform: translateY(-16px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
	font-weight: 600;
	line-height: 1.4;
}

.wooquotes-toast--visible {
	opacity: 1;
	transform: translateY(0);
}

.wooquotes-toast-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
	font-family: awb-icons, sans-serif;
	font-size: 12px;
	flex-shrink: 0;
}

.wooquotes-toast-icon::before {
	content: "\f00c";
}

@media (max-width: 640px) {
	.wooquotes-toast {
		top: auto;
		bottom: 20px;
		left: 16px;
		right: 16px;
		max-width: none;
		transform: translateY(16px);
	}

	.wooquotes-toast--visible {
		transform: translateY(0);
	}
}
