/* =========================================================================
   SweetAlert2 — theme overrides
   =========================================================================
   The library's own sweetalert2.min.css (loaded first, see wp_enqueue_style
   calls in class-wooforge-popup.php / class-wooforge-add-to-cart.php /
   class-wooforge-stock-notify.php) ships its default look: rounded corners,
   a generic sans-serif font, and the stock blue/grey buttons. This file
   layers the theme's own design on top - same radius/shadow as the
   [wooforge_popup] dialog (see popup-modal.css), same flat button style as
   .single_add_to_cart_button / a.wooforge-button, same color variables.
   Used by: js/content/popup.js (promo popup), js/product/stock-notify.js
   (back-in-stock), js/shop/add-to-cart.js (add-to-cart toast).
   ========================================================================= */

/* Above the site's own stuck-header/mega-menu/popup stack (which climbs to
   10100 for [wooforge_popup] - see popup-modal.css) - a SweetAlert2 dialog
   is always a direct response to something the visitor just did, so it must
   never end up behind another layer. */
.swal2-container {
	z-index: 10200;
	background: rgba(0, 0, 0, .5);
}

.swal2-popup {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	border-radius: var(--wooforge-radius-popup, 4px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, .2);
	padding: 32px;
}

.swal2-title {
	color: var(--wooforge-color-primary);
	font-size: 20px;
	font-weight: 600;
	padding: 0 0 8px;
}

.swal2-html-container {
	color: var(--wooforge-color-primary);
	font-size: 14px;
	line-height: 1.6;
	opacity: .8;
}

/* ── Buttons ─────────────────────────────────────────────────────────────
   Flat, no radius, no shadow - matches .single_add_to_cart_button and
   a.wooforge-button rather than swal2's default rounded/shadowed style. */

.swal2-actions {
	gap: 12px;
	margin-top: 24px;
}

.swal2-styled {
	margin: 0;
	padding: 12px 24px;
	font-size: var(--wooforge-fs-button, 14px);
	font-weight: 500;
	border-radius: var(--wooforge-radius-button, 0);
	box-shadow: none !important;
	transition: opacity .15s;
}

.swal2-styled:focus {
	box-shadow: none;
	outline: 2px solid var(--wooforge-color-primary);
	outline-offset: 2px;
}

.swal2-styled.swal2-confirm {
	background: var(--wooforge-color-primary);
}

.swal2-styled.swal2-confirm:hover {
	background: var(--wooforge-color-primary);
	opacity: .85;
}

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
	background: #fff;
	color: var(--wooforge-color-primary);
	border: 1px solid #d5d5d5;
}

.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-deny:hover {
	background: #f6f6f6;
	opacity: 1;
}

.swal2-close {
	color: var(--wooforge-color-primary);
	opacity: .5;
	transition: opacity .15s;
}

.swal2-close:hover {
	background: transparent;
	color: var(--wooforge-color-primary);
	opacity: 1;
}

/* ── Input (guest email field on the back-in-stock popup) ────────────── */

.swal2-input {
	height: auto;
	margin: 16px 0 0;
	padding: 10px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	font-size: 14px;
	box-shadow: none;
}

.swal2-input:focus {
	border-color: var(--wooforge-color-primary);
	box-shadow: none;
}

.swal2-validation-message {
	background: #fff;
	color: #d63638;
	font-size: 13px;
}

/* ── Toast (add-to-cart success notice, js/shop/add-to-cart.js) ────────
   Compact by design - smaller radius/padding/shadow than the full dialog. */

.swal2-toast {
	border-radius: var(--wooforge-radius-popup, 4px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
	padding: 12px 16px;
}

.swal2-toast .swal2-title {
	font-size: 14px;
	font-weight: 500;
	padding: 0;
}

.swal2-toast .swal2-timer-progress-bar {
	background: var(--wooforge-color-accent);
}