/**
 * Stock Modal Quote — Styles
 *
 * Uses WooCommerce & theme classes wherever possible:
 *   .woocommerce          — scoping wrapper
 *   .woocommerce-info     — info notices (blue bar)
 *   .woocommerce-message  — success notices
 *   .woocommerce-error    — error notices
 *   .button               — WooCommerce buttons
 *   .wp-element-button    — WP block-theme buttons
 *   .alt                  — primary / accent variant
 *
 * Only structural / overlay rules that the theme can't provide are defined here.
 *
 * @package SynaptaCommerce\Edge
 * @since 3.1.0
 */

/* ── Overlay ── */
.synapta-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ── Modal Card ── */
.synapta-modal-content {
	background: var(--wp--preset--color--base, #fff);
	color: var(--wp--preset--color--contrast, inherit);
	border-radius: 8px;
	padding: 30px;
	max-width: 460px;
	width: 90%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

/* ── Title ── */
.synapta-modal-title {
	margin: 0 0 15px;
	font-size: 1.25em;
}

/* ── Body text ── */
.synapta-modal-text {
	margin: 0 0 12px;
	color: var(--wp--preset--color--contrast, inherit);
	opacity: 0.8;
}

/* ── SKU label ── */
.synapta-modal-sku {
	margin: 0 0 15px;
	font-size: 0.85em;
	opacity: 0.55;
}

/* ── Login notice — inherits .woocommerce-info styling from theme ── */
.synapta-modal-login-notice {
	margin: 15px 0;
}

/* ── Action bar ── */
.synapta-modal-actions {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 20px;
}

/* ── Status / feedback area ── */
.synapta-modal-status {
	margin-top: 15px;
}

/* ── Link inside status notices ── */
.synapta-modal-link {
	text-decoration: underline;
	font-weight: 600;
}

/* ── Buttons — rely on .button / .wp-element-button / .alt from theme.
   Only add a small tweak for the secondary (cancel) variant when the
   theme doesn't style .button without .alt: ── */
.synapta-modal-btn-secondary:not(.alt) {
	background: transparent;
	border: 1px solid currentColor;
	opacity: 0.7;
}

.synapta-modal-btn-secondary:not(.alt):hover {
	opacity: 1;
}

/* ── Empty Cart Stock Block ──
   Uses .woocommerce-info from the theme for the notice.
   .return-to-shop is a standard WooCommerce class for the "back to shop" row. ── */
.synapta-empty-cart-stock {
	text-align: center;
	padding: 40px 20px;
}

.synapta-empty-cart-notice {
	text-align: center;
}

.synapta-empty-cart-actions {
	margin-top: 15px;
}