/**
 * Ordershield - Frontend styles.
 *
 * Restyles the bundled SweetAlert2 popup to match the plugin's premium
 * navy / emerald palette. SweetAlert2's own fade + zoom transition already
 * provides the "smooth animation" requested in the brief, so no extra
 * animation library is loaded here.
 */

.ordershield-popup {
	border-radius: 16px !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.ordershield-popup .swal2-title {
	color: #14213d;
	font-size: 20px;
}

.ordershield-popup .swal2-html-container {
	color: #334155;
	font-size: 15px;
	line-height: 1.5;
}

.ordershield-popup .swal2-icon.swal2-warning {
	border-color: #f4a261;
	color: #f4a261;
}

.ordershield-call-btn {
	background-color: #2ec4b6 !important;
	color: #14213d !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

.ordershield-call-btn:focus {
	box-shadow: 0 0 0 3px rgba( 46, 196, 182, 0.4 ) !important;
}

.ordershield-fb-btn {
	background-color: #14213d !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

.ordershield-fb-btn:focus {
	box-shadow: 0 0 0 3px rgba( 20, 33, 61, 0.35 ) !important;
}

.ordershield-close-btn {
	color: #64748b !important;
	font-weight: 500 !important;
}