/**
 * WooCommerce Notice Styles - Techtronic Theme
 *
 * WooCommerce success, info, error, and add-to-cart notice treatments.
 * Split from the former monolithic assets/css/woocommerce.css.
 *
 * @package Techtronic_Theme
 * @since 1.1.1
 */

/* ============================================
   WOOCOMMERCE NOTICES
   ============================================ */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding: var(--spacing-4) var(--spacing-5);
	margin-block-end: var(--spacing-6);
	border-radius: var(--radius-md);
	font-size: var(--text-base);
	line-height: 1.5;
}

.woocommerce-message {
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.3);
	border-left: 4px solid var(--success-500);
	color: var(--gray-100);
}

.woocommerce-message strong {
	color: var(--success-400);
}

.woocommerce-info {
	background: rgba(6, 182, 212, 0.15);
	border: 1px solid rgba(6, 182, 212, 0.3);
	border-left: 4px solid var(--primary-500);
	color: var(--gray-100);
}

.woocommerce-info strong {
	color: var(--primary-400);
}

.woocommerce-error {
	background: rgba(239, 68, 68, 0.15);
	border: 1px solid rgba(239, 68, 68, 0.3);
	border-left: 4px solid var(--error-500);
	color: var(--gray-100);
}

.woocommerce-error strong {
	color: var(--error-400);
}

.woocommerce-error li {
	list-style: none;
}

/* Notice Action Buttons */
.notice-actions {
	display: flex;
	gap: var(--spacing-3);
	margin-block-start: var(--spacing-4);
	padding-block-start: var(--spacing-4);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.notice-actions .button,
.notice-actions a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--spacing-3) var(--spacing-5);
	border-radius: var(--radius-md);
	font-weight: var(--weight-semibold);
	font-size: var(--text-sm);
	text-decoration: none;
	transition: all var(--duration-base) var(--ease-out);
}

.notice-actions .view-cart-btn {
	background: var(--surface-2);
	color: var(--gray-100);
	border: 1px solid var(--gray-600);
}

.notice-actions .view-cart-btn:hover {
	background: var(--surface-3);
	border-color: var(--primary-500);
	color: var(--primary-400);
}

.notice-actions .checkout-btn {
	background: linear-gradient(135deg, var(--primary-600), var(--primary-500));
	color: white;
	border: none;
}

.notice-actions .checkout-btn:hover {
	background: linear-gradient(135deg, var(--primary-700), var(--primary-600));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3);
}

/* Default WooCommerce button in notices */
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward {
	display: inline-flex;
	align-items: center;
	padding: var(--spacing-2) var(--spacing-4);
	margin-left: var(--spacing-3);
	background: var(--surface-2);
	color: var(--gray-100);
	border: 1px solid var(--gray-600);
	border-radius: var(--radius-md);
	font-weight: var(--weight-medium);
	font-size: var(--text-sm);
	text-decoration: none;
	transition: all var(--duration-base) var(--ease-out);
}

.woocommerce-message .button.wc-forward:hover,
.woocommerce-info .button.wc-forward:hover {
	background: var(--surface-3);
	border-color: var(--primary-500);
	color: var(--primary-400);
}

@media (max-width: 767px) {
	.notice-actions {
		flex-direction: column;
	}

	.notice-actions .button {
		width: 100%;
	}
}

/* Add to Cart Message Wrapper */
.wc-add-to-cart-message-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--spacing-4);
	flex-wrap: wrap;
}

.wc-message-text {
	flex: 1;
	min-width: 200px;
}

.btn-view-cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--spacing-3) var(--spacing-5);
	background: linear-gradient(135deg, var(--primary-600), var(--primary-500));
	color: white;
	border: none;
	border-radius: var(--radius-md);
	font-weight: var(--font-medium);
	text-decoration: none;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.btn-view-cart:hover {
	background: linear-gradient(135deg, var(--primary-700), var(--primary-600));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3);
	color: white;
}

@media (max-width: 767px) {
	.wc-add-to-cart-message-wrapper {
		flex-direction: column;
		align-items: stretch;
	}

	.wc-message-text {
		text-align: center;
	}

	.btn-view-cart {
		width: 100%;
	}
}

.woocommerce-page-wrapper .woocommerce-error,
.woocommerce-page-wrapper .woocommerce-info,
.woocommerce-page-wrapper .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
	margin-block: 0 var(--spacing-6);
	padding: var(--spacing-4) var(--spacing-5);
	background: rgba(15, 23, 42, 0.86);
	border: 1px solid rgba(6, 182, 212, 0.28);
	border-left: 4px solid var(--primary-500);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-base);
	color: var(--gray-100);
	list-style-position: inside;
}

.woocommerce-page-wrapper .woocommerce-error {
	border-color: rgba(239, 68, 68, 0.35);
	border-left-color: #ef4444;
}

.woocommerce-page-wrapper .woocommerce-message {
	border-color: rgba(34, 197, 94, 0.35);
	border-left-color: #22c55e;
}